if (!document.addLoadEvent) {
    function addLoadEvent(func) {  // add event to onLoad events chain
        var oldonload = window.onload;
        if (typeof window.onload != "function") {
            window.onload = func;
        } else {
            window.onload = function() {
               oldonload();
               func();
            };
        }
    }
}

function shHMenuDtIn(shSubName){
    var dd = document.getElementById(shSubName);
    
    if( dd ) {
        if(dd.className=='actif')
          {
          dd.style.display = 'block';
          }
        else
          {
          dd.style.display = 'none';
          }
    }
    var dt = document.getElementById( shSubName.replace('shHMenu-sub', 'shHMenu-1') );
    if( dt ) {
        dt.className+=' hover';
        var dt_a = dt.getElementsByTagName('a')[0];
        if( dt_a ) {
            dt_a.className+=' hover';
        }
    }
}

function shHMenuDtOut(shSubName){
    var dd = document.getElementById(shSubName);
    if( dd ) {
        if(dd.className=='actif')
          {
          dd.style.display = 'block';
          }
        else
          {
          dd.style.display = 'none';
          }
    }

    var dt = document.getElementById( shSubName.replace('shHMenu-sub', 'shHMenu-1') );
    if( dt ) {
        dt.className = dt.className.replace('hover', '');
        var dt_a = dt.getElementsByTagName('a')[0];
        if( dt_a ) {
            dt_a.className = dt_a.className.replace('hover', '');
        }
    }
}

function shHMenuDdIn(shSubName) {
    var dd = document.getElementById(shSubName);
    if( dd ) {
        if(dd.className=='actif')
          {
          dd.style.display = 'block';
          }
        else
          {
          dd.style.display = 'none';
          }
    }
    var dt = document.getElementById( shSubName.replace('shHMenu-sub', 'shHMenu-1') );
    if( dt ) {
        dt.className+=' hover';
        var dt_a = dt.getElementsByTagName('a')[0];
        if( dt_a ) {
            dt_a.className+=' hover';
        }
    }
}

function shHMenuDdOut(shSubName){
    var dd = document.getElementById(shSubName);
    if( dd ) {
        if(dd.className=='actif')
          {
          dd.style.display = 'block';
          }
        else
          {
          dd.style.display = 'none';
          }
    }

    var dt = document.getElementById( shSubName.replace('shHMenu-sub', 'shHMenu-1') );
    if( dt ) {
        dt.className = dt.className.replace('hover', '');
        var dt_a = dt.getElementsByTagName('a')[0];
        if( dt_a ) {
            dt_a.className = dt_a.className.replace('hover', '');
        }
    }
}

initMenu = function() {
    var menuItems = document.getElementById("menu").getElementsByTagName("dt");
    for(var i=0; i<menuItems.length; i++) {
        // Par défaut : masque les menu
        shHMenuDtOut(menuItems[i].id.replace("shHMenu-1","shHMenu-sub"));
        shHMenuDdOut(menuItems[i].id.replace("shHMenu-1","shHMenu-sub"));

        // Comportement lors du passage de souris
        menuItems[i].onmouseover = function() {
            shHMenuDtIn( this.id.replace("shHMenu-1","shHMenu-sub") );
        }

        menuItems[i].onmouseout = function() {
            shHMenuDtOut( this.id.replace("shHMenu-1","shHMenu-sub") );
        }
    }

    var subMenuItems = document.getElementById("shHMenu").getElementsByTagName("dd");
    for(var i=0; i<subMenuItems.length; i++) {
        subMenuItems[i].onmouseover = function() {
            shHMenuDdIn( this.id.replace("shHMenu-1","shHMenu-sub") );
        }

        subMenuItems[i].onmouseout = function() {
            shHMenuDdOut( this.id.replace("shHMenu-1","shHMenu-sub") );
        }
    }
}

addLoadEvent(initMenu);