function submitLogin(){
//	document.getElementById("returnUrl").value = document.location.href;
	loginFormEl = document.getElementById("loginForm");
	var username = document.getElementById("username").value;
	var password = document.getElementById("password").value;
	var returnUrl = document.getElementById("returnUrl").value;
	
//	alert(returnUrl);
		
	if ((username != '')&&(password != '')){
		if (document.forms.loginForm){
			document.forms.loginForm.submit();
		}
	}
}

var rootPath = "/";

function getLoginStatus(){
	var dummy = "dummy=" + new Date().getTime();
	var url = rootPath + "scripts/login_status_get.php?" + dummy;
	request.open("GET", url, true);
	request.onreadystatechange = loginHandler;
	request.send(null);	
}

var xmldoc;
var element;

function loginHandler(){
	if (request.readyState == 4) {
		if (request.status == 200) {
			xmldoc = request.responseXML;
			element = xmldoc.documentElement;
			user = element.firstChild;

			var status = user.childNodes[0].firstChild.nodeValue;
			var registrationID = user.childNodes[1].firstChild.nodeValue;
			var display_name = user.childNodes[2].firstChild.nodeValue;
			
			(status == 0) ? createLoginForm() : createLogoutForm(display_name);
		}
	}
}

function createLoginForm(){
	var loginbox = document.getElementById("loginbox");
	
	while(loginbox.hasChildNodes()){
		loginbox.removeChild(loginbox.lastChild);
	}
	
	var loginForm = document.createElement("form");
	loginForm.setAttribute("action",rootPath + "scripts/login_process.php");
	loginForm.setAttribute("method","post");
	loginForm.setAttribute("name","loginForm");
	loginForm.setAttribute("id","loginForm");

		var newInput = document.createElement("input");
		newInput.setAttribute("name","returnUrl");
		newInput.setAttribute("id","returnUrl");
		newInput.setAttribute("type","hidden");
		newInput.setAttribute("value",document.location.href);
		
		// handle competition_error page, hard-code returnUrl value to go back to competition form
		if (document.location.href.indexOf("competition_error") > -1){
			newInput.setAttribute("value","../competition.php");	
		}
		
	loginForm.appendChild(newInput);
	
		var newLabel = document.createElement("label");
		newLabel.setAttribute("for","username");
			newTxt = document.createTextNode("Username :");
		newLabel.appendChild(newTxt);
	loginForm.appendChild(newLabel);
	
		var newInput = document.createElement("input");
		newInput.setAttribute("name","username");
		newInput.setAttribute("id","username");
		newInput.setAttribute("type","text");
		newInput.setAttribute("title","type your username in here");
	loginForm.appendChild(newInput);
	
		var newLabel = document.createElement("label");
		newLabel.setAttribute("for","password");
		newLabel.style.cssFloat = "left";
		newLabel.style.styleFloat = "left";
			newTxt = document.createTextNode("Password :");
		newLabel.appendChild(newTxt);
	loginForm.appendChild(newLabel);
		
		var newSpan = document.createElement("span");
			var newA = document.createElement("a");
			newA.setAttribute("href",rootPath + "lost_password.html");
				newTxt = document.createTextNode("Lost It?");
			newA.appendChild(newTxt);
		newSpan.appendChild(newA);
	loginForm.appendChild(newSpan);
	
		var newInput = document.createElement("input");
		newInput.setAttribute("name","password");
		newInput.setAttribute("id","password");
		newInput.setAttribute("type","password");
		newInput.setAttribute("title","type in your password");
	loginForm.appendChild(newInput);
	
		var newInput = document.createElement("input");
		newInput.setAttribute("class","login_submit");
		newInput.setAttribute("className","login_submit");
		newInput.setAttribute("name","login_button");
		newInput.setAttribute("id","login_button");
		newInput.setAttribute("type","button");
		newInput.setAttribute("title","Click here to login to HOOF");
		newInput.setAttribute("value","Log in");
		newInput.onclick = function () {submitLogin()};
	loginForm.appendChild(newInput);
	
	loginbox.appendChild(loginForm);
}
function createLogoutForm(display_name){
	var loginbox = document.getElementById("loginbox");
	
	while(loginbox.hasChildNodes()){
		loginbox.removeChild(loginbox.lastChild);
	}
	
	var logoutForm = document.createElement("form");
	logoutForm.setAttribute("action",rootPath + "scripts/logout.php");
	logoutForm.setAttribute("method","post");
	logoutForm.setAttribute("name","logoutForm");
	logoutForm.setAttribute("id","logoutForm");

		var newInput = document.createElement("input");
		newInput.setAttribute("name","returnUrl");
		newInput.setAttribute("id","returnUrl");
		newInput.setAttribute("type","hidden");
		newInput.setAttribute("value",document.location.href);
	logoutForm.appendChild(newInput);
	
		var newP = document.createElement("p");
			newTxt = document.createTextNode("Hello ");
		newP.appendChild(newTxt);
			newStrong = document.createElement("strong");
				newTxt = document.createTextNode(display_name);
			newStrong.appendChild(newTxt);
		newP.appendChild(newStrong);
			newTxt = document.createTextNode(".");
		newP.appendChild(newTxt);
	logoutForm.appendChild(newP);
		var newP = document.createElement("p");
			var newInput = document.createElement("input");
			newInput.style.border = "0px";
			newInput.style.width = "106px";
			newInput.style.height = "16px";
			newInput.style.marginTop = "4px";
			newInput.setAttribute("class","submit");
			newInput.setAttribute("className","submit");
			newInput.setAttribute("name","logout_button");
			newInput.setAttribute("id","logout_button");
			newInput.setAttribute("type","image");
			newInput.setAttribute("title","Click here to logout from HOOF");
			newInput.setAttribute("value","Logout");
			newInput.setAttribute("src",rootPath + "images/logout.gif");
		newP.appendChild(newInput);

	logoutForm.appendChild(newP);
	
	loginbox.appendChild(logoutForm);
}
function submitLogout(){
	document.forms.logoutForm.submit();
}