$(document).ready(function() {

    // On cache les sous-menus :
    $(".navigation ul.subMenu").hide();
    $(".navigation ul.subSubMenu").hide();
    // On sélectionne tous les items de liste portant la classe "toggleSubMenu" 

    // et on remplace l'élément span qu'ils contiennent par un lien : 
    $(".navigation li.toggleSubMenu span").each(function() {
        // On stocke le contenu du span : 
        var TexteSpan = $(this).text();
        //$(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '<\/a>');
    });
    $(".navigation li.toggleSubSubMenu span").each(function() {
        // On stocke le contenu du span : 
        var TexteSpan = $(this).text();
        //$(this).replaceWith('<a href="" title="Afficher le sous-menu">' + TexteSpan + '<\/a>');
    });


    $(".navigation li.toggleSubMenu > a")
        .mouseover(function() {
            if ($(this).next("ul.subMenu:visible").length == 0) {
                $(".navigation ul.subMenu").slideUp("normal");
                $(this).next("ul.subMenu").slideDown("normal", function() { Size(); });
            }
        });
    $(".navigation li.toggleSubMenu > span")
        .mouseover(function() {
            if ($(this).next("ul.subMenu:visible").length == 0) {
                $(".navigation ul.subMenu").slideUp("normal");
                $(this).next("ul.subMenu").slideDown("normal", function() { Size(); });
            }
        });
    $(".navigation li.toggleSubSubMenu > a")
        .mouseover(function() {
            if ($(this).next("ul.subSubMenu:visible").length == 0) {
                $(".navigation ul.subSubMenu").slideUp("normal");
                $(this).next("ul.subSubMenu").slideDown("normal", function() { Size(); });
                
            }
        });
    $(".navigation li.toggleSubSubMenu > span")
        .mouseover(function() {
            if ($(this).next("ul.subSubMenu:visible").length == 0) {
                $(".navigation ul.subSubMenu").slideUp("normal");
                $(this).next("ul.subSubMenu").slideDown("normal", function() { Size(); });
            }
        });

    Size();
});

    function Size() {
        var divHeight;
        var ulHeight;
        var height;

        var conteneur = document.getElementById('conteneur');
        var ulnavigation = document.getElementById('ulnavigation');
        
        var menu = document.getElementById('menu');
        var navigation = document.getElementById('navigation');

        if (conteneur.offsetHeight) { divHeight = conteneur.offsetHeight; }
        else if (conteneur.style.pixelHeight) { divHeight = conteneur.style.pixelHeight; }

        if (ulnavigation.offsetHeight) { ulHeight = ulnavigation.offsetHeight; }
        else if (ulnavigation.style.pixelHeight) { ulHeight = ulnavigation.style.pixelHeight; }

        if ((ulHeight+120) > divHeight)
            height = ulHeight+120;
        else
            height = divHeight;

        menu.style.height = height + "px";
        navigation.style.height = (height - 120) + "px";
    }