$(function() {	
		   
	api_expose = $("form.expose").expose({ 
		maskId: 'mask', 
		opacity: 0.9, 
		loadSpeed: 1000,
		closeSpeed: 1000,
		api: true  
	});

    $(".expose").keydown(function() {  
        api_expose.load();
    });
	$("label, input.exp, textarea").click(function() {  
        api_expose.load();
    });
	
	$("form.expose").submit(function(){
		return envoyer_form();						 
	})
});

function envoyer_form(){	
	// Requête AJAX 
	if($('p#anti_flood').attr("class") != "anti_flood"){
		$.ajax({
			type: "POST",
			url: "scripts/php/mail.php",
			data: "mail_nom="+$('#mail_nom').val()+"&mail_compagnie="+$('#mail_compagnie').attr('value')+"&mail_courriel="+$('#mail_courriel').attr('value')+"&mail_message="+$('#mail_message').attr('value'),
			success: function(etat){
				traiter_form(etat);		
			}
		});
	}
	// Ne pas envoyer la page
	return false;
}

function traiter_form(etat){
	etat = parseInt(etat);
	// Afficher message selon code reçu
	switch(etat){
		case 1:
			$("#mail_msg").html('<p class="erreur">Tous les champs, sauf <em>compagnie</em>, sont obligatoires</p>');
			break;
		case 2:
			$("#mail_msg").html('<p class="erreur">Votre courriel doit &ecirc;tre sous la forme <em>adresse@domaine.aa</em></p>');
			break;
		case 3:
			$("#mail_msg").html('<p id="anti_flood" class="anti_flood">Merci!<br />Votre message a bien &eacute;t&eacute; envoy&eacute;.</p>');
			break;
		case 4:
			$("#mail_msg").html('<p class="erreur">Un probl&egrave;me avec le serveur est survenu. Votre courriel n\'a pu être envoy&eacute;.</p>');
			break;
		default:
			$("#mail_msg").html('<p class="erreur">Erreur inconnue .. oups!</p>');
			break;
	}
	
	// Fermer l'exposé
	$("form.expose").expose().close();
}