// login.js 
//		Handles login form

function OpenLogin( aNote )
{
	var passwrdText = 'Password:  <input class="textin" type="password" name="Password" id="Password"  size="20" maxlength="20" value="" />';
	document.getElementById( 'pass' ).innerHTML = passwrdText;	

	// Put up the bad note if there is one
	document.getElementById( 'badLoginNote' ).innerHTML = aNote;
		
	document.getElementById('loginbox').style.visibility = "visible";
}

function CancelLogin()
{
	// Remove the login box
	HideLoginBox();	
}

function SubmitLogin()
{
	// Remove the login box
	HideLoginBox();
}

function AddLoginBox()
{
	document.getElementById( 'loginbox' ).innerHTML = 
					'<form class="loginform" id="loginForm" name="loginForm" method="post" action="index.php"> \
						<div id="user">Username:  <input class="textin" type="text" name="Username" id="Username" size="20" maxlength="20" value=""/></div> \
						<div id="pass"></div> \
						<div id="badLoginNote"></div> \
						<div id="submitB"> \
							<input name="formSubmitted" type="hidden" value="true" /> \
							<input type="image" src="images/submit.png" width="90" height="32" border="0" name="submit" alt="SUBMIT" value="submit" id="Submit" onclick="javascript:SubmitLogin();" /> \
						</div> \
						<div id="cancelB"><img src="images/cancel.png" width="90" height="32" border="0" name="cancel" alt="CANCEL" value="cancel" onclick="javascript:CancelLogin();" /> \
						</div> \
					</form> ';
}

function HideLoginBox()
{
	document.getElementById( 'loginbox' ).style.visibility = "hidden";
}