$(document).ready($(function(){
    
    $("#envoyer_form").click(function(){
                valid = true;
                
                ////////////// Verif Nom ///////////////
                if($("#Nom").val() == 'Nom'){
                        $("#Nom").next(".error-message").fadeIn(200).text("Veuillez entrer votre nom");
                        valid = false;
                }
                else if(!$("#Nom").val().match(/^[a-zA-Zsàáâãäåçèéêëìíîïðòóôõöùúûüýÿ '-]+$/i)){
                        $("#Nom").next(".error-message").fadeIn(200).text("Veuillez entrer un nom valide");
                        valid = false;
                }
                else{
                    $("#Nom").next(".error-message").fadeOut(200);
                }
                
                ////////////// Verif Prenom ///////////////
                if($("#Prenom").val() == 'Prénom'){
                        $("#Prenom").next(".error-message").fadeIn(200).text("Veuillez entrer votre prénom");
                        valid = false;
                }
                else if(!$("#Prenom").val().match(/^[a-zA-Zsàáâãäåçèéêëìíîïðòóôõöùúûüýÿ '-]+$/i)){
                        $("#Prenom").next(".error-message").fadeIn(200).text("Veuillez entrer un prénom valide");
                        valid = false;
                }
                else{
                    $("#Prenom").next(".error-message").fadeOut(200);
                }
                
                ////////////// Verif Telephone ///////////////
                if($("#Tel").val() == 'Téléphone'){
                        $("#Tel").next(".error-message").fadeIn(200).text("Veuillez entrer votre numéro de téléphone");
                        valid = false;
                }
                else if(!$("#Tel").val().match(/^(0[1-9])(?:[ _.-]?(\d{2})){4,}$/)){
                        $("#Tel").next(".error-message").fadeIn(200).text("Veuillez entrer un numéro valide");
                        valid = false;
                }
                else{
                    $("#Tel").next(".error-message").fadeOut(200);
                }                
                
                ////////////// Verif E-mail ///////////////
                if($("#Email").val() == 'E-mail'){
                        $("#Email").next(".error-message").fadeIn(200).text("Veuillez entrer votre e-mail");
                        valid = false;
                }
                else if(!$("#Email").val().match(/^[a-zA-Z0-9_.-]+@[a-z0-9]{2,}\.[a-z]{2,4}$/)){
                        $("#Email").next(".error-message").fadeIn(200).text("Veuillez entrer un e-mail valide");
                        valid = false;
                }
                else{
                    $("#Email").next(".error-message").fadeOut(200);
                }
                
                ////////////// Verif Sujet ///////////////
                if($("#Sujet").val() == 'Sujet'){
                        $("#Sujet").next(".error-message").fadeIn(200).text("Votre sujet ?");
                        valid = false;
                }
                else{
                    $("#Sujet").next(".error-message").fadeOut(200);
                }
                
                return valid;
    });
    
    $("#contact").submit(function()
                             {
                                $("#loader").show();
                                civ = document.getElementById("civilite");
                                civilite = civ.value;
                                nom = $(this).find("input[name=Nom]").val();
                                prenom = $(this).find("input[name=Prenom]").val();
                                tel = $(this).find("input[name=Tel]").val();
                                mail = $(this).find("input[name=Email]").val();
                                sujet = $(this).find("textarea[name=Sujet]").val();
                                
                                $.post("formulaire_post.php", {civilite: civilite, nom: nom, prenom: prenom,tel: tel,mail: mail, sujet: sujet},
                                       function(data)
                                        {
                                                $("#loader").hide();
                                                if(data!="Ok")
                                                {
                                                        $(".error").empty().append(data);       
                                                }
                                                else
                                                {
                                                        merci();
                                                }
                                       });
                                return false;
                             });
        
        function merci()
        {
                alert("Votre message a bien été envoyé.\nNous vous remercions "+civilite+" "+nom)
                location.href="contact.php"
        }
        
}));