$(document).ready(function(){
    $("#cResponsable").val("Prenom Nom");
    $("#cResponsable").css({'color': '#ccc', 'font-style' :'italic'});
    $("#cResponsable").focus(function(){
        $(this).val('');
        $(this).css({'color': 'black', 'font-style' :'normal'});
    });
    // FORMULAIRE DE LOGIN #####################################################
    $("#formAccueilLogin input").focus(function () {
        var validator = $("#formCompte").validate();
        validator.resetForm();
        $("#formCompte :input").each(function() {
                if($(this).attr("type")!="submit")
                {
                    $(this).css("border","1px solid #A5ACB2");
                }
             });
    });
        
    $("#formAccueilLogin").validate({
        highlight: function(element, errorClass) {
            $(element).css("border","1px solid #CC0000");
        },
        unhighlight: function(element, errorClass) {
            $(element).css("border","1px solid #A5ACB2");
        },
        errorClass: "erreurChamp",
        success: "okChamp",
        rules: { 
        cEmailLogin: {// compound rule
            required: true, 
            email: true
        },
        cMotDePasseLogin: "required"
    }, 
    messages: {
        cEmailLogin: {
           required: "L'adresse email est obligatoire.",
           email: "Votre adresse email est incorrecte."
         },
        cMotDePasseLogin: "Le mot de passe est obligatoire."
    } 
    }); 

    
    // FORMULAIRE DE RECUP DE MOT DE PASSE #####################################
    $("#formAccueilMotDePasse").validate({
        highlight: function(element, errorClass) {
            $(element).css("border","1px solid #CC0000");
        },
        unhighlight: function(element, errorClass) {
            $(element).css("border","1px solid #A5ACB2");
        },
        errorClass: "erreurChamp2",
        success: "okChamp",
        rules: { 
            cEmailMDP: {// compound rule
            required: true, 
            email: true
        }
    }, 
    messages: {
        cEmailMDP: {
           required: "L'adresse email est obligatoire.",
           email: "Votre adresse email est incorrecte."
         }
    }
    });
    
    // Boîte de dialogue -------------------------------------------------------
    var dialogOptions = { autoOpen: false, 
            modal: true,
            bgiframe: true,
            width: 350,
            height: 235,
            resizable: false,
            buttons:  {
                              OK: function() {
                              if ($("#formAccueilMotDePasse").validate().form() == true)
                              {
                                  $("#formAccueilMotDePasse").submit();
                              }
                          },
                          Annuler: function() {
                          $(this).dialog('close');
                          }

                      }
            }
    $("#dialog").dialog(dialogOptions);
    
    // Lien --------------------------------------------------------------------
    $('#lienMDP').click(function() {
        $('#dialog').dialog('open');
    });
   
    // Traitement ajax ---------------------------------------------------------
    var options = {
            url:      'controlers/xUtilisateurNewPassword.php',
            dataType: 'json',
            target:   '#reponseMotDePasse',
            success:  afficheResultat
    }
    $('#formAccueilMotDePasse').ajaxForm(options);
    
    function afficheResultat(responseText, statusText)  {
        if (responseText == 'email_inconnu')
        {
            $("#dialog").dialog('close');
            $("#dialogResult").html('<p class="erreur">L\'adresse e-mail fournie ne correspond à aucun compte : vous n\'en avez pas encore créé.</p>');
            $("#dialogResult").dialog(dialogOptions);
            $("#dialogResult").dialog('option', 'buttons', { "OK": function() { $(this).dialog("close"); }});
            $("#dialogResult").dialog('open');
        }
        else
        {
            $("#dialog").dialog('close');
            $("#dialogResult").html('<p class="succes">Un e-mail avec un nouveau mot de passe vous a été envoyé.</p>');
            $("#dialogResult").dialog(dialogOptions);
            $("#dialogResult").dialog('option', 'buttons', { "OK": function() { $(this).dialog("close"); }});
            $("#dialogResult").dialog('open');
        }
    }
    
    // FORMULAIRE DE CREATION DE COMPTE ########################################
    $("#formCompte input").focus(function () {
        var validator = $("#formAccueilLogin").validate();
        validator.resetForm();
        $("#formAccueilLogin :input").each(function() {
                if($(this).attr("type")!="submit")
                {
                    $(this).css("border","1px solid #A5ACB2");
                }
             });
    });

    $("#formCompte").validate({
        highlight: function(element, errorClass) {
            $(element).css("border","1px solid #CC0000");
        },
        unhighlight: function(element, errorClass) {
            $(element).css("border","1px solid #A5ACB2");
        },
        errorClass: "erreurChamp",
        success: "okChamp",
        rules: {
            cBeneficiaire: "required",
            cResponsable:{
                required: true
            }, 
            cNature:{required:true},    
            cAdresse: "required",
            
            cCodePostal: {
                required: true,
                rangelength: [5, 5],
                digits: true,
                min: 1000,
                max: 99000
            },
            cVille: "required",
            cTelephone: {
            	required: true,
            	digits: true,
            	rangelength: [10,10]
            },
            cEmail: {
                required: true, 
                email: true,
                remote: "controlers/xUtilisateurEmailExists.php"
            }, 
            cMotDePasse: "required"
        }, 

        messages: {
            cBeneficiaire: "Le champ est obligatoire",
            cResponsable: "Le champ est obligatoire",
            cAdresse: "L'adresse est obligatoire",
            cNature: "Choisir une valeur dans la liste(js).",
            cCodePostal: {
                required: "Le code postal est obligatoire",
                rangelength: "Le code postal est incorrect",
                digits: "Le code postal est incorrect",
                min: "Le code postal est incorrect",
                max: "Le code postal est incorrect"
            },
            cVille: "La ville est obligatoire",
            cTelephone:{
            	required :"Le téléphone est obligatoire.",
            	digits: "Ni lettre, ni espace. Que des chiffres.",
            	rangelength: "Il faut exactement 10 chiffres."
            },
            cEmail: {
               required: "L'adresse email est obligatoire.",
               email: "Votre adresse email est incorrecte.",
               remote: "Cette adresse email existe déjà."
             },
            cMotDePasse: "Le mot de passe est obligatoire."

    } 

    }); 
});