/*
|| Menuesteuerung mit jQuery
*/
var activemenu = null;
var timer;

// Menue ausblenden (vom Timer aufgerufen)
function checkHover() {
    if (activemenu) {
        activemenu.find('ul').fadeOut('normal');	
        activemenu = null;	
    }
}

$(document).ready(function() {
    $('#navi > ul > li').hover(function() {
    // mouseover
        clearTimeout(timer);
        // falls noch anderes Menue angezeigt: ausblenden
        if (activemenu && (activemenu.get(0) !== $(this).get(0)))  {
            activemenu.find('ul').fadeOut('fast');
            activemenu = null;
        }
        // falls Menue noch nicht angezeigt: einblenden
        // Ausnahme: aktives Menue der Seite wird immer angezeigt 
        if (! $(this).hasClass("aktiv")  && !activemenu) {
             $(this).find('ul').fadeIn('fast');
        }
    // mouseout
    }, function() {
        // Timer setzen zum Ausblenden
        if (! $(this).hasClass("aktiv")) {
            activemenu = $(this);
            timer = setTimeout("checkHover()", 500);
        }
    });
});