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

    //Blocs Html
    var blocGeneSonore = $('#bloc_gene_sonore');
    var blocGeneVisuel = $('#bloc_gene_visuelle');
    var blocGeneOlfactive = $('#bloc_gene_olfactive');
    var blocSiOuiLaisserCoordonnees = $('#si_oui_laisser_coord');

    //Champs du formulaire
    var ChampTypeGene = $('#uid31');
    var ChampCaseCoordonnees = $(':radio[@name="tx_powermail_pi1[uid36]"]');

    //1. Cacher tous les blocs au chargement
    blocGeneSonore.hide();
    blocGeneVisuel.hide();
    blocGeneOlfactive.hide();
    blocSiOuiLaisserCoordonnees.hide();

    // Affichage au chargement en fonction de la valeur du champ de formulaire
    if( ChampTypeGene.val() != '' ) {
        switch( ChampTypeGene.val() ){
            case 'olfactive' :
                blocGeneVisuel.hide();
                blocGeneSonore.hide();
                blocGeneOlfactive.show();
            break;
            case 'sonore' :
                blocGeneVisuel.hide();
                blocGeneSonore.show();
                blocGeneOlfactive.hide();
            break;
            case 'visuelle' :
                blocGeneVisuel.show();
                blocGeneSonore.hide();
                blocGeneOlfactive.hide();
            break;
        }
    }

    //Si la case "OUI" sur laisser mes coordonnées est cochée
    if( $('#uid36_0').attr('checked') ) {
        blocSiOuiLaisserCoordonnees.show();
    }

    //Si la case "NON" sur laisser mes coordonnées est cochée
    if( $('#uid36_1').attr('checked') ) {
        blocSiOuiLaisserCoordonnees.hide();
    }

    //2. Que faire en fonction du champ sélectionné type de gêne
    ChampTypeGene.change( function() {

        //2.1 Si l'utilisateur choisit le type de gêne olfactive
        if( $(this).val() == 'olfactive' ) {
            //2.1.1 Cacher les blocs visuel et sonore
            blocGeneVisuel.hide();
            blocGeneSonore.hide();

            //2.2 Afficher le bloc olfactive avec une fadein
            blocGeneOlfactive.fadeIn();
        }

        //2.2 Si l'utilisateur choisit le type de gêne sonore
        if( $(this).val() == 'sonore' ) {
            //2.2.1 Cacher les blocs visuel et olfactive
            blocGeneVisuel.hide();
            blocGeneOlfactive.hide();

            //2.2 Afficher le bloc sonore avec une fadein
            blocGeneSonore.fadeIn();
        }

        //2.3 Si l'utilisateur choisit le type de gêne visuel
        if( $(this).val() == 'visuelle' ) {
            //2.3.1 Cacher les blocs sonore et olfactive
            blocGeneSonore.hide();
            blocGeneOlfactive.hide();

            //2.2 Afficher le bloc visuel avec une fadein
            blocGeneVisuel.fadeIn();
        }

        //2.4 Si l'utilisateur revient à ne rien choisir
        if( $(this).val() == '' ) {
            //2.4.1 Cacher tous les blocs
            blocGeneSonore.hide();
            blocGeneOlfactive.hide();
            blocGeneVisuel.hide();

        }

    });

    //3. Que faire en fonction de la case à cocher laisser coordonnées
    ChampCaseCoordonnees.click( function() {
        //3.1 Si choix 1 - Oui > Afficher le bloc coordonnées
        if( $('#uid36_0').attr('checked') ) {
            blocSiOuiLaisserCoordonnees.fadeIn();
        }

        //3.2 Si choix 2 - Non > masquer le bloc coordonnées
        if( $('#uid36_1').attr('checked') ) {
            blocSiOuiLaisserCoordonnees.fadeOut();
        }
    });



});