var isHoveredMenuBar = false;
var isHoveredMenuAppellation = false;
var activeMenu = null;
var menuTimer = null;

function bindAppellationsMenuButtonHovered(buttonId, MenuId)
{
    //Menu "button" (region name)
	jQuery('#' +  buttonId).hover(
        function ()
        {
        	if(null != activeMenu)
        	{
        		activeMenu.addClass('menu-col-hidden');
        	}
        	activeMenu = jQuery('#' + MenuId);
        	
        	jQuery('.menu-col').removeClass('menu-col-hidden');
        	activeMenu.removeClass('menu-col-hidden');
        },
        function ()
        {
            /* do nothing */
        }
    );
}

jQuery(function(){
				
	//Menu "block" (list of subregions and appellations)
	jQuery('.menu-col').hover(
        function ()
        {
        	isHoveredMenuAppellation = true;
			clearTimeout(menuTimer);
        },
        function ()
        {
            isHoveredMenuAppellation = false;
            menuTimer = setTimeout(hideFromAppellationsMenu, 250);
        }
    );
	
	//Menu container (bar with region buttons)
	jQuery('#la-cave-menu').hover(
        function ()
        {
        	isHoveredMenuBar = true;
			clearTimeout(menuTimer);
        },
        function ()
        {
            isHoveredMenuBar = false;
            menuTimer = setTimeout(hideFromRegionsMenuBar, 250);
        }
    );
});

function hideFromAppellationsMenu()
{
    if(!isHoveredMenuBar)
    {
        if(null != activeMenu)
        {
            jQuery('.menu-col').addClass('menu-col-hidden');
            activeMenu.addClass('menu-col-hidden');
        }
    }
}

function hideFromRegionsMenuBar()
{
    if(!isHoveredMenuAppellation)
    {
        jQuery('.menu-col').addClass('menu-col-hidden');
        jQuery('.menu-region').addClass('menu-col-hidden');
    }
}