var _duration = 400;
var _uls = [];
function initPage()
{
	var nav = document.getElementById("nav");
	if (nav)
	{
		var nodes = nav.getElementsByTagName("ul");
		for (var i = 0; i < nodes.length; i++)
		{
			nodes[i].id = "nav-ul-" + i;
			nodes[i]._id = i;
			_uls[_uls.length] = nodes[i];
			nodes[i]._open = false;
			nodes[i].parentNode.el = nodes[i];
			nodes[i].parentNode._mooeff = new Fx.Styles( nodes[i].id, {wait: false, duration: _duration,
						onStart: function(){
							},
						onComplete: function(){
							}
					});
			nodes[i].parentNode._mooeff.set({'opacity':0});
			nodes[i].parentNode.onmouseover = function () 
			{
				if(this._timeout) clearTimeout(this._timeout);
				if(this._mooeff.element.getStyle('opacity') != 1)
				{
					this.el.style.display = 'block';
					this._mooeff.start({'opacity':[this._mooeff.element.getStyle('opacity'),1]});
				}
			}
			nodes[i].parentNode.onmouseout = function ()
			{
				this._timeout = setTimeout('hideUL(' + this.el._id + ')',50);
				//this
			}
		}
	}
}

function hideUL(_index)
{
	if(_uls[_index])
	{
		var _el = _uls[_index].parentNode;
		_el._mooeff.start({'opacity':[_el._mooeff.element.getStyle('opacity'),0]});
	}
}

if (window.addEventListener){
	window.addEventListener("load", initPage, false);
}
else if (window.attachEvent){
	window.attachEvent("onload", initPage);
}