/*
 * Project:     Ajax Login
 * File:        script.js
 *
 */

$(document).ready(function(){
 $("#rolling").slideDown('slow');
});
function loadpage() {
	document.location.href="central.php";
}
$(document).ready(function()
 {
	$("#submit").click(function()
		{
			if($("#uname").val()=="" || $("#pass").val()=="")
			{
				$("p").fadeTo('slow','0.99');
				$("msg").hide();
				$("p").fadeIn('slow',function(){$("p").html("<span id='error'>Please enter username and password</span>");});
				return false;
			}
			else
			{
				$("p").html('<span class="normal"><img src="images/loading.gif"></span>');
				var uname = $("#uname").val();
				var pass = $("#pass").val();
					$.getJSON("server.php",{username:uname,password:pass},function(json)
					{
						// Parse JSON data if json.response.error = 1 then login successfull
						if(json.response.error == "1")
						{
							$("p").css('background','#CBF8AF');
							$("p").css('border-bottom','4px solid #109601');
							data = "<span id='msg'>Welcome "+uname+"</span>";
							/*	login successfull, write code to Show next page here */
							setTimeout("loadpage()",3000);
						}
						// Login failed
						else
						{
							$("p").css('background','#FFD9D9');
							$("p").css('border-bottom','4px solid #FC2607');
							data = "<span id='error'>Invalid Login. Please Try Again.</span>";
						}
							$("p").fadeTo('slow','0.99');
							$("p").fadeIn('slow',function(){$("p").html("<span id='msg'>"+data+"</span>");});
					});
				return false;
			}
		}
	);

	$("#uname").focus(function(){
			$("p").fadeTo('slow','0.0',function(){$("p").html('');});
		}
	 );
	$("#pass").focus(function(){
			$("p").fadeTo('slow','0.0',function(){$("p").html('');});
		}
	);
});