var activeElement;
var theTimeout = new Array();
var menuObj;

window.onload = init;

function init ()
{
	menuObj = $$('div#menu ul li.hasChilds');
	
	for (var i = 0; i < menuObj.length; i++)
	{
		menuObj[i].observe ("mouseover", menuMouseOver, false);
		menuObj[i].observe ("mouseout", menuMouseOut, false); 
	}
	
	initDownloads();
}

function hideAll ()
{
	for (var i = 0; i < menuObj.length; i++)
	{
		if (menuObj[i].hasClassName('hover'))
		{
			menuObj[i].removeClassName ('hover');
			menuObj[i].addClassName ('hasChilds');
		}
	}	
}

function menuMouseOver (event)
{
	hideAll();
	
	activeElement = this;
	
	this.removeClassName ('hasChilds');
	this.addClassName ('hover');
	
	clearTimeout(theTimeout);
}

function menuMouseOut (event)
{
	var element = event.element();
	
	theTimeout = setTimeout (function () {
		activeElement.removeClassName ('hover');
		activeElement.addClassName ('hasChilds');	
	}, 400);
}

function initDownloads ()
{
	if ($('downloads'))
	{
		var liObjs = $('downloads').getElementsByTagName("LI");
		
		for (var i = 0; i < liObjs.length; i++)
		{
			liObjs[i].onclick = function ()
			{			
				if (this.getElementsByTagName("UL").length > 0)
					this.getElementsByTagName("UL")[0].style.display = "block";
			}
		}
	}
}