$(document).ready(function(){
	function fancyboxLogin(){
		
		//$("div#fancy_content").css({'background-color': 'white', 'color' : 'black', 'width':'410px', 'height':'200px;'});
		//$("div#fancy_div").css({'background-color': 'white', 'color' : 'black'});
		var form = $("#fancy_div .formLogin");
		var name = $("#fancy_div .user");
		var nameInfo = $("#fancy_div .user_Info");
		var pass1 = $("#fancy_div .pwd");
		var pass1Info = $("#fancy_div .pwd_Info");
		
		name.blur(validateName);
		pass1.blur(validatePass1);
				
		name.keyup(validateName);
		pass1.keyup(validatePass1);
		
		function validateName(){
			
			if(name.val().length < 1){
				name.addClass("error");
				nameInfo.text("Inserisci il tuo username");
				nameInfo.addClass("error");
				
				return false;
			}
			//if it's valid
			else{
				name.removeClass("error");
				nameInfo.text("Ok!");
				nameInfo.removeClass("error");
				return true;
			}
		}
		function validatePass1(){
			var a = $("#password1");
			var b = $("#password2");
	
			//it's NOT valid
			if(pass1.val().length < 1){
				pass1.addClass("error");
				pass1Info.text("Inserisci la tua password");
				pass1Info.addClass("error");
				return false;
			}
			//it's valid
			else{	
				//alert(pass1.val())
				pass1.removeClass("error");
				pass1Info.text("Ok!");
				pass1Info.removeClass("error");
				
				return true;
			}
		}
		
			

		$(".btn_reg").click(function() {
			
			if(validateName() &  validatePass1() )
			{
				$('.Text').html("");
				$('.error_id').html("");
				$('.response').html("");
				var dataString = 'user=' + name.val() + '&pwd=' + pass1.val();
				
				var timer;
			   
			      if (timer) clearTimeout(timer);
			      $('.response').html('<img src="../img/flsoccer/ajax-loader.gif" height="16" width="16" /> Verifica disponibilita...') 
				$.ajax({
					type: "POST",
					url: "/html/login_check",
					data: dataString,
					success: function(response) {
							
						if(response == 'success'){
							$('.response').html("<div class='message'></div>");
							$('.message').html("<h3>Login avvenuto con successo!</h3>")
				        	.append("<p>Ma aspetta ancora un attimo.</p>")
					        form.submit();
						}else{
						      timer = setTimeout(function () {	
								$('.response').html("<div class='message'></div>");
								$('.message').html("<h3>Attenzione!</h3>")
					        	.append("<p>Inserisci i tuoi dati per accedere.<br />Ricordati che se ti sei appena iscritto devi controllare la tua mail e cliccare sul link di attivazione!</p>")
						      }, 200);
						}
							
					}
				});
					
			}
			else
			{	
				return false;
			}
				
			return false;
		});
	}	
	
	$("a.fancy_login").fancybox({ 
		'hideOnContentClick': false,
		'padding': 50,
		'callbackOnShow': fancyboxLogin
	});
	
	var form = $(".formLogin");
	var name = $("input.user");
	var nameInfo = $(".user_Info");
	var pass1 = $("input.pwd");
	var pass1Info = $(".pwd_Info");
	var OK = 0;
	//alert($("div#fancy_div input#btn_reg").val());
	//On blur
	name.blur(validateName);
	pass1.blur(validatePass1);
	
	//On key press
	name.keyup(validateName);
	pass1.keyup(validatePass1);
	
	//validation functions
	
	function validateName(){
		//if it's NOT valid
		if(name.val().length < 1){
			name.addClass("error");
			nameInfo.text("Inserisci il tuo username");
			nameInfo.addClass("error");
			return false;
		}
		//if it's valid
		else{
			//test();
			name.removeClass("error");
			nameInfo.text("Ok!");
			nameInfo.removeClass("error");
			return true;
		}
	}
	function validatePass1(){
		var a = $("#password1");
		var b = $("#password2");

		//it's NOT valid
		if(pass1.val().length < 1){
			pass1.addClass("error");
			pass1Info.text("Inserisci la tua password");
			pass1Info.addClass("error");
			return false;
		}
		//it's valid
		else{	
			//test();
			pass1.removeClass("error");
			pass1Info.text("Ok!");
			pass1Info.removeClass("error");
			
			return true;
		}
	}
	$(".btn_reg").click(function() {
		if(validateName() &  validatePass1() )
		{
			$('.Text').html("");
			$('.error_id').html("");
			$('.response').html("");
			var dataString = 'user=' + name.val() + '&pwd=' + pass1.val();
			//alert (dataString);//return false;
			var timer;
		    //if (this.value != this.lastValue) {
		      if (timer) clearTimeout(timer);
		      $('.response').css({ "width":"380px" });
		      $('.response').html('<img src="../img/flsoccer/ajax-loader.gif" height="16" width="16" /> Verifica disponibilita...') 
			$.ajax({
				type: "POST",
				url: "login_check",
				data: dataString,
				success: function(response) {
						
					if(response == 'success'){
						$('.response').html("<div class='message'></div>");
						$('.message').html("<h3>Login avvenuto con successo!</h3>")
			        	.append("<p>Ma aspetta ancora un attimo.</p>")
				        form.submit();
					}else{
					      timer = setTimeout(function () {	
							$('.response').html("<div class='message'></div>");
							$('.message').html("<h3> Attenzione!</h3>")
				        	.append("<p>Inserisci i tuoi dati per accedere.<br />Ricordati che se ti sei appena iscritto devi controllare la tua mail e cliccare sul link di attivazione!</p>")
					      }, 200);
					      
						  
					     //}
				        
				        	
					}
						
				}
			});
				
		}
		else
		{
			return false;
		}
			
		return false;
	});
	
	
	
	
});