jQuery(document).ready(function($){

  $(".popup").click(function(){ 
    window.open($(this).attr("href")); 
    return false; 
	});
  
	// texte d'aide
	$(".help").each(function(){ 
		$(this).focus(function(){
			$(this).next().fadeIn(); 
		});
		$(this).blur(function(){
			$(this).next().fadeOut(); 
		});		
	 });
	
	$("input").searchField(); // texte d'exemple
	

	// pour info : this.replace(/^\s+|\s+$/g,""); = enleve espace avant et après (=trim en php)	
	jQuery.validator.addMethod("telFormat", function(value, element) { 
		value = value.replace(/^\s+|\s+$/g,"");
		return this.optional(element) || value.match(/^\d{10}$/) || value.match(/^\d{2}-\d{2}-\d{2}-\d{2}-\d{2}$/) || value.match(/^\d{2}( )*\d{2}( )*\d{2}( )*\d{2}( )*\d{2}$/); 
	}, "Votre numéro de téléphone est incorrect.");

	// méthode qui vérifie la validité du code postal (5 chiffres)
	jQuery.validator.addMethod("cpFormat", function(value, element) { 
		return this.optional(element) || value.match(/^\d{5}$/);
	}, "Votre code postal est incorrect.");
	
	jQuery.validator.addMethod("nomFormat", function(value, element) { 
		return this.optional(element) || !value.match("Nom");
	}, "Merci de remplir le champ.");
	
	jQuery.validator.addMethod("villeFormat", function(value, element) { 
		return this.optional(element) || !value.match("Ville");
	}, "Merci de remplir le champ.");
	
	jQuery.validator.addMethod("emailFormat", function(value, element) { 
		return this.optional(element) || !value.match("mon@email.com");
	}, "Votre email est incorrect.");

	
	$("#formContact").validate({
		rules:{ 
            Tel:{ 
                required:true,
				telFormat:true 
            },
			Email:{
				required:true,
				email:true,
				emailFormat:true 
			},
			CodePostal:{
				required:true,
				cpFormat:true
			},
			Nom:{
				required:true,
				nomFormat:true
			},
			Ville:{
				required:true,
				villeFormat:true
			}
		},
		messages:{ 
            Tel:{ 
                required:"Veuillez saisir votre numéro de téléphone.",
				telFormat:"Votre numéro de téléphone est incorrect." 
            },
			Email:{
				required:"Veuillez saisir votre email.",
				email:"Votre email est incorrect." ,
				emailFormat:"Votre email est incorrect." 
			},
			CodePostal:{
				required:"Veuillez saisir votre code postal.",
				cpFormat:"Votre code postal est incorrect."
			},
			Nom:{
				required:"Merci de remplir le champ.",
				nomFormat:"Merci de remplir le champ."
			},
			Ville:{
				required:"Merci de remplir le champ.",
				villeFormat:"Merci de remplir le champ."
			}
		},
		errorPlacement: function(error, element) {
				error.appendTo( element.parent("p").next("span") );
			}
	});
	
	$(".formFieldset input").blur(function() {
 	 $(this).valid();
	 $(this).removeClass("active");
	});
	
	$(".formFieldset input").focus(function() {
	 $(this).addClass("active");
	});	
	
	$(".formFieldset textarea").focus(function() {
	 $(this).addClass("active");
	});
	$(".formFieldset textarea").blur(function() {
	 $(this).removeClass("active");
	});

	$(".formFieldset p:first").addClass("noBorder");
	
	$("#SemiResidentiel_Oui").click(function() {
	 $("#pTypeHotel").fadeIn("slow");
	});
	$("#SemiResidentiel_Non").click(function() {
	 $("#pTypeHotel").fadeOut("fast");
	});
	
});