$(document).ready(function(){
	// hover des widget du formulaire
	$('#formulaire .form-row .field-widget').hover(function(){
		$(this).parent().css({'background-color' : '#f0f0f0'});
	}, function (){
		$(this).parent().css({'background-color' : 'transparent'});
	});
	
	$('#formulaire, #formulaire .form-row').hover(function(){
		//$(this).parent().css({'background-color' : '#f7f7f7'});
	}, function (){
		$('#formulaire .form-row').css({'background-color' : 'transparent'});
	});

						   
						   
						   
	// validation du formulaire via jquery et ajax					   
	$("#submit").click(function(){					   				   
		$(".error").hide();
		var hasError = false;
		var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
		
		var nomVal = $("#nom").val();
		if(nomVal == '') {
			$("#nom").after('<p class="error">Champs nom obligatoire</p>');
			hasError = true;
		}
		
		var prenomVal = $("#prenom").val();
		if(prenomVal == '') {
			$("#prenom").after('<p class="error">Champs prenom obligatoire</p>');
			hasError = true;
		}	
		
		var societeVal = $("#societe").val();
		var adresseVal = $("#adresse").val();
		var cpVal = $("#cp").val();
		var telVal = $("#tel").val();
		var faxVal = $("#fax").val();
		
		
		var emailVal = $("#email").val();
		if(emailVal == '') {
			$("#email").after('<p class="error">Champs email obligatoire</p>');
			hasError = true;
		} else if(!emailReg.test(emailVal)) {	
			$("#email").after('<p class="error">Email erron&eacute;</p>');
			hasError = true;
		}			
		
		
		var messageVal = $("#message").val();
		if(messageVal == '') {
			$("#message").after('<p class="error">Champs message obligatoire</p>');
			hasError = true;
		}
		
		
		if(hasError == false) {
			$(this).hide();
			$("#formulaire .button-submit").append('Email en cours d\'envoi, merci de bien vouloir patienter');
			
			$.post("../../includes/mail-inc.php",
   				{ nom: nomVal, prenom: prenomVal, societe: societeVal, adresse: adresseVal, cp: cpVal, tel: telVal, fax : faxVal,  email: emailVal, message: messageVal },
   					function(data){
						$("#formulaire").slideUp("normal", function() {				   
							
							$("#formulaire").before('<h2>Message Envoy&eacute;</h2><p>Merci pour votre message, nous vous r&eacute;pondrons d&egrave;s que possible</p><p>Thank you for contacting us. We will answer you as soon as possible.</p>');											
						});
   					}
				 );
		}
		
		return false;
	});				   
});