var $j = jQuery.noConflict();
// Use jQuery via $j(...)
$j(document).ready(function() {


    $j("#inscription-membre").submit(
        function() {
            if($j("input[@name=status_professionnel][@checked]").val()==571 || $('type_organisme')) {
                if (!isCheckedById("secteurs_activite"))
                {
                //alert ("Please select at least one selector");
                $j("#secteur_activite_error").html("Choisir au moins un secteur d'activité");
                return false;
                }
                else
                {
                    $j("#secteur_activite_error").html("");
                    return true; //submit the form
                }
            } else {
                return true;
            }
        }
    );

    function isCheckedById(id)
    {
        var checked = $j("input[@id="+id+"]:checked").length;
        if (checked == 0)
        {
            return false;
        }
        else
        {
            return true;
        }
    };


	jQuery.validator.addMethod("lettersdigits", function( value, element ) {
		return this.optional(element) || /^[a-z0-9]+$/.test(value);
	}, "Lettres minuscules et chiffres uniquement.");


    // validate signup form on keyup and submit
    var validator = $j("#inscription-membre").validate({
        rules: {
            nom: "required",
            prenom: "required",
            pseudo: {
                required: true,
                minlength: 3,
                lettersdigits: true
            },
            password: {
                required: true,
                minlength: 5
            },
            confirmpassword: {
                required: true,
                minlength: 5,
                equalTo: "#password"
            },
            email: {
                required: true,
                email: true
            },
            departement: {
                required: function(element) {
                              return $j("#pays :selected").val() == "FRA";
                          }
            },
            ville: "required",
            pays: "required",
            status_professionnel: "required",
            telephone: { number:true, minlength: 10 },
            site_perso: {
                url: true
            },
            video_url: {
                url: true
            },
            myspace_url: {
                url: true
            },
            facebook_url: {
                url: true
            },
            viadeo_url: {
                url: true
            }
        },
        messages: {
            nom: "Champ obligatoire",
            prenom: "Champ obligatoire",
            pseudo: {
                required: "Champ obligatoire",
                minlength: jQuery.format("Utiliser au moins {0} caractères")

            },
            password: {
                required: "Choisir un mot de passe",
                rangelength: jQuery.format("Utiliser au moins {0} caractères")
            },
            confirmpassword: {
                required: "Répéter le mot de passe",
                minlength: jQuery.format("Utiliser au moins {0} caractères"),
                equalTo: "Saisir le même mot de passe"
            },
            email: {
                required: "Entrer une adresse mél valide",
                email: "Entrer une adresse mél valide",
                minlength: "Entrer une adresse mél valide"
            },
            ville: "Champ obligatoire",
            departement: "Champ obligatoire",
            pays: "Champ obligatoire",
            status_professionnel: "Champ obligatoire",
            secteurs_activite: "Champ obligatoire",
            site_perso: "Ajouter une url valide du type http://",
            video_url: "Ajouter une url valide du type http://",
            myspace_url: "Ajouter une url valide du type http://",
            facebook_url: "Ajouter une url valide du type http://",
            viadeo_url: "Ajouter une url valide du type http://"
        },

        // specifying a submitHandler prevents the default submit, good for the demo
        /*submitHandler: function() {
            alert("submitted!");
        },*/
        // set this class to error-labels to indicate valid fields
        success: function(label) {
            // set   as text for IE
            label.html(" ").addClass("checked");
        }
    });

    // propose username by combining first- and lastname
    $j("#pseudo").focus(function() {
        var firstname = $j("#nom").val().toLowerCase();
        var lastname = $j("#prenom").val().toLowerCase();
        if(firstname && lastname && !this.value) {
            this.value = firstname + "." + lastname;
        }
    });

	// display blocks

	// secteur professionnel
	var secteur_pro = $j("input[@name=status_professionnel]");
	secteur_pro.click(function() {
    	var value = $j("input[@name=status_professionnel][@checked]");
    	if(value.val()=='571') {
    	    $j("#bloc_secteurs_activite").attr("style", "display:block");
    	} else {
    	    $j("#bloc_secteurs_activite").attr("style", "display:none");
    	}

    	if(value.val()=='28') {
    	    $j("#bloc_abo_stages").attr("style", "display:block");
    	} else {
    	    $j("#bloc_abo_stages").attr("style", "display:none");
    	}
    });

    // departement
	var pays = $j("#pays");
	pays.change(function() {
    	var value = $j("#pays :selected");
    	if(value.val()=='FRA') {
    	    $j("#bloc_departement").attr("style", "display:block");
    	} else {
    	    $j("#bloc_departement").attr("style", "display:none");
    	}
    });

    // departement origine
	var paysorigine = $j("#pays_origine");
	paysorigine.change(function() {
    	var valuepo = $j("#pays_origine :selected");
    	if(valuepo.val()=='FRA') {
    	    $j("#bloc_departement_origine").attr("style", "display:block");
    	} else {
    	    $j("#bloc_departement_origine").attr("style", "display:none");
    	}
    });

//     // bloc type recruteur
// 	var recruteur = $j("input[@name=recruteur]");
// 	recruteur.click(function() {
//     	var value = $j("input[@name=recruteur][@checked]");
//     	if(value.val()=='1') {
//     	    $j("#bloc_recruteur_type").attr("style", "display:block");
//     	} else {
//     	    $j("#bloc_recruteur_type").attr("style", "display:none");
//     	}
//     });

	// bloc profil_sync
	var profil = $j("input[@name=profil]");
	profil.click(function() {
    	var value = $j("input[@name=profil][@checked]");
    	if(value.val()=='1') {
		$j("input[@name=sync_profil_oui]").checked="checked";
    	    $j("#bloc_sync_profil").attr("style", "display:block");
    	} else {
    	    $j("#bloc_sync_profil").attr("style", "display:none");
    	}
    });

    // message anpe
    var anpe_recherche = $j("input[@name=anpe]");
	anpe_recherche.click(function() {
    	var value = $j("input[@name=anpe][@checked]");
    	if(value.val()=='1') {
    	    $j("#bloc_anpe_message").attr("style", "display:block");
    	} else {
    	    $j("#bloc_anpe_message").attr("style", "display:none");
    	}
    });

    // message type recruteur
    var recruteur_type = $j("input[@name=recruteur_type]");
	recruteur_type.click(function() {
    	var value = $j("input[@name=recruteur_type][@checked]");
    	if(value.val()=='entreprise') {
    	    $j("#bloc_recruteur_entreprise_message").attr("style", "display:block");
    	    $j("#bloc_recruteur_association_message").attr("style", "display:none");
    	} else {
    	    if(value.val()=='association') {
    	        $j("#bloc_recruteur_entreprise_message").attr("style", "display:none");
    	        $j("#bloc_recruteur_association_message").attr("style", "display:block");
    	    } else {
    	        $j("#bloc_recruteur_entreprise_message").attr("style", "display:none");
    	        $j("#bloc_recruteur_association_message").attr("style", "display:none");
    	    }
    	}
    });


});