addEvent(document,'click', doLogin, false);
addEvent(document,'mouseover', doMoverIn, false);
addEvent(document,'mouseout', doMoverOut, false);

function hideUserIDText() {
	$('EmailAddress').value = "";
}

function doLogin(e) {
	var target = (e.srcElement) ? e.srcElement : e.target;
	if (target.id == 'lnk_login') {
		if ( $("EmailAddress") && $("UserPwd") ) {
				if ( ($("EmailAddress").value =="") || ($("EmailAddress").value =="E-mail address") ) {
				showLoginError(1);
				$("EmailAddress").style.borderColor = "red";
				$("EmailAddress").focus();
				return false;
			}
			else {
				$("EmailAddress").style.borderColor = "#52A3A3";
				$("bar_top_inner_left").innerHTML = "";
			}

			validRegExp = /^[^@]+@[^@]+.[a-z]{2,}$/i;
			strEmail = $("EmailAddress").value;
			if (strEmail.search(validRegExp) == -1) {
				showLoginError(2);
				$("EmailAddress").style.borderColor = "red";
				$("EmailAddress").focus();
				return false;
			}

			if ( $("UserPwd").value =="") {
				showLoginError(3);
				$("UserPwd").style.borderColor = "red";
				$("UserPwd").focus();
				return false;
			}
			else {
				$("UserPwd").style.borderColor = "#52A3A3";
				$("bar_top_inner_left").innerHTML = "";
			}

			///////// pass all valid format of login credentials tests ////////

			//hide login button
			$("msg_signin").style.visibility="hidden";
			$("lnk_login").style.visibility="hidden";
			$("login_form").style.visibility="hidden";
			$("bar_top_inner_left").innerHTML = "<div id = 'error_login_processing'><p>Processing login.&nbsp;&nbsp;Please wait ...</p></div>";

			//Create URL for verifying the entered login details
			var url = "server/secure.aspx?Op=1&e="+escape($("EmailAddress").value)+"&p="+escape($("UserPwd").value);
			doServerCheck(url);
		}
	}
	else { return ;}
}

function showLoginError(eID) {
	var sContainer = document.getElementById("bar_top_inner_left");
	sErrorBox = document.createElement('error_login');
	if (eID == 1) {
		$("bar_top_inner_left").innerHTML = "<div id = 'error_login'><p>Your <b>Email Address</b> please.</p></div>";
	}
	else if (eID == 2) {
		$("bar_top_inner_left").innerHTML = "<div id = 'error_login'><p>Invalid <b>Email Address</b> format.</p></div>";
	}
	else if (eID == 3) {
		$("bar_top_inner_left").innerHTML = "<div id = 'error_login'><p>Your <b>Password</b> please.</p></div>";
	}
}

function doServerCheck(url) {
	new ajax (url, {
		method: 'get', 
		update: $('container_Temp'),
		onComplete: parseLoginResponse
	});
}

function parseLoginResponse() {
	//Error branch
	if ( $("srv_UserType").innerHTML == "0") {
		$("bar_top_inner_left").innerHTML = "<div id = 'error_login_red'><p><b>Login error</b>. Unrecognized Email and/or Password.</p></div>";
		$("msg_signin").style.visibility="visible";
		$("login_form").style.visibility="visible";
		$("lnk_login").style.visibility="visible";
	}

	//Coordinator branch
	else if ( $("srv_UserType").innerHTML == "1")  {
		$("bar_top_inner_left").style.color = "green";
		$("bar_top_inner_left").innerHTML = "<p>Login recognized ...</p>";
		$("container_FullName").innerHTML = $("srv_FullName").innerHTML;
		$("container_UserType").innerHTML = $("srv_UserType").innerHTML;
		$("container_CanID").innerHTML = $("srv_PersonID").innerHTML;
		$("bar_top_inner_right").innerHTML = "<div id='welcome_msg'><p>Welcome: <b>"+$("container_FullName").innerHTML+"</b>&nbsp;&nbsp;&nbsp;&nbsp;<span id='lnk_logout' class='btn_login'>Logout</span></p></div>";
		var value1 = $("container_FullName").innerHTML;
		var value1 = $("container_CanID").innerHTML;
		createCookie('FullName', $("container_FullName").innerHTML,1);
		createCookie('PID', $("container_CanID").innerHTML,1);
		window.location = "coors.html"
	}

	//Candidate branch
	else if ( $("srv_UserType").innerHTML == "3") {
		$("bar_top_inner_left").style.color = "green";
		$("bar_top_inner_left").innerHTML = "<p>Login recognized ...</p>";
		$("container_FullName").innerHTML = $("srv_FullName").innerHTML;
		$("container_UserType").innerHTML = $("srv_UserType").innerHTML;
		$("container_CanID").innerHTML = $("srv_PersonID").innerHTML;
		$("bar_top_inner_right").innerHTML = "<div id='welcome_msg'><p>Welcome: <b>"+$("container_FullName").innerHTML+"</b>&nbsp;&nbsp;&nbsp;&nbsp;<span id='lnk_logout' class='btn_login'>Logout</span></p></div>";
		var value1 = $("container_FullName").innerHTML;
		var value1 = $("container_CanID").innerHTML;
		createCookie('FullName', $("container_FullName").innerHTML,1);
		createCookie('PID', $("container_CanID").innerHTML,1);
		window.location = "hits.html"
	}
}

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function doMoverIn(e) {
	var target = (e.srcElement) ? e.srcElement : e.target;
	if (target.id == 'lnk_login')  {
		$(target.id).style.color="#333";
		$(target.id).style.backgroundColor="#E1FFF0";
		$(target.id).style.cursor='pointer';
		$(target.id).style.cursor='hand';
	}
	else { return ;}
}

function doMoverOut(e) {
	var target = (e.srcElement) ? e.srcElement : e.target;
	if (target.id == 'lnk_login') {
		$(target.id).style.color="#047263";
		$(target.id).style.backgroundColor="#97E6C2";
		$(target.id).style.cursor='pointer';
		$(target.id).style.cursor='hand';
	}
	else { return ;}
}