var ajaxrqt=null;
var strId3     = "div_AJAX_3";

//function getHTTPObject()
function getXMLHTTP()
   {
   var xmlhttp = false;

   /* Compilation conditionnelle d'IE */
   /*@cc_on
   @if (@_jscript_version >= 5)
      try
         {
         xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
         }
      catch (e)
         {
         try
            {
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
         catch (E)
            {
            xmlhttp = false;
            }
         }
      @else
      xmlhttp = false;
   @end @*/

  /* on essaie de créer l'objet si ce n'est pas déjà fait */
  if (!xmlhttp && typeof XMLHttpRequest != 'undefined')
     {
     try
        {
        xmlhttp = new XMLHttpRequest();
        }
     catch (e)
        {
        xmlhttp = false;
        }
     }

   if (xmlhttp)
      {
      /* on définit ce qui doit se passer quand la page répondra */
      xmlhttp.onreadystatechange=function()
         {
         if (xmlhttp.readyState == 4) /* 4 : état "complete" */
            {
            if (xmlhttp.status == 200) /* 200 : code HTTP pour OK */
               {
               req = xmlhttp.responseText;
               // alert(req);
               document.getElementById(strId3).innerHTML = req;
               }
            }
         }
      }
   return xmlhttp;
   }   // Fin de function getHTTPObject()

function get(nom)
{
	return document.getElementById(nom);
	//return document.getElementById(nom).value;
}


function affichajaxEnvoiReservation(param, page,nom ){
        ajaxrqt=getXMLHTTP();
        var content = get(nom);
		$("#validerReservation").after("<span class='ajaxLoad'></span>");
		$('span .reponseReservation').remove();
        ajaxrqt.open("POST", page);
		ajaxrqt.onreadystatechange = function()
		{   
		if (ajaxrqt.readyState == 4) $('.ajaxLoad').remove();
		if (ajaxrqt.readyState == 4 && ajaxrqt.status == 200) 
		  { 
		   $("#validerReservation").after("<span class='reponseReservation'>"+ajaxrqt.responseText+"</span>");
		   setTimeout('$("#reservation .formulaireReservation").slideUp("slow")', 2000 );
		   setTimeout("$('span .reponseReservation').remove();", 2500 );
		   setTimeout("document.formulaireReservation.reset()", 2500 );
		  }
		}
		 ajaxrqt.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		 ajaxrqt.send(param);
	   }


$(document).ready(function(){
	validationFormulaireReservation();
	validationFormulaireContact();
});

  function validationFormulaireReservation(){
	$('#validerReservation').unbind();
	$('#validerReservation').bind('click',function(){
			var flag = false;
			$('.errorReser span').remove();
			$('span.champInput').removeClass("errorReser");
			if($("#nom").val()==""){
				flag = true;
				$("#nom").parent().addClass("errorReser");
				$("#nom").after("<span>Champs non Valide</span>");
			}
			if(!isEmail($("#email"))){
				flag = true;
				$("#email").parent().addClass("errorReser");
				$("#email").after("<span>Champs non Valide</span>");
			}
			if($("#prenom").val()==""){
				flag = true;
				$("#prenom").parent().addClass("errorReser");
				$("#prenom").after("<span>Champs non Valide</span>");
			}
			if($("#tel").val()==""){
				flag = true;
				$("#tel").parent().addClass("errorReser");
				$("#tel").after("<span>Champs non Valide</span>");
			}
			if(flag){
				return false;
			}else{
				affichajaxEnvoiReservation('function=envoiReservation&nom='+get('nom').value+'&prenom='+get('prenom').value+'&email='+get('email').value+'&tel='+get('tel').value+'&adr='+get('adr').value+'&dtArrivee='+get('dtArrivee').value+'&nbreNuit='+get('nbreNuit').value+'&nbreAdulte='+get('nbreAdulte').value+'&nbreEnfant='+get('nbreEnfant').value+'&message='+get('message').value , 'php/functionAjax.php','reponceReservation');
			}
		 });
       }


function isEmail(field){ 
	var val = field.val();
	if (!val.match (/^[a-z0-9\-\._]+@[a-z0-9\-_\.]+\.[a-z]{2,4}$/gi)){
	 	return false;
	}
	return true;
}

  function validationFormulaireContact(){
	$('#validerContact').unbind();
	$('#validerContact').bind('click',function(){
			var flag = false;

           $('div.error').removeClass("error");
			
			if($("#nomContact").val()==""){
				flag = true;
				$("#nomContact").parent().addClass("error");
			}
			if(!isEmail($("#emailContact"))){
				flag = true;
				$("#emailContact").parent().addClass("error");
			}
			if($("#prenomContact").val()==""){
				flag = true;
				$("#prenomContact").parent().addClass("error");
			}
			if($("#telContact").val()==""){
				flag = true;
				$("#telContact").parent().addClass("error");
			}
			if(flag){
				return false;
			}else{
				return true;
			}
		 });
       }