document.timeOuts = Array();
document.startHeight = Array();

menuOnMouseOver = function(id)
{
	var subNavId = 'level2-' + id;
//	var subNavId = 'level2-' + this.id;
	
	clearTimeout(document.timeOuts[this.id]);

	for(var i=1;i<7;i++)
	{
		if(this.id != "item" + i + "00")
		{
			fadeMenuOut("item" + i + "00");
		}
	}

	if(document.getElementById(subNavId) != null)
	{		

		document.getElementById(subNavId).style.display = "block";
		return;

		//This was used when there was a fade in and out;
		if (document.startHeight[this.id] == null)
		{
			document.startHeight[this.id] = document.getElementById(subNavId).style.height.replace('px', '');
		}
	
		document.getElementById(subNavId).style.display='block';
		var myAnim = new YAHOO.util.Anim(subNavId); 
		//myAnim.attributes.height = { from:0, by:document.startHeight[this.id] }; 
		myAnim.attributes.opacity = { to: 0.9 };
		myAnim.duration = 0.5; 
		myAnim.method = YAHOO.util.Easing.easeOut; 	
		myAnim.animate();
		document.getElementById('level2-items-' + this.id).style.display='none';
		setTimeout("document.getElementById('level2-items-" + this.id + "').style.display='block'", 500);

	}
}

fadeMenuOut = function(id)
{
	var subNavId = 'level2-' + id;
	if(document.getElementById(subNavId) != null)
	{
		document.getElementById(subNavId).style.display = "none";
		return;
		
		//This was used when there was a fade in and out;
		var myAnim = new YAHOO.util.Anim(subNavId); 
		myAnim.attributes.height = { to: 0 }; 
		myAnim.attributes.opacity = { to: 0 };
		myAnim.duration = 0.5; 
		myAnim.method = YAHOO.util.Easing.easeOut; 	
		myAnim.animate();
	}
}

menuOnMouseOut = function(id)
{
	//id = this.id;
	clearTimeout(document.timeOuts[id]);
	document.timeOuts[id] = setTimeout('fadeMenuOut("' + id + '");', 4000);
}

menuOnSubMenuOver = function(id)
{
	if(document.timeOuts['item' + id] != null)
	{
		clearTimeout(document.timeOuts['item' + id]);

		document.timeOuts['item' + id] = setTimeout('fadeMenuOut("item' + id + '");', 4000);
	}
}


for(var i=1;i<7;i++)
{
	//YAHOO.util.Event.addListener(document.getElementById("item" + i + "00"), "mouseover", menuOnMouseOver); 
	//YAHOO.util.Event.addListener(document.getElementById("item" + i + "00"), "mouseout", menuOnMouseOut); 
	
}