//Preload images needed for the Login Page
pic1= new Image(); 
pic1.src="images/loginscreen/btn_register_disabled.gif"; 

pic2= new Image(); 
pic2.src="images/loginscreen/btn_login_disabled.gif"; 

pic3= new Image(); 
pic3.src="images/loginscreen/btn_forgotpass_disabled.gif";

function doLogin(){
	//Disable buttons, show checking message, send AJAX Request to check Username and Password.
	document.getElementById('username').disabled = true;
	document.getElementById('password').disabled = true;
	document.getElementById("registerButton").disabled = true;
	document.getElementById("registerButton").src = "images/loginscreen/btn_register_disabled.gif";
	document.getElementById("loginButton").disabled = true;
	document.getElementById("loginButton").src = "images/loginscreen/btn_login_disabled.gif";
	document.getElementById("forgotPasswordButton").disabled = true;
	document.getElementById("forgotPasswordButton").src = "images/loginscreen/btn_forgotpass_disabled.gif";
	document.getElementById("message").innerHTML = "Checking login information...";
	var params = "username=" + document.getElementById('username').value + "&password=" + document.getElementById('password').value;
	
	new Ajax.Request('ajax/login.php', {method: 'post', parameters: params, onSuccess: function(transport) {
		var response = transport.responseText;
		if(response != "Success") {
			document.getElementById('username').disabled = false;
			document.getElementById('password').disabled = false;
			document.getElementById("registerButton").disabled = false;
			document.getElementById("registerButton").src = "images/loginscreen/btn_register.gif";
			document.getElementById("loginButton").disabled = false;
			document.getElementById("loginButton").src = "images/loginscreen/btn_login.gif";
			document.getElementById("forgotPasswordButton").disabled = false;
			document.getElementById("forgotPasswordButton").src = "images/loginscreen/btn_forgotpass.gif";
	    	document.getElementById('message').innerHTML = response;
	    } else {
			document.getElementById("message").innerHTML = "Login successful.  Loading registration system.";
			window.location.reload();
		}
	}});
}

function regForm() {
	//Display the registration key box and hide login details
	Effect.Fade('formB', { duration: 0.3, from: 1, to: 0, queue: { position: 'end', scope: 'menuxscope' } });
	new Effect.Morph('loginBox', { style: 'height:195px;', duration: 0.3});
	Effect.Appear('registrationForm', { duration: 0.3, from: 0, to: 1, queue: { position: 'end', scope: 'menuxscope'} });
	return false;
}

function forgotPassForm() {
	//Display the registration key box and hide login details
	Effect.Fade('formB', { duration: 0.3, from: 1, to: 0, queue: { position: 'end', scope: 'menuxscope' } });
	new Effect.Morph('loginBox', { style: 'height:195px;', duration: 0.3});
	Effect.Appear('forgotPasswordForm', { duration: 0.3, from: 0, to: 1, queue: { position: 'end', scope: 'menuxscope'} });
	return false;
}

function cancelReg() {
	//Display the login details and hide the registration key box
	Effect.Fade('registrationForm', { duration: 0.3, from: 1, to: 0, queue: { position: 'end', scope: 'menuxscope',
limit: 2 } });
new Effect.Morph('loginBox', { style: 'height:255px;', duration: 0.3});
	Effect.Appear('formB', { duration: 0.3, from: 0, to: 1, queue: { position: 'end', scope: 'menuxscope',
limit: 2 } });
}

function cancelPassword() {
	//Display the login details and hide the registration key box
	Effect.Fade('forgotPasswordForm', { duration: 0.3, from: 1, to: 0, queue: { position: 'end', scope: 'menuxscope',
limit: 2 } });
new Effect.Morph('loginBox', { style: 'height:255px;', duration: 0.3});
	Effect.Appear('formB', { duration: 0.3, from: 0, to: 1, queue: { position: 'end', scope: 'menuxscope',
limit: 2 } });
}

function checkKey() {
	//Disable buttons, show checking message, send AJAX Request to check registration key.
	document.getElementById('confKey').disabled = true;
	document.getElementById("cancelButton").src = "images/loginscreen/btn_cancel_disabled.gif";
	document.getElementById("okButton").disabled = true;
	document.getElementById("okButton").src = "images/loginscreen/btn_ok_disabled.gif";
	document.getElementById("messagetwo").innerHTML = "Checking registration key...";
	var params = "key=" + document.getElementById('confKey').value;
	
	new Ajax.Request('ajax/checkKey.php', {method: 'post', parameters: params, onSuccess: function(transport) {
		var response = transport.responseText;
		if(response != "Success") {
			document.getElementById('confKey').disabled = false;
			document.getElementById("cancelButton").src = "images/loginscreen/btn_cancel.gif";
			document.getElementById("okButton").disabled = false;
			document.getElementById("okButton").src = "images/loginscreen/btn_ok.gif";
	    	document.getElementById('messagetwo').innerHTML = response;
	    } else {
			document.getElementById("messagetwo").innerHTML = "Key successful.  Loading registration system.";
			window.location.reload();
		}
	}});
}

function init() {
	Effect.Appear('loginBox');
	document.getElementById('username').disabled = false;
	document.getElementById('username').focus();
}

function recoverPass() {
	//Disable buttons, show checking message, send AJAX Request to check registration key.
	document.getElementById('forgotEmail').disabled = true;
	document.getElementById("cancelButton2").src = "images/loginscreen/btn_cancel_disabled.gif";
	document.getElementById("okButton2").disabled = true;
	document.getElementById("okButton2").src = "images/loginscreen/btn_ok_disabled.gif";
	document.getElementById("messagethree").innerHTML = "Looking up account information...";
	var params = "email=" + document.getElementById('forgotEmail').value;
	
	new Ajax.Request('ajax/forgotPassword.php', {method: 'post', parameters: params, onSuccess: function(transport) {
		var response = transport.responseText;
		document.getElementById('forgotEmail').disabled = false;
		document.getElementById("cancelButton2").src = "images/loginscreen/btn_cancel.gif";
		document.getElementById("okButton2").disabled = false;
		document.getElementById("okButton2").src = "images/loginscreen/btn_ok.gif";
  		document.getElementById('messagethree').innerHTML = response;
	}});
}