var navFlyoutHeaderId = '';
var navFlyoutFrom = '';

$(document).ready(function() {

	var inputDelayer = delayTimer(500);
	$('.nav-flyout-submenu').hide();
	$('.nav-flyout-submenu a').click(function() { $('.nav-flyout-submenu').hide('slow'); });
	$('.nav-flyout-header').mouseover(function() { navFlyoutHeaderId = this.id; navFlyoutFrom = 'header click'; inputDelayer(function() { HideDisplaySubMenu(); }) });
	$('.nav-flyout-header, .nav-flyout-submenu').mouseout(function() { navFlyoutHeaderId = this.id; navFlyoutFrom = 'mouseout'; inputDelayer(function() { HideDisplaySubMenu(); }) });
	$('.nav-flyout-submenu').mouseover(function() { inputDelayer(); });

});

function HideDisplaySubMenu() {
	if (navFlyoutFrom == 'mouseout') {
		$('.nav-flyout-header').removeClass('nav-flyout-header-on');
		$('.nav-flyout-submenu').hide('slow');
		return;
	}
	var thisId = navFlyoutHeaderId;
	var from = navFlyoutFrom;
	var subMenu = $('#' + thisId + 'Sub');
	if (subMenu) { $('#' + thisId + 'Sub').toggle('slow'); }
	$('#' + thisId).toggleClass('nav-flyout-header-on');
	$('.nav-flyout-header').each(function() { if (this.id != thisId) { $('#' + this.id).removeClass('nav-flyout-header-on'); if ($('#' + this.id + 'Sub')) { $('#' + this.id + 'Sub').hide('slow'); } } });
}

function delayTimer(delay) {
	var timer;
	return function(fn) {
		timer = clearTimeout(timer);
		if (fn) timer = setTimeout(function() { fn(); }, delay);
		return timer;
	}
}