/****************************************
 * Validation du formulaire de contact
 ****************************************/

$(document).ready(init);
 
function init(){
	$('#envoyer').click(function() {
		$('#alert > p').remove();
		
		var nom = $('#nom').val();
		var email = $('#mail').val();
		var sujet = $('#sujet').val();
		var message = $('#message').val();
		
		$.ajax({
			type: "POST",
			url: "/lib/contact.php",
			data: "nom="+nom+"&mail="+email+"&sujet="+sujet+"&message="+message,
			
			success:function(data) {
				messageRetour(data);
			},
			
			error:function(XMLHttpRequest, textStatus, errorThrown) {
				alert(textStatus);
			}
		})
		return false;
	});
}	

/*************************************************************
* Animation sur la zone d'affichage d'erreurs sur le 
* formulaire de contact
*************************************************************/ 

function messageRetour(data) {
	$('#alert').append(data).hide();
	var enfant = $('#alert > p').length;
	
	// si il y du contenu dans la div alors on la ouvre et la ferme
	if($('#alert').length) {
		//définit le temps que l'alert va restée ouverte
		var alerttimer = window.setTimeout(function () {
			// déclenche l'évènement click sur l'alert
			$('#alert').trigger('click');
		}, 10000);
		
		// animation d'ouverture de l'alerte
		$('#alert').animate({height: 35 * enfant}, 200).click(function () {
			// si clique ou fin du time on ferme l'alerte et on suppr les messages
			window.clearTimeout(alerttimer);
			$('#alert').animate({height: '0'}, 200, function(){
				$('#alert > p').remove();
			});
		});
	}
}