// JavaScript Document
$(document).ready(function() {
                           
    var oActiveAElementOnPageLoad = $('#Header #Navi>ul>li>a.active');
    var oActivePrevListElementOnPageLoad = $("#Header #Navi>ul>li.active").prev('li');

    //headnavi behavior
    $("#HeaderNavi>ul>li").bind("mouseenter mouseleave", function(e){
        $(this).find('ul').toggleClass("over");
        $(this).children('a').toggleClass("over");
        $(this).prev('li').toggleClass("last");
    });
    //navi behavior
    $("#Header #Navi>ul>li:last").addClass("blind-class");
    $(oActivePrevListElementOnPageLoad).addClass("blind-class");
    
    var bMainNavActive = false;
    
    $("#Header #Navi>ul>li").hover(function() {
        
        $(oActiveAElementOnPageLoad).removeClass("active");
        $(oActivePrevListElementOnPageLoad).removeClass("blind-class");
        
        $(this).prev('li').addClass("blind-class");
        
        $(this).find('a').addClass("active active-hover");
        
        if ($(this).hasClass("has-children") && !bMainNavActive) {
            bMainNavActive = true; 
            $('.main-sub-navi').stop(true,true).hide();
            var oElemToToggle = $(this).find(".main-sub-navi");
            
            if (document.all && !window.opera && !window.XMLHttpRequest)
            {
                oElemToToggle.toggle();
                $(oElemToToggle.find(".top-shadow")).toggle();
            }
            else
            {
                $(oElemToToggle).slideToggle('normal', function(){ bMainNavActive = false; });
            }
    
        }

    },function(){
        $(this).prev('li').removeClass("blind-class");
        $(oActivePrevListElementOnPageLoad).addClass("blind-class");
        $(this).find('a').removeClass("active");
        $(this).find('a').removeClass("active-hover");
        $(oActiveAElementOnPageLoad).addClass("active");
        $('.main-sub-navi').stop(true,true).hide();
        bMainNavActive = false; 
    });
    

});