// -------------------------------- JAVSCRIPT JQUERY
(function($){
        var body = $(document.getElementsByTagName("body")[0]);
        var frame = $(document.getElementById('site-content'));
       
    /* Quand je clique sur l'icône hamburger je rajoute une classe au body */
        body.on('click', '#header_icon', function(e){
        e.preventDefault();
        body.toggleClass('with--sidebar');
    });
     /* Je veux pouvoir masquer le menu si on clique sur le cache */
        body.on('click', '#close_icon', function(e){
        body.removeClass('with--sidebar');
    });
        /* retour en début de document */
        body.on('click', '#haut', function(e){
        e.preventDefault();
                $('html, body').scrollTop(0);
    });
        /* Slide pour simuler la balise summary */
        body.on('click', 'h2.summary', function(e){
        e.preventDefault();
                //alert(' je pass ');
                $( this ).next().slideToggle( "slow" );
    });
        /* AJAX load dans frame */
        $('.menu ul li a').click(function(e){
        e.preventDefault();
                var url = $( this ).attr( "href" );
                var urlAux = url.split('=');
                var page = urlAux[1];
                $(frame).hide();
                body.removeClass('with--sidebar');
                // Detect if pushState is available
                if(history.pushState) {
                        history.pushState(null, null, $(this).attr('href'));// Changer l'url dans le navigateur.
                }
                var request= $.ajax({url:page+'.html',cache: false,dataType: "html",async:false});
                request.done(function( result ) {
                        $(frame).html(result);
                });
                request.fail(function(result) {
                        window.location="./erreur.html";
                });
                $(frame).fadeIn(1000);
    });
})(jQuery);