$(document).ready(function(){
	//global vars
	var inputUser = $("#nick");
	var inputPass = $("#pass");
	var loading = $("#loading");
	var panel = $("#script");
	
	//check if all fields are filled
	function checkForm(){
		if(inputUser.attr("value") && inputPass.attr("value"))
			return true;
		else
			return false;
	}
	
	//on submit event
	$("#logIn").submit(function(){
		if(checkForm()){
			var nick = inputUser.attr("value");
			var pass = inputPass.attr("value");
			//we deactivate submit button while sending
			$("#send").attr({ disabled:true });
			
			$.ajax({
				type: "POST", url: "login.php", cache: false, data: "mode=login&nick=" + nick + "&pass=" + pass,
				complete: function(data){
					panel.hide();
					loading.fadeIn(500, function() {
						loading.fadeOut(500, function() {
							panel.html(data.responseText);
							panel.fadeIn(1000);
							});
						});
					//reactivate the send button		
					$("#send").attr({ disabled:false });
				}
			 });
		}
		else alert("Wypelnij wszystkie pola!");
		//we prevent the refresh of the page after submitting the form
		return false;
	});
	
	$("#out").click(function(){
		$.ajax({
			type: "POST", url: "login.php", cache: false, data: "mode=out",
			complete: function(data){
				panel.hide();
				loading.fadeIn(500, function() {
					loading.fadeOut(500, function() {
						panel.html(data.responseText);
						panel.fadeIn(1000);
					});
				});
			}
		});
	});	
});