Nav = {};

Nav.menus = ['nav-main-community', 'nav-main-videos', 'nav-main-help'];
Nav.timerId = null;
Nav.timerHandler = null;

Nav.init = function ()
{
	for (var i = 0, m = Nav.menus.length; i < m ; i++) {
		var menu = Nav.menus[i];
		var trigger = document.getElementById(menu);
		trigger.onmouseover = Nav.onTriggerRollover;
		trigger.onmouseout = Nav.onTriggerRollout;
	}
}

Nav.forceTimer = function()
{
	if (Nav.timerId !== null) {
		if (Nav.timerId) clearTimeout(Nav.timerId);
		Nav.timerHandler();
		Nav.timerId = null;
		Nav.timerHandler = null;
	}
}

Nav.setTimer = function(handler)
{
	Nav.forceTimer();
	Nav.timerId = setTimeout(function() { Nav.timerId = null; Nav.timerHandler = null; handler() }, 300);
	Nav.timerHandler = handler;
}

Nav.onTriggerRollover = function()
{
	Nav.forceTimer();
	document.getElementById(this.id + '-menu').style.display = 'block';
}

Nav.onTriggerRollout = function()
{
	var that = this;
	function action() {document.getElementById(that.id + '-menu').style.display = 'none'}
	
	Nav.setTimer(action);
}