$(document).ready(function() {
	
	// Expand Panel
	$("#open").click(function(){
		$("div#panel").slideDown("slow");
	
	});	
	
	// Collapse Panel
	$("#close").click(function(){
		$("div#panel").slideUp("slow");	
	});		
	
	// Switch buttons from "Log In | Register" to "Close Panel" on click
	$("#toggle div").click(function () {
		$("#toggle div").toggle();
	});		
	
	/* Yukilas add */
	
	//Pour vider les input lors du focus
	$("#slide_form_login input").focus(function(){
		$(this).attr("value","");
	});
	$("#slide_form_password input").focus(function(){
		$(this).attr("value","");
	});
	
	/* Register */
	
	//Pour afficher le formulaire d'inscription
	$("#slide_connect_register").click(function(){
		$("#slide_connect").fadeOut(300);
		$("#slide_register").fadeIn(600);
	});
	//Pour re-afficher le formulaire de connexion
	$('.buttonCancel').click(function(){
		$("#slide_register").fadeOut(300);
		$("#slide_connect").fadeIn(600);
	});
	
	//Si l'utilisateur n'accepte pas (à la première page), on enlève le bouton next
	//Ou sinon on l'affiche
	$("#etape1-radio input").click(function(){
		var accept = false;
		$("#etape1-radio input").each(function(){
			if($(this).attr('value') == 'yes'){
				if($(this).attr('checked')){
					accept = true;
				}
			}
		});
		if(accept)
			$("#etape1-buttonNext").fadeIn(300);
		else
			$("#etape1-buttonNext").fadeOut(300);
	});
	
	//Check du login
	$("#etape2-login input").keyup(function(){
		var login = $("#etape2-login input").attr('value');
		var check = $('#hidden-check-login').attr('value');
		$.post("actions/check_register.php",{login: login},
			function success(data){
				if((data == 1) && (check == 0)){
					$('#etape2-login .check').html('<img src="static/img/valid.png" alt="V" />');
					$('#hidden-check-login').attr('value',1);
				}
				else if((data == 0) && (check == 1)){
					$('#etape2-login .check').html('<img src="static/img/unvalid.png" alt="X" />');
					$('#hidden-check-login').attr('value',0);
				}
				check_etape2();
			}
		);
	});
	
	//Check du password
	$('#etape2-password input').keyup(function(){ check_password(); });
	$('#etape2-password2 input').keyup(function(){ check_password(); });
	function check_password(){
		var password = $('#etape2-password input').attr('value');
		var password2 = $('#etape2-password2 input').attr('value');
		var check = $('#hidden-check-password').attr('value');	
		
		if((password == password2) && (check == 0) && (password != "")){
			$('#etape2-password .check').html('<img src="static/img/valid.png" alt="V" />');
			$('#etape2-password2 .check').html('<img src="static/img/valid.png" alt="V" />');
			$('#hidden-check-password').attr('value',1);
		}
		else if((password != password2) && (check == 1)){
			$('#etape2-password .check').html('<img src="static/img/unvalid.png" alt="X" />');
			$('#etape2-password2 .check').html('<img src="static/img/unvalid.png" alt="X" />');	
			$('#hidden-check-password').attr('value',0);
		}
		check_etape2();
	}
	
	//Check du mail
	$('#etape2-mail input').keyup(function(){
		var mail = $('#etape2-mail input').attr('value');
		var check = $('#hidden-check-mail').attr('value');
		
		$.post("actions/check_register.php", {mail: mail}, 
				function success(data){
					if((data == 1) && (check == 0)){
						$('#etape2-mail .check').html('<img src="static/img/valid.png" alt="V" />');
						$('#hidden-check-mail').attr('value',1);
					}
					else if((data == 0) && (check == 1)){
						$('#etape2-mail .check').html('<img src="static/img/unvalid.png" alt="X" />');
						$('#hidden-check-mail').attr('value',0);
					}
					check_etape2();
				}
		);
	});
	
	//Check de l'étape 2 en entier et affichage du bouton next selon le resultat
	function check_etape2(){
		var check = $('#hidden-check-etape2').attr('value');
		var check_login = $('#hidden-check-login').attr('value');
		var check_password = $('#hidden-check-password').attr('value');
		var check_mail = $('#hidden-check-mail').attr('value');
		
		if((check_login == 1) && (check_password == 1) && (check_mail == 1) && (check == 0)){
			$('#etape2-buttonNext').fadeIn(300);
			$('#hidden-check-etape2').attr('value',1);
		}
		else if((check_login == 0) || (check_password == 0) || (check_mail == 0) && (check == 1)){
			$('#etape2-buttonNext').fadeOut(300);
			$('#hidden-check-etape2').attr('value',0);
		}
	}
	
	//Check de l'adresse
	$('#etape3-adresse input').keyup(function(){
		var adresse = $('#etape3-adresse input').attr('value');
		var check = $('#hidden-check-adresse').attr('value');
		
		if((adresse != '') && (check == 0)){
			$('#etape3-adresse .check').html('<img src="static/img/valid.png" alt=V" />');
			$('#hidden-check-adresse').attr('value',1);
		}
		else if((adresse == '') && (check == 1)){
			$('#etape3-adresse .check').html('<img src="static/img/unvalid.png" alt="X" />');
			$('#hidden-check-adresse').attr('value',0);
		}
		check_etape3();
	});
	
	//Check de l'etape 3 et affichage du bouton next selon le resultat
	function check_etape3(){
		var check_adresse = $('#hidden-check-adresse').attr('value');
		var check = $('#hidden-check-etape3').attr('value');

		if((check_adresse == 1) && (check == 0)){
			$('#etape3-buttonNext').fadeIn(300);
			$('#hidden-check-etape3').attr('value',1);
		}
		else if((check_adresse == 0) && (check == 1)){
			$('#etape3-buttonNext').fadeOut(300);
			$('#hidden-check-etape3').attr('value',0);
		}
	}
	
	/* Fin Yukilas add */
});

function registerChange(actu,next){
	$('#etape'+actu).css('display','none');
	$('#etape'+next).fadeIn(400);
}