﻿
var mainMenuSelector = '#MainMenuBox>#MainMenuBoxInner>ul';

function menuHovered () {
    $(mainMenuSelector).children('li').each(function(){
        if ($(this).hasClass('hover'))
            return true;
    });
    return false;
}

$(document).ready(function (){
    $(mainMenuSelector).children('li').hover(
        function () {
            $(this).addClass('hover');
        },
        function () {
            $(this).removeClass('hover');
        }
    );
    
    $('*').click(function(e){
        if ((this == e.target) && menuHovered()) {
            var $mainMenu = $(mainMenuSelector);
            var clickInMenu = (event.target == $mainMenu[0] || ($(event.target).parents().index($mainMenu[0]) >= 0));
            if (!clickInMenu) {
                $mainMenu.children('li').removeClass('hover');
                return false;
            }
        }
    });
});
