// JavaScript Document

 $(document).ready(function() { 
	//Lorsque l'on clique sur le bouton inscription, le formulaire apparaît via FancyBox
	
	$("p.welcome a").fancybox({'hideOnContentClick':false});
	
	// Lorsque qu'on clique sur le bouton "inscription", le formulaire apparaît, et le bouton disparaît
	/*$("p.welcome a").click(function(){
			$("#inscription").slideDown(300);
			$("p.welcome a").fadeOut(300);
			return false;
		});*/
	
	// Définition du fonctionnement du slider "connexion" | cas de click sur "connexion"
    $("div#show_button").click(   
		function(){ 
		 $("div#show_button").css("display","none");
		 $("div#dejaInscrit").css("display","none");
		 $("div#panel").animate({ height:"220px" }, "700");	
		 $("div#panel_content").css("display","block"); 
		 $("div#hide_button").fadeIn();
		 
		}); 
	
	// Définition du fonctionnement du slider "connexion" | cas de click sur "cacher"
	$("div#hide_button").click(
		function(){  
		 $("div#hide_button").css("display","none");
		 $("div#panel_content").css("display","none");
         $("div#panel").animate({ height: "0" },"700");  
		 $("div#show_button").fadeIn();
		 $("div#dejaInscrit").css("display","block");
		 $("#loginMessage").html('');
		 
       });         

  }); 
 
 
 
 // définition du comportement du formulaire de connexion lorsqu'il est soumis (feu orange puis vert ou rouge)
 $(document).ready(function() {
							
 $("#loginForm").submit(function()
{
        $("#loginImage").attr('src','images/feu.png').fadeOut(150).fadeIn(150).animate({opacity:1.0},200, function(){
				$("#loginImage").attr('src','images/feuOrange.png').animate({opacity: 1.0}, 700, function(){
        $.post("traitement.php",{ login:$('#login').val(),pass:$('#pass').val() } ,function(data)
        {
		
          if(data.substring(0,1)==1) 
          { 
		  		$("div#panel").animate({ height:"220px" }, "150");	
				$("#loginMessage").html('<br/>' + data.substring(1));
				$("div#panel").animate({ height:"270px" }, "150");
                $("#loginImage").attr('src','images/feuVert.png').animate({opacity: 1.0}, 1200,function()  
                {
                     document.location.reload();
                  
                });
          }
          else
          {
			  
			  	$("div#panel").animate({ height:"220px" }, "150");
                $("#loginImage").attr('src','images/feuRouge.png');
				$("#loginMessage").html('<br/>' + data.substring(1));
				$("div#panel").animate({ height:"270px" }, "150");
          }
       });
	});
	});
       return false;
});
 
});


// fonctionnement du formulaire d'inscription
$(document).ready(function(){ 
						          
        $("#inscriptionSubmit").live("click",function()
{        
        $.post("traitementInscription.php",{ nom:$('#nom').val(),prenom:$('#prenom').val(),password:$('#password').val(),mail:$('#mail').val(),portable:$('#portable').val() } ,function(data)
        {
		
		if(data.substring(0,1)=='1'){
        	$("#inscriptionMessage").addClass('success').html(data.substring(1));
			$("#inscriptionForm p:last-child").fadeOut(500);
		}
		else{
			$("#inscriptionMessage").addClass('error').html(data.substring(1));
		}
       });

		
       return false;
});
 
});

//fonctionnement du formulaire d'ajout de trajet

$(document).ready(function(){
						   
	$("#nouveauTrajet p a.hidden").live("click",function(){
		$(this).removeClass('hidden').addClass('shown').html('').html('&#187; R&eacute;duire');
		$("#nouveauTrajet form").slideDown(300);
		$("#nouveauTrajet .notice").slideDown(300);
		$("#nouveauTrajet .error").slideDown(300);
		$("#nouveauTrajet .success").slideDown(300);
	});
	
	$("#nouveauTrajet p a.shown").live("click", function(){
		$(this).removeClass('shown').addClass('hidden').html('').html('&#187; Ajouter un trajet');
		$("#nouveauTrajet form").slideUp(300);
		$("#nouveauTrajet .notice").slideUp(300);
		$("#nouveauTrajet .error").slideUp(300);
		$("#nouveauTrajet .success").slideUp(300);
	});
	
	$("#nouveauTrajet #cout").focus(function(){
		if($(this).val() == ''){
		$("#temp").html("__&euro;__");
		$(this).val($("#temp").html());	
		}
	});
	
	$("#nouveauTrajet form").submit( function(){
		$.post("nouveauTrajet.php",{ depart:$('#depart').val(),arrivee:$('#arrivee').val(),dateJour:$('#dateJour').val(),dateMois:$('#dateMois').val(),dateAnnee:$('#dateAnnee').val(),dateHeure:$('#dateHeure').val(),dateMinute:$('#dateMinute').val(),voiture:$('#voiture').val(),placesTotales:$('#placesTotales').val(),places:$('#places').val(),cout:$('#cout').val() } ,function(data){				  
			
			if(data.substring(0,1)==1){
        	$("#nouveauTrajetMessage").addClass('success').html(data.substring(1));
			$("#nouveauTrajet form").fadeOut(500);
			$("#nouveauTrajet .notice").fadeOut(500);
			$("#nouveauTrajet").animate({opacity: 1.0}, 3000,function()  
                {
					
					document.location.reload();
					
				});
			
			}
			else{
				$("#nouveauTrajetMessage").addClass('error').html(data.substring(1)).fadeIn(200);
			}
			
		});
	return false;					   
	});
});