activemenu = -1;
vismenu = -1;
resetmenu = 0;

function resetNow() {
        $('#menulist').children('dt').each(function() { 
            if ($(this).children('a').eq(0).attr('rel') == 'main_active') {
                vismenu = $(this).attr('id').substr(7)
                
                showSubMenu(vismenu);
            }
        });
    }
    
    function showSubMenu(menuindex) {
        $('#menulist').children('dt').children('a').removeClass("menulist-dt-a-highlight_js");
        activemenu = menuindex;
        var offset = $('#menucat'+menuindex).children('a').eq(0).offset();
        $('#menuoverlaybar').css("top",offset.top-5);
        $('#menuoverlaybar').empty();
        $('#menuoverlaybar').append('<div style="float: left; height: 26px; width: 270px; cursor: pointer;" onclick="document.location.href=\''+$('#menucat'+menuindex).children('a').eq(0).attr('href')+'\'"><div style="font-family:Tahoma, Arial, Verdana,  Helvetica, sans-serif; font-size:15px; font-weight:bold; color: white; padding-right: 43px; padding-top: 6px; float: right;">'+$('#menucat'+menuindex).children('a').eq(0).text()+'</div></div>');
        $('#menuoverlaybar').append('<div style="float: left; height: 26px; width: 30px;"><!-- --></div>');
        $('#menucat'+menuindex).children('a').eq(0).addClass("menulist-dt-a-highlight_js");
        $('#menuoverlaybar').append($('#menulist').children('dd').eq(parseInt($('#menucat'+menuindex).attr('id').substr(7))).children().clone());
        
        $('#menuoverlaybar').show();
    }
    
    function hideSubMenu() {
        activemenu = -1;
        $('#menuoverlaybar').hide();
    }

$(document).ready(function() {
    // Klassen tauschen %_nojs ->  %_js
    $('#menulist').removeClass();
    $('#menulist').addClass("menulist_js");
    $('#menulist').children('dt').removeClass();
    $('#menulist').children('dt').addClass("menulist-dt_js")
    $('#menulist').children('dt').children('a').removeClass();
    $('#menulist').children('dt').children('a').addClass("menulist-dt-a_js");
    $('#menulist').children('dd').removeClass();
    $('#menulist').children('dd').addClass("menulist-dd_js");
    $('#menulist').children('dd').children('a').removeClass();
    $('#menulist').children('dd').children('a').addClass("menulist-dd-a_js");
    
    // Überflüssige Border entfernen
    $('#menulist').children('dt').eq(0).css('border-top','0');
    $('#menulist').children('dt').eq(4).css('border-bottom','0');
    $('#menulist').children('dt').eq(4).css('margin-bottom','0');
    
    // Subitems verstecken
    $('#menulist').children('dd').hide();
    
    // Balken anfügen
    $('#container').append('<div class="menuoverlay" id="menuoverlaybar"><!-- --></div>');
    $('#menuoverlaybar').css('opacity',0.8);
    hideSubMenu();
    
    // MouseOver der Titel
    
    
    $('#menulist').children('dt').bind('mouseenter', function() { 
        showSubMenu($(this).attr('id').substr(7));
    });
    
    $('#menulist').children('dt').bind('mouseover', function() { 
        window.clearTimeout(resetmenu);
    });
    
    // Titel klickbar
    $('#menulist').children('dt').css("cursor","pointer");
    $('#menulist').children('dt').click(function() { document.location.href=$(this).children('a').eq(0).attr('href'); });
    
    // MouseOuts
    $('#menuoverlaybar').bind('mouseenter',function() {
        window.clearTimeout(resetmenu);
        $('#menuoverlaybar').show();
        $('#menulist>dt:eq('+activemenu+')>a').addClass("menulist-dt-a-highlight_js");
    });
    
    $('#menuoverlaybar').bind('mouseleave', function() { 
        //hideSubMenu();
        //$('#menulist').children('dt').children('a').removeClass("menulist-dt-a-highlight_js");
        //resetmenu = window.setTimeout('resetNow()',200);    
        if (vismenu == -1 || activemenu == -1 || activemenu != vismenu) {
            hideSubMenu();
            $('#menulist').children('dt').children('a').removeClass("menulist-dt-a-highlight_js");
            resetmenu = window.setTimeout('resetNow()',200);    
        }
    });
    
    $('#menubar').bind('mouseleave', function() {
        if (vismenu == -1 || activemenu == -1 || activemenu != vismenu) {
            hideSubMenu();
            $('#menulist').children('dt').children('a').removeClass("menulist-dt-a-highlight_js");
            resetmenu = window.setTimeout('resetNow()',200);    
        }
    });
    
    
    
    // Aktiven Punkt anzeigen
    resetNow();
    
});