// Formulaires d'enregistrement et d'édition du profil

jQuery.noConflict();
     
jQuery(document).ready(function($){

//autogrow
$("#apropos").autogrow({
	minHeight: 48,
	maxHeight: 200,
	lineHeight: 16
	});

// Compteur de caractères
$("#apropos").charCounter(200, {
	container: "<div></div>",
	classname: "compteur",
	pulse: false,
	format: "%1 caract&egrave;res restants!"
	});

$("#pays").autocomplete("extras/php/pays.php", {
	width: 260,
	selectFirst: false,
	mustMatch: true
	});


// validation du formulaire d'enregistrement 
/*******************************************/
	var validator = $("#ChronoContact_enregistrement").validate({ 
        rules: { 
            prenom: "required", 
            nom: "required",
            pseudo: { 
                required: true, 
                minlength: 2,
            	remote: "index.php?option=com_chronocontact&chronoformname=check&search=username" 
            }, 
            password: { 
                required: true, 
                minlength: 6 
            }, 
            verifpass: { 
                required: true, 
                minlength: 6, 
                equalTo: "#password" 
            }, 
            email: { 
                required: true, 
                email: true, 
                remote: "index.php?option=com_chronocontact&chronoformname=check&search=email" 
            },
			chrono_verification: "required"

        }, 
        messages: { 
            prenom: "Entrez votre Pr&eacute;nom", 
            nom: "Entrer votre Nom", 
            pseudo: { 
                required: "Entrez un identifiant", 
                minlength: jQuery.format("Au moins {0} caract&egrave;res"),
                remote: jQuery.format("{0} est déjà pris")
			}, 
            password: { 
                required: "Entrez un mot de passe", 
                minlength: jQuery.format("Au moins {0} caract&egrave;res") 
            }, 
            verifpass: { 
                required: "R&eacute;petez votre mot de passe", 
                minlength: jQuery.format("Au moins {0} caract&egrave;res"), 
                equalTo: "Entrez le m&ecirc;me mot de passe" 
            }, 
            email: { 
                required: "Entrez une adresse email", 
                email: "Entrez une adresse valide", 
                remote: jQuery.format("{0} est déjà pris")
            },
			chrono_verification: "Le code SVP ;-)"

        }, 

        // the errorPlacement has to take the table layout into account 
        errorPlacement: function(error, element) { 
            if ( element.is(":radio") ) 
                error.appendTo( element.parent().next() ); 
            else if ( element.is("#password") ) 
                error.insertAfter( element ); 
            else 
                error.appendTo( element.parent() ); 
        }, 

        success: function(label) { 
            // set   as text for IE 
            label.html("&nbsp;").addClass("checked"); 
        }

    });

// validation du formulaire de profil 
/*******************************************/
	var validator2 = $("#ChronoContact_profil").validate({ 
        rules: { 
            prenom: "required", 
            nom: "required",
            pseudo: { 
                required: true, 
                minlength: 2,
            	remote: "index.php?option=com_chronocontact&chronoformname=check&search=username" 
            }, 
            password: { 
//				required: true, 
                minlength: 6 
            }, 
            verifpass: { 
//				required: true, 
                minlength: 6, 
                equalTo: "#password" 
            }, 
            email: { 
                required: true, 
                email: true, 
            	remote: "index.php?option=com_chronocontact&chronoformname=check&search=email" 
            }
			
        }, 
        messages: { 
            prenom: "Entrez votre Pr&eacute;nom", 
            nom: "Entrer votre Nom", 
            pseudo: { 
                required: "Entrez un identifiant", 
                minlength: jQuery.format("Au moins {0} caract&egrave;res"),
                remote: jQuery.format("{0} est déjà pris")
			}, 
            password: { 
//                required: "Entrez un mot de passe", 
                minlength: jQuery.format("Au moins {0} caract&egrave;res") 
            }, 
            verifpass: { 
//                required: "R&eacute;petez votre mot de passe", 
                minlength: jQuery.format("Au moins {0} caract&egrave;res"), 
                equalTo: "Entrez le m&ecirc;me mot de passe" 
            }, 
            email: { 
                required: "Entrez une adresse email", 
                email: "Entrez une adresse valide", 
                remote: jQuery.format("{0} est déjà pris")
            }

        }, 

        // the errorPlacement has to take the table layout into account 
        errorPlacement: function(error, element) { 
            if ( element.is(":radio") ) 
                error.appendTo( element.parent().next() ); 
            else if ( element.is("#password") ) 
                error.insertAfter( element ); 
            else 
                error.appendTo( element.parent() ); 
        }, 

        success: function(label) { 
            // set   as text for IE 
            label.html("&nbsp;").addClass("checked"); 
        }

    });

}); 
