var temp_html="";
function output_info(str){
	var output_html;
	output_html="<table align=\"center\" height=\"100px\"> \
						<tr> \
						<td align=\"center\" valign=\"bottom\">"+str+"</td> \
						</tr> \
						</table>";
	return output_html;								
}
function user_logout(){
	var loginportal = document.getElementById("loginportal");
	var check=start_ajax();
check.onreadystatechange=function()
	{

    if(check.readyState==4 && check.status == 200)
      {

		 	if(check.responseText=='1'){
			//Logged out//	
			loginportal.innerHTML=temp_html="<table align=\"center\" height=\"100px\"> \
						<tr> \
						<td align=\"center\" valign=\"middle\"><a href=\"javascript:login_form()\"> Login</a> or <a href=\""+rootlink()+"register\">Register</a></td> \
						</table>";
			window.location.reload();
			}else{
			//Unsuccessful Logout//	
			}
      }
    }
	//Must set variables to none so at least they are set//
  	var aquery="logout";
  	var type="none";
  	var qsearch="none";
  	var variables="none";
  	var params="q="+aquery+"&t="+type+"&s="+qsearch+"&v="+variables;
  	check.open("POST",""+rootlink()+"ajax.php",true);
  	check.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  	check.setRequestHeader("Content-length", params.length);
  	check.setRequestHeader("Connection", "close");
  	check.send(params);	
}
function user_login(username,password){
	var loginportal = document.getElementById("loginportal");
	var check=start_ajax();
	
if(username.length>=4 && password.length>=6){

 check.onreadystatechange=function()
    {

    if(check.readyState==4 && check.status == 200)
      {
		  var resText = check.responseText.split(",");
		  switch (resText[0]){
				case '1':
				//Password was Wrong//
				tmpHtml = "</td></tr><tr><td align=\"center\" valign=\"top\"><input TYPE=\"image\" SRC=\""+rootlink()+"includes/template/images/back.gif\"  value=\"Back\" name=\"back_bn\" onclick=\"login_form()\" /></td>";
				loginportal.innerHTML=output_info("Password was incorrect."+tmpHtml);
				break;
				case '2':
				//Login Successful//
				tmpChar = resText[1].substring(0,1).toUpperCase();
				tmpString = tmpChar+resText[1].substring(1,resText[1].length);
				tmpHtml = "</td></tr><tr><td align=\"center\" valign=\"top\"><input TYPE=\"image\" SRC=\""+rootlink()+"includes/template/images/logout.gif\"  value=\"Logout\" name=\"logout_bn\" onclick=\"user_logout()\" /></td>";
				loginportal.innerHTML=output_info("Welcome, "+tmpString+"!"+tmpHtml);
				window.location.reload();
				break;
				default:
				//Email/Username Could not be found//
				tmpHtml = "</td></tr><tr><td align=\"center\" valign=\"top\"><input TYPE=\"image\" SRC=\""+rootlink()+"includes/template/images/back.gif\"  value=\"Back\" name=\"back_bn\" onclick=\"login_form()\" /></td>";
				loginportal.innerHTML=output_info("Username does not exist."+tmpHtml);
				break;
		  }
      }
    }
  	var aquery="login";
  	var type="none";
  	var qsearch="username,password";
  	var variables=username+","+password;
  	var params="q="+aquery+"&t="+type+"&s="+qsearch+"&v="+variables;
  	check.open("POST",""+rootlink()+"ajax.php",true);
  	check.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  	check.setRequestHeader("Content-length", params.length);
  	check.setRequestHeader("Connection", "close");
  	check.send(params);	
	}else{
		tmpHtml = "</td></tr><tr><td align=\"center\" valign=\"top\"><input TYPE=\"image\" SRC=\""+rootlink()+"includes/template/images/back.gif\"  value=\"Back\" name=\"back_bn\" onclick=\"login_form()\" /></td>";
		loginportal.innerHTML=output_info("Please enter valid information."+tmpHtml);
}
}
function cancel_form(){
	var loginportal = document.getElementById("loginportal");
	loginportal.innerHTML=temp_html;
}
function login_form(){
	var loginportal = document.getElementById("loginportal");
	if(temp_html.length<1){
	temp_html=loginportal.innerHTML;
	}
	loginportal.innerHTML="<br /><form name=\"loginfrm\" onsubmit=\"return false;\"><table align=\"center\"  cellspacing=\"0\" cellpadding=\"0\"> \
	<tr> \
	<td align=\"right\" valign=\"middle\">Username:<br/>Password:</td> \
	<td align=\"left\" valign=\"bottom\"><input class=\"width120\" type=\"text\" id=\"lUsername\" name=\"lUsername\"><br /><input class=\"width120\" type=\"password\" id=\"lPassword\" name=\"lPassword\"></td> \
	<td align=\"right\" valign=\"middle\" rowspan=\"2\"> <input TYPE=\"image\" SRC=\""+rootlink()+"includes/template/images/login.gif\" name=\"Login_form\" value=\"Login\" onclick=\"user_login(lUsername.value,lPassword.value)\"></td> \
	</tr> \
	</table></form>";

}
function view_login(){
	window.scrollTo(0,0);
	login_form();
	document.getElementById("lUsername").focus();
}