var LoginForm='Username: <span id="UNCheck" style="color:red;"></span><br/><input type="text" autofocus="autofocus" maxlength="20" id="LogUserName" name="LogUserName" class="Input"/><br/>Password: <span id="PWCheck" style="color:red;"></span><br/><input type="password" maxlength="20" name="LogPass" id="LogPass" class="Input"/><br/><input type="button" value="Login" onclick="Login()" id="LoginButton"/><br/><a class="SmallLink">Forgot Username</a> | <a class="SmallLink">Forgot Password</a>';

var RegForm='<span style="font-weight:bold;">Membership Registration Form</span><br/>*First Name: <span id="FNCheck" style="color:red;"></span><br/><input type="text" autofocus="autofocus" maxlength="40" id="FirstName" name="FirstName" size="40" class="Input"/><br/>Last Name:<br/><input type="text" maxlength="40" id="LastName" name="LastName" size="40" class="Input"/><br/>*Username: <span id="UNCheck" style="color:red;"></span><br/><input type="text" maxlength="20" id="RegUserName" name="RegUserName" size="40" class="Input"/><br/>*Password: <span id="PWRegCheck" style="color:red;"></span><br/><input type="password" maxlength="20" name="RegPass" id="RegPass" size="40" class="Input"/><br/>*Verify Password: <span id="PWRegVerifyCheck" style="color:red;"></span><br/><input type="password" maxlength="20" name="RegPassVerify" id="RegPassVerify" size="40" class="Input"/><br/>*Email: <span id="EMRegCheck" style="color:red;"></span><br/><input type="email" maxlength="50" name="RegEmail" id="RegEmail" size="40" class="Input"/><br/>*Verify Email: <span id="EMRegVerifyCheck" style="color:red;"></span><br/><input type="email" maxlength="50" name="RegEmailVerify" id="RegEmailVerify" size="40" class="Input"/><br/>*Date of Birth: <span id="BDRegCheck" style="color:red;"></span><br/><select id="BirthMonth" class="Input"><option>Month</option><option>Jan</option><option>Feb</option><option>Mar</option><option>Apr</option><option>May</option><option>Jun</option><option>Jul</option><option>Aug</option><option>Sep</option><option>Oct</option><option>Nov</option><option>Dec</option></select><input type="text" placeholder="Day" size="2" maxlength="2" id="BirthDay" class="Input"/><input type="text" placeholder="Year" size="4" maxlength="4" id="BirthYear" class="Input"/><br/>Gender:<br/><select id="Gender" class="Input"><option value="">Select</option>  <option value="M">Male</option>  <option value="F">Female</option></select><br/><input type="button" value="Register" onclick="Register()" id="RegisterButton"/>';

var RegInfo='<span style="font-weight:bold;">Instructions</span><br/>1. Fill out all *Required fields.<br/>2. Click Register button.<br/>3. Check your email account for a verification message.<br/>4. Click on the verification link to activate your account.<br/>5. Login to your account.<br/><br/><span style="font-weight:bold;">Note:</span> The member’s area is still under construction. However, you can register now to reserve your username.';

function LogReg(Selected){
			if(Selected == 0){
				//Close Login or Register Screen
				document.getElementById('ActivityOverlay').style.width="0px";
				document.getElementById('ActivityOverlay').style.height="0px";
				document.getElementById('ActivityOverlay').style.backgroundColor="white";
				document.getElementById('ActivityOverlay').style.zIndex="0";
				document.getElementById('LoginForm').style.width="0px";
				document.getElementById('LoginForm').style.height="0px";
				document.getElementById('LoginForm').innerHTML="";
				document.getElementById('LoginForm').style.zIndex="0";
				document.getElementById('LoginForm').style.top="0px";
				document.getElementById('RegForm').style.width="0px";
				document.getElementById('RegForm').style.height="0px";
				document.getElementById('RegForm').innerHTML="";
				document.getElementById('RegForm').style.zIndex="0";
				document.getElementById('RegForm').style.top="0px";
				document.getElementById('RegInfo').style.width="0px";
				document.getElementById('RegInfo').style.height="0px";
				document.getElementById('RegInfo').innerHTML="";
				document.getElementById('RegInfo').style.zIndex="0";
				document.getElementById('RegInfo').style.top="0px";
				document.getElementById('Exit').style.width="0px";
				document.getElementById('Exit').style.height="0px";
				document.getElementById('Exit').innerHTML="";
				document.getElementById('Exit').style.zIndex="0";
				document.getElementById('Exit').style.backgroundColor="white";
				document.getElementById('PageBody').style.backgroundColor="white";
				document.getElementById('MainBox').style.borderColor="gray";
				}
			if(Selected == 1){
				//Open Login Screen
				document.getElementById('ActivityOverlay').style.width="1000px";
				document.getElementById('ActivityOverlay').style.height="661px";
				document.getElementById('ActivityOverlay').style.backgroundColor="black";
				document.getElementById('ActivityOverlay').style.zIndex="10";
				document.getElementById('LoginForm').style.width="180px";
				document.getElementById('LoginForm').style.height="180px";
				document.getElementById('LoginForm').style.marginLeft="-90px";
				document.getElementById('LoginForm').style.paddingLeft="10px";
				document.getElementById('LoginForm').style.paddingTop="5px";
				document.getElementById('LoginForm').innerHTML=LoginForm;
				document.getElementById('LoginForm').style.zIndex="11";
				document.getElementById('LoginForm').style.top="200px";
				document.getElementById('Exit').style.width="31px";
				document.getElementById('Exit').style.height="29px";
				document.getElementById('Exit').innerHTML="X";
				document.getElementById('Exit').style.zIndex="11";
				document.getElementById('Exit').style.backgroundColor="red";
				document.getElementById('PageBody').style.backgroundColor="black";
				document.getElementById('MainBox').style.borderColor="black";
				//Function below is run on patch.js to fix autofocus for Firefox browser
				AutoFocus('Login');
				//document.getElementById('HomeContent').innerHTML="";
				}
			if(Selected == 2){
				//Open Register Screen
				document.getElementById('ActivityOverlay').style.width="1000px";
				document.getElementById('ActivityOverlay').style.height="661px";
				document.getElementById('ActivityOverlay').style.backgroundColor="black";
				document.getElementById('ActivityOverlay').style.zIndex="10";
				document.getElementById('RegForm').style.width="300px";
				document.getElementById('RegForm').style.height="610px";
				document.getElementById('RegForm').style.marginLeft="-150px";
				document.getElementById('RegForm').style.paddingLeft="10px";
				document.getElementById('RegForm').style.paddingTop="5px";
				document.getElementById('RegForm').innerHTML=RegForm;
				document.getElementById('RegForm').style.zIndex="11";
				document.getElementById('RegForm').style.top="20px";
				document.getElementById('RegInfo').style.width="300px";
				document.getElementById('RegInfo').style.height="610px";
				document.getElementById('RegInfo').style.marginLeft="-150px";
				document.getElementById('RegInfo').style.paddingLeft="10px";
				document.getElementById('RegInfo').style.paddingTop="5px";
				document.getElementById('RegInfo').innerHTML=RegInfo;
				document.getElementById('RegInfo').style.zIndex="11";
				document.getElementById('RegInfo').style.top="20px";
				document.getElementById('Exit').style.width="31px";
				document.getElementById('Exit').style.height="29px";
				document.getElementById('Exit').innerHTML="X";
				document.getElementById('Exit').style.zIndex="11";
				document.getElementById('Exit').style.backgroundColor="red";
				document.getElementById('PageBody').style.backgroundColor="black";
				document.getElementById('MainBox').style.borderColor="black";
				//Function below is run on patch.js to fix autofocus for Firefox browser
				AutoFocus('Register');
				}
}
