$(document).ready(function(){
    /* Activation de la chaine complète du menu */
    $('#BlocMenu .menu1.active').attr("id","MenuActif");
    $('#BlocMenu .menu1.active').children('ul').attr("id","SousMenuActif");
    $("#BlocMenu .BlocSousMenu").css({'opacity':'0','visibility':'visible'});
    $('#MenuActif .BlocSousMenu').css({'opacity':'1'});
    if ($('#MenuActif a').html() == 'Formations') {
        $('#BlocMenuBis').css({'opacity':'1','visibility':'visible'});
    } else {
        $('#BlocMenuBis').css({'opacity':'0','visibility':'visible'});
    }
    // Boucle sur les images pour gérer le chargement
    $(".Preload").each(function(index,el){
        if (el.complete){
            $(this).css({'opacity':'0','visibility':'visible'}).animate({ opacity: 1 }, 1500);
        } else {
            $(el).load(function(){
            	$(this).css({'opacity':'0','visibility':'visible'}).animate({ opacity: 1 }, 1500);
            });
        }
    });

    /* Gestion de l'affichage du sous-menu */
    $('#BlocMenu .menu1:not(.active) a').hover(
        function(){
            $('#SousMenuActif').stop().animate({ 'opacity': '0' }, 200);
            if ($(this).html() == 'Formations'){
                $('#BlocMenuBis').stop().animate({ 'opacity': '0.6' }, 300);
            } else {
                $('#BlocMenuBis').stop().animate({ 'opacity': '0' }, 200);
            }
            $(this).parent().parent().children("ul").stop().animate({'opacity': '0.6' }, 300);
        },function(){
            $(this).parent().parent().children("ul").stop().animate({ 'opacity': '0' }, 500);
            if ($("#MenuActif a").html() == 'Formations'){
                $('#BlocMenuBis').stop().animate({ 'opacity': '1' }, 600);
            } else {
                $('#BlocMenuBis').stop().animate({ 'opacity': '0' }, 200);
            }
            $('#SousMenuActif').stop().animate({ 'opacity': '1' }, 1000);
        }
    );


    /* Création d'un accordéon à partir des titres pour le développement des rubriques */
    if ($('#Formation-Contenu.accordeon').length!=0) {
        $('#Formation-Contenu h1:nth(1)').nextUntil('h1').wrapAll('<div id="Accordeon" />');
        $('#Formation-Contenu h2').each(function(index){
            /* On rend la balise active */
            $(this).html("<a href='#' title='Cliquer pour plier/déplier'>"+$(this).html()+"</a>");
            /* On créé un conteneur pour tout le texte situé sous H2 (jusqu'au prochain H2 ou H1)*/
            $(this).nextUntil('h2,h1').wrapAll('<div class="panneau" />');
        })
        /* Activation de l'accordéon */
        $("#Accordeon").accordion({  header: 'h2', collapsible: true, autoHeight: false, animated:'fade'});
    }

    /* Survol des news du blog */
    $("#Actualites li").hover(
        function(){
            $(this).find('.resume').css({'border-color':'#f29400'})
            $(this).find('h1 a').css({'color':'#f29400'})
        },function(){
            $(this).find('.resume').css({'border-color':'#b9c300'})
            $(this).find('h1 a').css({'color':'#6b7d0b'})
        }
    );
        
    /* Gestion généralisée des images de survol */
    $('.survol').hover(
        function(){
            SrcSplit=$(this).attr('src').split('.');
            $(this).stop().attr({'src':SrcSplit[0]+'-survol.'+SrcSplit[1]}).animate({'opacity':'0.5'},100).animate({'opacity':'1'},500);
        },function(){
            SrcSplit=$(this).attr('src').split("-survol.");
            $(this).stop().attr({'src':SrcSplit[0]+'.'+SrcSplit[1]}).animate({'opacity':'0.5'},100).animate({'opacity':'1'},500);
        }
    );


    /* Affichage de la galerie */
    $('.GalerieThumb').hover(
        function(){
            $(this).stop().animate({'opacity':'0.6'},100);
        },
        function(){
            $(this).stop().animate({'opacity':'1'},1000);
        }
    );
    /* Affichage en grand des publications et photos de la galerie */
    $("#Publications_UL a").nyroModal();
    /* Affichage en grand des images de la galerie*/
    $('#Galerie a, #SommaireGalerie .Galerie a').nyroModal();


    /* Validation des formulaires */
    var myForm = $("#DossierForm");
    if (myForm.length) {
        myForm.validation();
        myForm.submit(function(e) {
            if($(this).validate()) {
                // Ajout de variables supplémentaires pour la fonction PHP
                $argSup="&tpl=DossierInscriptionMailTpl&mailSubject=Dossier%20d'inscription&mailTo=inscription@elpmsn.fr";
                // Appel en ajax de la gestion de la mailing list
                $.ajax({
                    async: false,
                    url: "assets/templates/elpm/snippet/sendDocument.php",
                    type: 'POST',
                    data: $(this).serialize()+$argSup, // données à transmettre
                    dataType: 'json',
                    timeout: 1500,
                    cache: false,
                    error: function(XMLHttpRequest, textStatus, errorThrown){
                            $("#errorDiv").html("<p>"+errorThrown+"</p>");
                            $("#errorDiv").css({'display':'block'});
                    },
                    success: function(retour){ // si l'appel a bien fonctionné
                        if (retour.success) {
                            $("#DossierForm").css({'display':'none'});
                            $("html, body").animate({ scrollTop: 0 }, 'slow');
                            $("#successDiv").css({'display':'block'});
                        } else {
                            $("#errorDiv").html("<p>"+retour.error+"</p>");
                            $("#errorDiv").css({'display':'block'});
                        }
                    }
                });
            }
            return false;
        });
    }
    // Demande de dossier d'inscription
    var myForm = $("#BrochureForm");
    if (myForm.length) {
        myForm.validation();
        myForm.submit(function(e) {
            if($(this).validate()) {
                // Ajout de variables supplémentaires pour la fonction PHP
                $argSup="&tpl=DemandeBrochureMailTpl&mailSubject=Envoi%20de%20la%20brochure&mailTo=docs@elpmsn.fr";
                // Appel en ajax de la gestion de la mailing list
                $.ajax({
                    async: false,
                    url: "assets/templates/elpm/snippet/sendDocument.php",
                    type: 'POST',
                    data: $(this).serialize()+$argSup, // données à transmettre
                    dataType: 'text',
                    timeout: 1500,
                    cache: false,
                    error: function(){
                        $("#errorDiv").css({'display':'block'});
                    },
                    success: function(){ // si l'appel a bien fonctionné
                        $("#BrochureForm").css({'display':'none'});
                        $("html, body").animate({ scrollTop: 0 }, 'slow');
                        $("#successDiv").css({'display':'block'});
                   }
                });
            }
            return false;
        });
    }
    


});