jQuery(window).load(function() {

      // Puce plus et sur les liens qui ont la classe fancybox

    jQuery('a.fancybox').not('a.notplus').each(function() {
        var parent_href = $(this).attr('href');
        var img_w = $(this).children('img.media-img').width();
        jQuery(this).append('<div class="puceplus" style="width:'+(img_w)+'px;"><div class="bg" style="width:'+(img_w)+'px;"><div></div></div></div>');
    });


});

jQuery(document).ready(function() {

    // initialisation
    hideSecondLevel();
    $('div#mainMenu ul li a.current, div#secondMenu ul li a.current, div#thirdMenu ul li a.current').next('ul').show();
    $('div#mainMenu ul ul li a.current').parent('li').css('background-color', '#FFF');
    $('div#secondMenu, div#thirdMenu').children('ul').children('li').children('a.current').parent('li').css('background-color', '#FFF');
    
    $('div#mainMenu ul ul li:last-child').css('margin-bottom', '8px'); // Espacement supplémentaire
    $('div#thirdMenu ul ul li:last-child').css('margin-bottom', '8px');
    //$('div#mainMenu ul li:last-child').css('padding-bottom', '8px');

    // fonctions
    $('div#mainMenu').children('ul').children('li').children('a').click(function() {
        hideSecondLevel();                                      // Masquage des éléments de second niveau
        removeCurrentMainMenu();                                // Supprime le précédent élément current du mainMenu
        removeCurrentSecondMenu();                              // Supprime le précédent élément current du secondMenu
        $(this).css('background-position', '-416px, 0');        // Passage du lien à l'état current
        //$(this).next('ul').slideDown(200);                      // Ouverture du second niveau
    });


    $('div#secondMenu').children('ul').children('li').children('a').click(function() {
        $(this).parent('li').unbind('mouseleave');              // Nécessaire pour ne pas réinitialiser la couleur de fond du li
        hideSecondLevel();                                      // Masquage des éléments de second niveau
        removeCurrentSecondMenu();                              // Supprime le précédent élément current du secondMenu
        removeCurrentMainMenu();                                // Supprime le précédent élément current du mainMenu
        $(this).css('background-position', '-208px, 0');        // Passage du lien à l'état current
        $(this).parent('li').css('background-color', '#FFF');   // Passage de la cellule parente à l'état current
        $(this).next('ul').slideDown(200);                      // Ouverture du second niveau
    });

    $('div#secondMenu').children('ul').children('li').children('a').hover(function() {
        $(this).parent('li').css('background-color', '#FFF');
    });

    $('div#secondMenu').children('ul').children('li').children('a').not('a.current').mouseleave(function() {
        $(this).parent('li').css('background-color', '#977F97');
    });


});

function hideSecondLevel() {
    $('div#mainMenu ul ul, div#secondMenu ul ul').hide();
}

function removeCurrentMainMenu() {
    $('div#mainMenu ul li a.current').css('background-position', '-208px 0');
}

function removeCurrentSecondMenu() {
    $('div#secondMenu ul li a.current').css('background-position', '0px 0');
    $('div#secondMenu ul li a.current').parent('li').css('background-color', '#977F97');
}