var formulaire_res = new Array();
var instant = 0;
var nom;
var prenom;
var age;
var taille;
var adresse;
var ville;
var code_postal;
var mail;
var telephone;
var formule;
var code_date;

/* Fonction Ajax utilisé pour les alertes messages contact et pour les réservations */

function clear_mail(){
	$("#form_nom").val("");
	$("#form_prenom").val("");
	$("#form_mail").val("");
	$("#form_sujet").val("");
	$("#form_message").val("");
}

// Fonction qui vide le formulaire de contact puis qui fais appel a la page php d'envoi de mail

function contact(nom,prenom,mail,sujet,message){
	$.ajax({
		url: "php/mail.php5",
		data: "type=contact&nom="+nom+"&prenom="+prenom+"&mail="+mail+"&sujet="+sujet+"&message="+message,
		success: function(){
			clear_mail();
			$("#message_erreur_contact").html("Votre message à bien été envoyé.");
		}
	});
}

function reservation(nom,prenom,age,taille,adresse,ville,cp,mail,tel,dispo,formule){
	$.ajax({
		url: "php/mail.php5",
		data: "type=reservation&nom="+nom+"&prenom="+prenom+"&age="+age+"&taille="+taille+"&adresse="+adresse+"&ville="+ville+"&cp"+cp+"&mail="+mail+"&tel="+tel+"&dispo="+dispo+"&formule="+formule,
		success: function(){
			xml($("#res_dispo").val());
		}
	});
}
/* Fonction utilisé pour l'envoi de mail */

// Fonction qui vérifie que le formulaire soit bien remplis.
function verif_form_contact(){

	var nom = $("#form_nom").val();
	var prenom = $("#form_prenom").val();
	var mail = $("#form_mail").val();
	var sujet = $("#form_sujet").val();
	var message = $("#form_message").val();
	a = $("#form_mail").val();
	valide1 = false;

	if( nom == "" || prenom == "" || mail == "" || message == "" ){
		$("#message_erreur_contact").html("Saisir tous les champs marqués d'un <span class=\"red\"><b>*</b></span>");
	}else{
		for(var j=1;j<(a.length);j++){
			if(a.charAt(j)=='@'){
				if(j<(a.length-4)){
					for(var k=j;k<(a.length-2);k++){
						if(a.charAt(k)=='.') valide1=true;
					}
				}
			}
		}
		
		if(valide1==false) $("#message_erreur_contact").html("<span class=\"red\">Veuillez saisir une adresse email valide.</span>");
		else contact(nom,prenom,mail,sujet,message);
	}

}

function clear_reservation(){
	$("#res_nom").val("");
	$("#res_prenom").val("");
	$("#res_age").val("");
	$("#res_taille").val("");
	$("#res_adresse").val("");
	$("#res_ville").val("");
	$("#res_cp").val("");
	$("#res_mail").val("");
	$("#res_tel").val("");
}

//fonction qui affiche le formulaire de réservation
function show_part_1 (){
	$("#part_1").show();
	$("#btn_reservation").hide();
}

// Fonction qui cache le formulaire de réservation
function hide_reservation(){
	$("#btn_reservation").show();
	$("#part_1").hide();
	clear_reservation();
}

function xml(dispo){
	$.ajax({
		url: "php/xml.php5",
		data: "dispo="+dispo,
		success: function(){
			$("#form_reservation").submit();
		}
	});
}

// Fonction qui vérifie que le formulaire soit bien remplis.
function verif_reservation(){
	a = $("#res_mail").val();
	valide1 = false;
	valide2 = false;
	valide3 = false;
	valide4 = false;
	
	if( $("#res_nom").val()!="" && $("#res_prenom").val()!="" && $("#res_age").val()!="" && $("#res_taille").val()!="" && a!="" ){
		
		if(isNaN($("#res_age").val())){
			valide2 = false;
		}else{
			if($("#res_age").val()<16 || $("#res_age").val()>100){
				valide2 = false;
			}else{
				valide2 = true;
			}
		}	
		
		if(isNaN($("#res_taille").val())){
			valide3 = false;
		}else{
			if($("#res_taille").val()<1.0 || $("#res_taille").val()>2.8){
				valide3 = false;
			}else{
				valide3 = true;
			}
		}
		
		for(var j=1;j<(a.length);j++){
			if(a.charAt(j)=='@'){
				if(j<(a.length-4)){
					for(var k=j;k<(a.length-2);k++){
						if(a.charAt(k)=='.') valide1=true;
					}
				}
			}
		}
		/*
		if($("#res_contrat").is(':checked')){
			valide4 = true;
		}else{
			valide4 = false;
		}
		
		
		if(valide4==false) $("#erreur_message").html("<span class=\"red\">Veuillez accepter les conditions.</span>"); */
		if(valide1==false) $("#erreur_message").html("<span class=\"red\">Veuillez saisir une adresse email valide.</span>");
		if(valide3==false) $("#erreur_message").html("<span class=\"red\">Veuillez saisir une taille valide.</span>");
		if(valide2==false) $("#erreur_message").html("<span class=\"red\">Veuillez saisir un age valide.</span>");
		
		//&& valide4 == true
		if( valide1 == true && valide2 == true && valide3 == true ){
			$("#erreur_message").html(" ");
			reservation($("#res_nom").val(),$("#res_prenom").val(),$("#res_age").val(),$("#res_taille").val(),$("#res_adresse").val(),$("#res_ville").val(),$("#res_cp").val(),$("#res_mail").val(),$("#res_tel").val(),$("#res_dispo").val(),$("#res_formule").val())
		}
		
	}else $("#erreur_message").html("<span class=\"red\">Veuillez saisir tous les champs marqués d'un *.</span>");
}



// Fonction Ajax qui charge la liste de disponibilités.
function get_dispo(this_url) {
	$.ajax({
		type: "GET",
		url: this_url,
		dataType: "xml",
		success: function(xml){
			var select = $('#res_dispo');
			$(xml).find('date').each( function () {
				if($(this).attr('dispo') != 0){
					var text = $(this).text();
					var code = $(this).attr('code');
					select.append("<option value=\""+code+"\">"+text+"</option>");
				}
			});
		}
	});
}

// Fonction qui permet de sauvegarder les données du formulaire.
function save_reservation(){
	nom = $("#res_nom").val();
	prenom = $("#res_prenom").val();
	age = $("#res_age").val();
	taille = $("#res_taille").val();
	adresse = $("#res_adresse").val();
	ville = $("#res_ville").val();
	code_postal = $("#res_cp").val();
	mail = $("#res_mail").val();
	telephone = $("#res_tel").val();
	date_code = $("#res_dispo").val();
	formule = $("#res_formule").val();
}


$(document).ready(function() {
	
	$(".toggleSubMenuL").hover( 
		function(){
			$(this).animate({
				marginLeft: '0px',
				width: '110px'}, "fast");
		},
		function(){
			$(this).animate({
				marginLeft: '70px',
				width: '40px'}, "fast");
		}
	);
	
	$("#part_1").hide();
	$("#part_2").hide();
	$("#part_3").hide();
});