currentMenu = false;
subMenuHovered = false;

function startHideTimer() {
        window.setTimeout("hideMenu()",200);
}
function hideMenu() {
        if(subMenuHovered == false) {
                hovermenu.fadeOut('fast');
                var currentMenu = false;
        }
}

$(document).ready(function() {
        $("li.havechild").hover(
                function () {
                        tmp = $(this);
                        hovermenu = $(this).find(".nav-lvl1-outer");
                        hovermenu.fadeIn('fast');
                },
                function () {
                        hovermenu = $(this).find(".nav-lvl1-outer");
                        $.each(jQuery.browser, function(i,val) {
                                if( $.browser.msie && $.browser.version.substr(0,1) < 7 ) {
                                        startHideTimer(hovermenu);
                                } else {
                                        hovermenu.fadeOut('fast');
                                }
                        });
                }
        );
        $('.nav-lvl1-outer').hover( 
                function(){
                        subMenuHovered = true;
                               
                },
                function(){
                        subMenuHovered = false;
                        currentMenu = hovermenu;
                        $.each(jQuery.browser, function(i,val) {
                                if( $.browser.msie ) {
                                        startHideTimer();
                                }
                        });
                }                
        );
        $("li.havesubchild").hover(
                function () {
                        
                        // div um das submenu
                        outerContainer = $(this).parents('.nav-lvl1-outer');
                        outerWidth = outerContainer.width();
                        outerHeight = outerContainer.height();
                        
                        // submenu erste ebene
                        childContainer = $(this).find("ul");
                        childWidth = childContainer.width();
                        childHeight = childContainer.height();
                        
                        // submenu Container zweite ebene
                        subMenuContainer = $(this).parents('.nav-lvl-1-right-corner');
                        subMenuContainerWidth = subMenuContainer.width();
                        subMenuContainerHeight = subMenuContainer.height();
                        
                        //submenu zweite Ebene
                        $(this).addClass("aktiv");
                        jQuery.each(jQuery.browser, function(i) {
                                if( $.browser.msie && $.browser.version.substr(0,1) < 7 ) {
                                        outerContainer.css("width","400px");
                                        if(childHeight > outerHeight) {
                                                subMenuContainer.css('height', childHeight + 25 + 'px');
                                        } else {
                                                childContainer.css({
                                                     height :   subMenuContainerHeight + "px" 
                                                })  
                                        }
                                } else {
                                        outerContainer.css("width","375px");
                                        if(childHeight > outerHeight) {
                                                subMenuContainer.animate({
                                                        height: childHeight + 15 + 'px'
                                                }, 200 );                                                
                                        } else {
                                                childContainer.css({
                                                     height :   subMenuContainerHeight + "px" 
                                                });
                                        }
                                }
                        });
                        childContainer.fadeIn('fast');
                },
                function () {
                        $(this).removeClass("aktiv");
                       jQuery.each(jQuery.browser, function(i) {
                                if( $.browser.msie && $.browser.version.substr(0,1) < 7 ) {
                                        subMenuContainer.css('height', subMenuContainerHeight + 'px');
                                } else {
                                        subMenuContainer.animate({
                                                height: subMenuContainerHeight + 'px'
                                        }, 200 );
                                }
                        });
                        childContainer.fadeOut('fast');
                        outerContainer.css("width","205px");
                }
        );
});

