236 lines
10 KiB
HTML
236 lines
10 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
|
|
<html>
|
|
<head>
|
|
<title>Main Page</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
|
|
|
|
<script language="javascript" src="common.js" type="text/javascript"></script>
|
|
<script language="javascript" src="main.js" type="text/javascript"></script>
|
|
|
|
<!-- Use one style sheet for IE and another for other browsers. -->
|
|
<script language="javascript">
|
|
<!--
|
|
var ua = navigator.userAgent.toLowerCase();
|
|
//Detect what browser this is and load the specific CSS for the browser.//
|
|
var isIE = ((ua.indexOf("msie") != -1) && (ua.indexOf("opera") == -1) && (ua.indexOf("webtv") == -1));
|
|
|
|
if(isIE) {
|
|
document.write('<'+'link rel="stylesheet" href="main.css" type="text/css"/>');
|
|
document.write('<'+'link rel="stylesheet" href="main-ie.css" type="text/css"/>');
|
|
}
|
|
else {
|
|
document.write('<'+'link rel="stylesheet" href="main.css" type="text/css"/>');
|
|
}
|
|
//-->
|
|
</script>
|
|
</head>
|
|
<body id="bodyId" onLoad="init();">
|
|
<div align="center" style="padding-top:4px;">
|
|
<div id="page">
|
|
<!-- The welcome and links above the border. -->
|
|
<div id="pageTop">
|
|
<span id="linksLeft">
|
|
<a href="javascript:" class="topMenuLink" style="color: #400">Sample Menu Item</a>
|
|
</span>
|
|
<span id="linksRight">
|
|
<a id="logLink" href="javascript:sendLoginData(null, null, true);" class="topMenuLink">Guest Login</a>
|
|
 |
|
|
<a id="logLink" href="javascript:showLogin();" class="topMenuLink">Login</a>
|
|
 |
|
|
<a href="javascript:" class="topMenuLink">SAMPLE MENU</a>
|
|
</span>
|
|
</div>
|
|
<!-- Everything inside the border. -->
|
|
<div id="pageCenter">
|
|
<!-- TODO: Place content here. -->
|
|
</div>
|
|
<!-- Contains link text and navigation - outside the border. -->
|
|
<div id="pageBottom">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="copyrightDiv">
|
|
<p style="font: 8pt serif bold; color: white; padding: 0px; margin: 18px 0px 0px 0px; color: #999;">
|
|
© DATE_HERE NAME_HERE. All rights reserved.
|
|
</p>
|
|
</div>
|
|
|
|
<!-- Dialog Container -->
|
|
<div id="dialogBackground" style="display: none; visibility: hidden; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 10; background: black; opacity: 0.78; -moz-opacity: 0.78; -khtml-opacity: 0.78; filter: progid:dximagetransform.microsoft.alpha(opacity=78);">
|
|
</div>
|
|
|
|
<!-- Dialogs -->
|
|
<div id="whoDialog" style="display: none; visibility: hidden; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 11; padding: 10px; width: 480px; height: 150px; background-color: #848589; border: 6px solid black;">
|
|
<a href="javascript:hideDialog()" style="padding: 0px; margin: 0px; position: relative; top: -30px; float: right; border: none;"><img src="images/close.gif" style="border: none; padding: 0px; margin: 0px;"></img></a>
|
|
</div>
|
|
<div id="loginDialog" style="display: none; visibility: hidden; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 11; padding: 10px; width: 480px; height: 150px; background-color: #848589; border: 6px solid black;">
|
|
<div align="center" style="margin: 0px 0px 0px 0px">
|
|
<div id="errorText" valign="bottom" style="height: 30px; visibility: hidden; display: none; color: #700; font-family: arial; font-size: 8pt; font-weight: bold; padding: 0px 6px 0px 6px">
|
|
</div>
|
|
<!-- Note: calling login twice closes the dialog. -->
|
|
<a href="javascript:hideDialog()" style="padding: 0px; margin: 0px; position: relative; top: -30px; float: right; border: none;"><img src="/secure/images/close.gif" alt="close" style="border: none; padding: 0px; margin: 0px;"></img></a>
|
|
</div>
|
|
<div id="loginDiv" align="center" style="display: none; visibility: hidden; margin-top: 0px;">
|
|
<form id="loginForm" method="post" action="javascript:void sendLoginForm(document.getElementById('loginForm'), location.pathname)" target="_self" style="padding: 0px; margin: 0px;">
|
|
<table style="" cellpadding="0" cellspacing="3">
|
|
<tr>
|
|
<td class="topTextContentMedium" style="text-align: right; padding-bottom: 3px;" colspan="2">
|
|
<input id="anonymousLoginCheckbox" name="anonymousLoginCheckbox" style="color: #444; display: none; visibility: hidden;" type="checkbox" tabindex="2" value=""></input>
|
|
<!-- I prefer to login anonymously. Continue as guest. Login as Guest Login as guest - click here. -->
|
|
<a class="loginSideLinks" style="color: #DDD;" tabindex="2" href="javascript: document.getElementById('loginForm').anonymousLoginCheckbox.checked=true; sendLoginForm(document.getElementById('loginForm'));">Login as Guest</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="text-align: right">
|
|
User Name:
|
|
</td>
|
|
<td>
|
|
<input id="userNameInput" maxlength="120" style="width: 190px" type="text" name="name" tabindex="1"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="text-align: right">
|
|
Password:
|
|
</td>
|
|
<td>
|
|
<input id="userPasswordInput" maxlength="250" style="width: 190px" type="password" name="password" tabindex="1"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2">
|
|
<table cellpadding="0" cellspacing="0" style="padding: 0px; margin: 0px; width: 100%;">
|
|
<tr>
|
|
<td align="center">
|
|
<a style="color: #DDD" href="javascript:switchComponents('loginDiv', 'resetPasswordDiv', 'resetPasswordUserNameInput', false);" tabindex="3">Reset Password</a>
|
|
</td>
|
|
<td align="right">
|
|
<input id="loginButton" type="submit" name="login" value="Login" tabindex="1" class="button"/>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
<div id="changePasswordDiv" align="center" style="display: none; visibility: hidden;">
|
|
<form id="changePasswordForm" method="post" action="javascript:void sendChangePasswordForm(document.getElementById('changePasswordForm'))" target="_self" style="padding: 0px; margin: 0px;">
|
|
<table style="height: 100%;" cellpadding="0" cellspacing="6">
|
|
<tr>
|
|
<td style="text-align: right">
|
|
New Password:
|
|
</td>
|
|
<td>
|
|
<input id="newPasswordInput" maxlength="250" type="password" name="newPassword" tabindex="1"/>
|
|
<input id="userLoginHiddenInput" type="hidden" name="userLoginHidden" tabindex="1"/>
|
|
<input id="oldPasswordHiddenInput" type="hidden" name="oldPasswordHidden" tabindex="1"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" align="right">
|
|
<table cellpadding="0" cellspacing="0" style="padding: 0px; margin: 0px;">
|
|
<tr>
|
|
<td>
|
|
<input id="changePasswordButton" type="submit" name="changePassword" value="Login" tabindex="1" class="button" style=""/>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
<div id="resetPasswordDiv" align="center" style="display: none; visibility: hidden;">
|
|
<form id="resetPasswordForm" method="post" action="javascript:void sendResetPasswordForm(document.getElementById('resetPasswordForm'))" target="_self" style="padding: 0px; margin: 0px;">
|
|
<table cellpadding="0" cellspacing="6">
|
|
<tr>
|
|
<td style="text-align: right">
|
|
User Name:
|
|
</td>
|
|
<td>
|
|
<input id="resetPasswordUserNameInput" maxlength="120" type="text" name="name" tabindex="1"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="text-align: right">
|
|
Account Email:
|
|
</td>
|
|
<td>
|
|
<input id="resetPasswordEmailInput" maxlength="120" type="text" name="email" tabindex="1"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2">
|
|
<table cellpadding="0" cellspacing="0" style="float: right; padding: 0px; margin: 0px;">
|
|
<tr>
|
|
<td>
|
|
<a href="javascript:switchComponents('resetPasswordDiv', 'loginDiv', 'userNameInput', false);" tabindex="2">Login</a>
|
|
</td>
|
|
<td>
|
|
<input id="resetPasswordButton" type="submit" name="resetPassword" value="Reset Password" tabindex="1" class="button" style="width: 120px;"/>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
<div id="resetPasswordSuccessDiv" align="center" style="display: none; visibility: hidden;">
|
|
<table cellpadding="0" cellspacing="0" style="padding: 0px; margin: 0px;">
|
|
<tr>
|
|
<td class="text">
|
|
Your password has been reset. An email will be sent shortly containing your temporary password.
|
|
</td>
|
|
</tr>
|
|
<tr style="height: 10px">
|
|
</tr>
|
|
<tr>
|
|
<td align="left">
|
|
<a style="font-size: 10pt;" href="javascript:switchComponents('resetPasswordSuccessDiv', 'loginDiv', 'userNameInput', false);" tabindex="1">Login</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="emailNotValidatedDiv" align="center" style="display: none; visibility: hidden;">
|
|
<p style="padding-left: 10px;">
|
|
Your email address not yet been validated.<br/>
|
|
You may change it below and the validation email will be resent.
|
|
</p>
|
|
<form id="revalidateEmailForm" method="post" action="javascript:void sendRevalidateEmailForm(document.getElementById('revalidateEmailForm'))" target="_self" style="padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;">
|
|
<table style="padding: 0px 0px 0px 10px" cellpadding="0" cellspacing="6">
|
|
<tr>
|
|
<td>
|
|
Email:
|
|
</td>
|
|
<td>
|
|
<input id="userEmailAddressInput" maxlength="120" type="text" name="email" tabindex="1" style="width: 260px;"/>
|
|
<input id="userIdInput" type="hidden" name="userId"/>
|
|
</td>
|
|
<td>
|
|
<input id="resendValidationEmailButton" type="submit" name="resendValidationEmail" value="Resend" tabindex="2" class="button"/>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
<div id="validationEmailResentDiv" align="center" style="display: none; visibility: hidden;">
|
|
<table cellpadding="0" cellspacing="0" style="padding: 0px; margin: 0px;">
|
|
<tr>
|
|
<td>
|
|
Another email will be sent shortly to validate your email address.
|
|
</td>
|
|
</tr>
|
|
<tr style="height: 10px">
|
|
</tr>
|
|
<tr>
|
|
<td align="left">
|
|
<a style="font-size: 10pt;" href="javascript:switchComponents('validationEmailResentDiv', 'loginDiv', 'userNameInput', false);" tabindex="1">Login</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |