/*/////////////////////////////////////////////////////////////////////
// preload images
*/
pic1 = new Image(16, 16); 
pic1.src = "include/images/loader.gif";

$(document).ready(function()
{
	/*/////////////////////////////////////////////////////////////////////
	// first put focus on first field
	*/
	$(':input.text-input').css(
	{
		backgroundColor:"#FFFFFF"
	});
	$(':input.text-input').focus(function()
	{
		$(this).css(
		{
			backgroundColor:"#FFDDAA"
		});
	});
	$(':input.text-input').blur(function()
	{
		$(this).css(
		{
			backgroundColor:"#FFFFFF"
		});
	});
	
	$(":input#username").focus();
	/*/////////////////////////////////////////////////////////////////////
	// check if fields are filled
	*/
	$("#username_error").hide();
	$("#password_error").hide();
	
	$("#login").click(function()
	{
		var hasError = false;
		/*/////////////////////////////////////////////////////////////////////
		// check on username
		*/
		var username = $("#username").val();
		if(username == '') 
		{
			$("#username").addClass("object_error");
			$("#username_error").show(); 
			hasError = true;
		} 
		else
		{
			$("#username").removeClass("object_error"); // indien aanwezig verwijderen
			$("#username").addClass("object_ok");
			$("#username_error").hide();
		}
		/*/////////////////////////////////////////////////////////////////////
		// check on password
		*/
		var password = $("#password").val();
		if(password == '') 
		{
			$("#password").addClass("object_error");
			$("#password_error").show(); // indien aanwezig verwijderen
			hasError = true;
		} 
		else
		{
			$("#password").removeClass("object_error"); // indien aanwezig verwijderen
			$("#password_error").hide();
		}
		
		/*/////////////////////////////////////////////////////////////////////
		// if everything is filled
		*/
		if(hasError == false) 
		{
			var dataString = 'username='+ username + ' & password=' + password;
			$("#login").hide();
			$("#loading_image").html('<img src="include/images/loader.gif" alt="Loading" id="loading" />');
			//alert (dataString);return false;
			$.ajax(
			{  
				data: dataString,
				type: "POST",  
    			url: "include/user.php?login=1",
				success: function(msg)
				{  
					$("#login_error").ajaxComplete(function(event, request, settings)
					{ 
						if(msg == 'OK')
						{ 
							$("#username").removeClass('object_error'); // indien aanwezig verwijderen
							$("#password").removeClass('object_error'); // indien aanwezig verwijderen
							//$(this).html(msg);
							document.location='http://www.kca-apeldoorn.nl/admin/user/index.php';// go to secure page
						}
						else  
						{  
							$("#loading_image").html('');
							$("#username").addClass("object_error");
							$("#password").addClass("object_error");
							$(this).html(msg);
							$("#login").show();
						}
						
   					});
 				} 
  			})
		}return false;
	});
	
	
});