// JavaScript Document

$(document).ready(function()
{
	/////////On form submit button click
	$("#submit").click(function(e)
	{
		e.preventDefault();
		
		///////hides buttons and adds loader graphic
		$("#submit").css("visibility","hidden");
		$("#reset").css("visibility","hidden");
		$("#invalidmessage").remove();
		$("<img src='ajax-loader.gif' />").css("position","relative").css("top","-15px").attr("id","loaderimg").appendTo( $('#loginform') );
		
		$.ajax({
			   type: "POST",
			   url: "checklogin.php",
			   data: "username=" + $("#username").val() + "&password=" + $("#password").val(),
			   success: function(response)
			   {
				   ///////shows buttons again and removes loader graphic
				    $("#submit").css("visibility","visible");
					$("#reset").css("visibility","visible");
					$('#loaderimg').remove();
					
					if(response == "1")
					{
						///////successful login
						$("<p>you are logged in as: " + $("#username").val() + "</p>").attr("id","invalidmessage").appendTo($('#loginform') );	
					}else{
						///////invalid login
						$("<p>invalid login, try again</p>").attr("id","invalidmessage").appendTo($('#loginform') );
					}  	
			   }
		});
	});
});