#CACHE{7*24*3600,cache-client}
#HTTP_HEADER{Content-Type: text/javascript; charset=#CHARSET}

[(#REM)
/**
 * Blocs accordeon : deplier et replier
 * @copyright 2018 MTECT
 * @author Christophe IMBERTI (cf. CPI art L121-1)
 * @license GNU/GPLv3
 * Necessite jQuery
 */
<script>]
 
var cibloc_accordeon_id = 0;
var cibloc_question_id = 0;
var cibloc_ancre = window.location.hash;
var cibloc_ancre_existe = false;


function cibloc_accordeon_replier_tout(id_question_click) {
    var bloc_id = '';
    var tableau = '';
    var tableau_click = id_question_click.split('-');
    var id_bloc_click = '';
    if (typeof tableau_click[0] !== 'undefined' && typeof tableau_click[1] !== 'undefined') {
        id_bloc_click = tableau_click[0] + '-' + tableau_click[1];
    }

    var lesLiens = $('.cibloc_accordeon a.accordeon_lien');
    for (var i=0; i<lesLiens.length; i++) {
        bloc_id = '';
        question_id = $(lesLiens[i]).attr('aria-controls');
        tableau = question_id.split('-');
        if (typeof tableau[0] !== 'undefined' && typeof tableau[1] !== 'undefined') {
            bloc_id = tableau[0] + '-' + tableau[1];
        }
        if (bloc_id == id_bloc_click){
            $(lesLiens[i]).attr('aria-expanded', 'false');
            $(lesLiens[i]).removeClass('expanded');
            $('#' + question_id).attr('aria-hidden', 'true');
            $('#' + question_id).css('display', 'none');
        }
    }
};

function cibloc_init_js() {
    
    var intertitre = ["(#VAL|cibloc_balise_intertitre)"];    
    
    // chaque question doit etre un intertitre dans le bloc accordeon
    // la premiere question est depliee par defaut
    // (et une question est deplie si l'URL contient l'ancre de cette question)
    $('.cibloc_accordeon').each(function() {
        cibloc_accordeon_id++;
        cibloc_question_id = 0;

        $(this).find(intertitre).each(function() {
            var $this = $(this);

            // index de l'element dans la collection
            cibloc_question_id++;
            var prefixe = 'accordeon-' + cibloc_accordeon_id + '-';
            var id = prefixe + cibloc_question_id;

            // masquer au demarrage ...
            var style = ' style="display:none;"';
            var ariahidden = ' aria-hidden="true"';
            var ariaexpanded = ' aria-expanded="false"';
            var lienclass = ' class="accordeon_lien"';

            // ... sauf si l'URL contient l'ancre de la question
            if (cibloc_ancre){
                if (cibloc_ancre=='#'+id){
                    style = '';
                    ariahidden = ' aria-hidden="false"';
                    ariaexpanded = ' aria-expanded="true"';
                    lienclass = ' class="accordeon_lien expanded"';
                    cibloc_ancre_existe = true;
                } else if (cibloc_ancre.substring(1,prefixe.length+1)==prefixe){
                    cibloc_ancre_existe = true;
                }
            }

            // ... sinon sauf la premiere reponse
            if (!cibloc_ancre_existe && cibloc_question_id==1) {
                style = '';
                ariahidden = ' aria-hidden="false"';
                ariaexpanded = ' aria-expanded="true"'
                lienclass = ' class="accordeon_lien expanded"';
            }

            // enlever un eventuel lien de retour au sommaire
            $this.children( "a.sommaire-back" ).css( "display", "none" );

            // entourer la reponse avec un div
            $this.nextUntil(intertitre).wrapAll('<div id="'+ id +'"' + ariahidden + style +' class="cibloc_reponse">');
            var reponse = $this.next();

            // Cas de l'affichage de la liste des blocs : ne pas activer le clic 
            if ($this.parents().hasClass("cibloc_sans_vignette")){
                // ajouter un lien
                $this.wrapInner('<span>');
                $this.wrapInner('<span role="button" '+ lienclass + ariaexpanded + ' aria-controls="'+ id +'">');

            // Cas classique    
            } else {
                // ajouter un lien
                $this.wrapInner('<span>');
                $this.wrapInner('<a href="#'+ id +'" role="button" '+ lienclass + ariaexpanded + ' aria-controls="'+ id +'">');
                var lien = $this.children('a');

                // affecter au lien l'evenement click
                lien.on('click', function(event) {
                    if ($(this).attr('aria-expanded') === 'false'){
                        cibloc_accordeon_replier_tout($(this).attr('aria-controls'));
                        $(this).attr('aria-expanded', 'true');
                        $(this).addClass('expanded');
                        reponse.attr('aria-hidden', 'false');
                        reponse.css('display', 'block');
                        event.preventDefault();
                        event.stopPropagation();
                    } else {
                        $(this).attr('aria-expanded', 'false');
                        $(this).removeClass('expanded');
                        reponse.attr('aria-hidden', 'true');
                        reponse.css('display', 'none');
                        event.preventDefault();
                        event.stopPropagation();
                    }
                });
            }
        });
    });


    // variante avec un comportement plus classique
    // chaque question doit etre un intertitre dans le bloc accordeon2
    // (et elle deplie une question si l'URL contient l'ancre de cette question)
    $('.cibloc_accordeon2').each(function() {
        cibloc_accordeon_id++;
        cibloc_question_id = 0;

        $(this).find(intertitre).each(function() {
            var $this = $(this);

            // index de l'element dans la collection
            cibloc_question_id++;
            var id = 'accordeon-' + cibloc_accordeon_id + '-' +cibloc_question_id;

            // masquer au demarrage ...
            var style = ' style="display:none;"';
            var ariahidden = ' aria-hidden="true"';
            var ariaexpanded = ' aria-expanded="false"';
            var lienclass = ' class="accordeon_lien"';

            // ... sauf si l'URL contient l'ancre de la question
            if (cibloc_ancre && cibloc_ancre=='#'+id){
                style = '';
                ariahidden = ' aria-hidden="false"';
                ariaexpanded = ' aria-expanded="true"';
                lienclass = ' class="accordeon_lien expanded"';
                cibloc_ancre_existe = true;
            }

            // enlever un eventuel lien de retour au sommaire
            $this.children( "a.sommaire-back" ).css( "display", "none" );

            // entourer la reponse avec un div
            $this.nextUntil(intertitre).wrapAll('<div id="'+ id +'"' + ariahidden + style +' class="cibloc_reponse">');
            var reponse = $this.next();

            // Cas de l'affichage de la liste des blocs : ne pas activer le clic 
            if ($this.parents().hasClass("cibloc_sans_vignette")){
                // ajouter un lien
                $this.wrapInner('<span>');
                $this.wrapInner('<span role="button" '+ lienclass + ariaexpanded + ' aria-controls="'+ id +'">');

            // Cas classique    
            } else {
                // ajouter un lien
                $this.wrapInner('<span>');
                $this.wrapInner('<a href="#'+ id +'" role="button" '+ lienclass + ariaexpanded + ' aria-controls="'+ id +'">');
                var lien = $this.children('a');

                // affecter au lien l'evenement click
                lien.on('click', function(event) {
                    if ($(this).attr('aria-expanded') === 'false'){
                        $(this).attr('aria-expanded', 'true');
                        $(this).addClass('expanded');
                        reponse.attr('aria-hidden', 'false');
                        reponse.css('display', 'block');
                        event.preventDefault();
                        event.stopPropagation();
                    } else {
                        $(this).attr('aria-expanded', 'false');
                        $(this).removeClass('expanded');
                        reponse.attr('aria-hidden', 'true');
                        reponse.css('display', 'none');
                        event.preventDefault();
                        event.stopPropagation();
                    }
                });
            }
        });
    });

    // variante qui ne se replie pas
    // chaque question doit etre un intertitre dans le bloc accordeon3
    $('.cibloc_accordeon3').each(function() {
        cibloc_accordeon_id++;
        cibloc_question_id = 0;
        var lienclass = ' class="accordeon_lien expanded"';

        $(this).find(intertitre).each(function() {
            var $this = $(this);

            // index de l'element dans la collection
            cibloc_question_id++;
            var id = 'accordeon-' + cibloc_accordeon_id + '-' +cibloc_question_id;

            // enlever un eventuel lien de retour au sommaire
            $this.children( "a.sommaire-back" ).css( "display", "none" );

            // entourer la reponse avec un div
            $this.nextUntil(intertitre).wrapAll('<div id="'+ id +'" class="cibloc_reponse">');

            // Cas de l'affichage de la liste des blocs : ne pas activer le clic 
            if ($this.parents().hasClass("cibloc_sans_vignette")){
                // ajouter un lien
                $this.wrapInner('<span>');
                $this.wrapInner('<span '+ lienclass + '>');

            // Cas classique    
            } else {
                // ajouter un lien
                $this.wrapInner('<span>');
                $this.wrapInner('<a href="#'+ id +'" '+ lienclass + '>');
            }
        });
    });
};



jQuery(document).ready(function(){

    /* Initialiser */
    cibloc_init_js();
    
    
    /* Cas d'un ancre */
    if (cibloc_ancre_existe){
        $('html, body')
       // arrete toutes les animations en cours 
       .stop()
       /* scrollTop vers la nouvelle ancre  */
       .animate({scrollTop: $(cibloc_ancre).offset().top}, 500 );                        
    }

    if ("onhashchange" in window){
        window.onhashchange = function () {
            var nouvelle_ancre = window.location.hash;
            var cible_id;
            var reponse2;

            if (nouvelle_ancre.substring(0,11)=='#accordeon-'){
                cible_id = nouvelle_ancre.substring(1);
            } else {
                // cas d'un sommaire automatique avec un identifiant pour l'intertitre
                cible_id = $(nouvelle_ancre).children( "a.accordeon_lien" ).attr('aria-controls');
            }

            if (cible_id){
                // replier l'ancienne ancre
                cibloc_accordeon_replier_tout(cible_id);

                // deplier la nouvelle ancre
                var lesLiens2 = $('.cibloc_accordeon a.accordeon_lien, .cibloc_accordeon2 a.accordeon_lien');
                for (var i=0; i<lesLiens2.length; i++) {
                    if ($(lesLiens2[i]).attr('aria-controls') === cible_id){
                        reponse2 = $('#' + cible_id);
                        $(lesLiens2[i]).attr('aria-expanded', 'true');
                        $(lesLiens2[i]).addClass('expanded');
                        reponse2.attr('aria-hidden', 'false');
                        reponse2.css('display', 'block');
                        $('html, body')
                       // arrete toutes les animations en cours 
                       .stop()
                       /* scrollTop vers la nouvelle ancre  */
                       .animate({scrollTop: $(reponse2).offset().top}, 500 );                        
                    }
                }
            }

            // memoriser la nouvelle ancre
            cibloc_ancre = nouvelle_ancre;
        };
    }

});