// JavaScript Document
<!--
$(document).ready(function () {
    // On cache les sous-menus : 
    $("ul.subMenu").hide();
    // On selectionne tous les items de liste portant la classe "toggleSubMenu" 
    // et on remplace l'element span qu'ils contiennent par un lien : 
    $("div.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>');
    });

    // On modifie l'vnement "click" sur les liens dans les items de liste 
    // qui portent la classe "toggleSubMenu" : 
    $("div.toggleSubMenu > a").mouseover(function () {

        // Si le sous-menu est cach, on ferme les autres et on l'affiche : 
        if ($(this).next("ul.subMenu:visible").length == 0) {
            $("ul.subMenu").slideUp("normal");
            $(this).next("ul.subMenu").slideDown("normal");
        }
        // On empche le navigateur de suivre le lien : 
        return false;
    });

    $("div.toggleSubMenu > a").click(function () {
        // On empeche le navigateur de suivre le lien : 
        return false;
    });

    $("div.menuMiddle > a").mouseover(function () {
        // Si un sous-menu tait dj ouvert, on le referme : 
        $("div.toggleSubMenu > a").next("ul.subMenu").slideUp("normal");
        return false;
    });
    $("div.menuTop > a").mouseover(function () {
        // Si un sous-menu tait dj ouvert, on le referme : 
        $("div.toggleSubMenu > a").next("ul.subMenu").slideUp("normal");
        return false;
    });
    $("div.menuMiddle").mouseleave(function () {
        // Si un sous-menu tait dj ouvert, on le referme : 
        $("div.toggleSubMenu > a").next("ul.subMenu").slideUp("normal");
        return false;
    });

});
// -->