// Fonction gérant l'envoi du formulaire
$(function() {
    
    /*********************************************************/
    /* Verification du champs nom à la frappe                */
    /*********************************************************/    
    $('#form_nom').keyup(function(){
        /* Si le champs nom ne correspond pas a un nom */
        if(!$('#form_nom').val().match(/^[a-z]+$/i)) 
        {
            $('#form_nom').next('.erreur').fadeIn().text("Entrez un nom valide")
            valid = false;
        }
        else
        {
            $('#form_nom').next('.erreur').fadeOut();
        }
        
    });

    /*********************************************************/
    /* Verification du champs nom à la frappe                */
    /*********************************************************/    
    $('#form_mail').keyup(function(){
        /* Si le champs mail ne correspond pas à un mail */
        if(!$('#form_mail').val().match(/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/i)) 
        {
            $('#form_mail').next('.erreur').fadeIn(300).text("Entrez un E-mail valide")
            valid = false;
        }
        
        else
        {
            $('#form_mail').next('.erreur').fadeOut(300);
        }
    
    });
       
    //On attrappe les clics sur le bouton #submit :
    $("#submit").click(function() {

        /*********************************************************/
        /* Verification du formulaire suite au click             */
        /*********************************************************/
        
        valid = true;
        /************************************************/
        /* Gestion du Champs Nom                        */
        /************************************************/        
        /* Si le champs nom est vide */
        if($('#form_nom').val() =="") 
        {
            $('#form_nom').next('.erreur').fadeIn(300).text("Entrez votre nom")
            valid = false;
        }
        /* Si le champs nom ne correspond pas a un nom */
        else if(!$('#form_nom').val().match(/^[a-z]+$/i)) 
        {
            $('#form_nom').next('.erreur').fadeIn(300).text("Entrez un nom valide")
            valid = false;
        }
        else
        {
            $('#form_nom').next('.erreur').fadeOut(300);
        }
        
        
        /************************************************/
        /* Gestion du Champs Mail                       */
        /************************************************/
        /* Si le champs mail est vide */
        if($('#form_mail').val() =="") 
        {
            $('#form_mail').next('.erreur').fadeIn(300).text("Entrez votre Email")
            valid = false;
        }
        /* Si le champs mail ne correspond pas à un mail */
        else if(!$('#form_mail').val().match(/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/i)) 
        {
            $('#form_mail').next('.erreur').fadeIn(300).text("Entrez un E-mail valide")
            valid = false;
        }
        
        else
        {
            $('#form_mail').next('.erreur').fadeOut(300);
        }
        
        /************************************************/
        /* Gestion du Champs message                    */
        /************************************************/
        /* Si le champs du message est vide */
        if($('#form_message').val() =="") 
        {
            $('#form_message').next('.erreur').fadeIn(300).text("Entrez votre message.")
            valid = false;
        }
        
        else
        {
            $('#form_message').next('.erreur').fadeOut(300);
        }
    // Fin de verif du formulaire avant envoi
    if( valid == true )
    {

        //On récupère les données
        var nom = $("input#form_nom").val();
        var mail = $("input#form_mail").val();
        var message = $("textarea#form_message").val();
        
        //On les transforme pour les envoyer              
        var dataString = 'nom='+ nom + '&mail=' + mail + '&message=' + message;  
        //On envoi les données au fichier qui les traite
        $.ajax({  
          type: "POST",  
          url: "./mail.php5",  
          data: dataString,  
          success: function() {  
            //Remplace le contenu de la balise #content    
            $('#contact').html("<div id='message_envoye'></div>");  
            //Ajoute du contenu dans #message_envoye, le fait apparaitre doucement.
            $('#message_envoye').html("<h2>Message Envoyé !</h2>")  
            .append("<p>Je répondrai à votre demande dans les plus brefs délais...</p>")  
            .hide()  
            .fadeIn(1500, function() {  
              $('#message');  
            });  
          }  
        });  
    }
    return false;  
    });
});