onload = function()
{
	var navEle = document.getElementById('navigation');
	for(var i in navEle.childNodes)
	{
		if(navEle.childNodes[i].tagName == 'UL')
		{
			var listEle = navEle.childNodes[i];
			for(var j in listEle.childNodes)
			{
				if(listEle.childNodes[j].tagName == 'LI')
				{
					var itemEle = listEle.childNodes[j];
					itemEle.onmouseover = itemTest;
					itemEle.onmouseout = itemTestB;
					for(var j in itemEle.childNodes)
					{
						if(itemEle.childNodes[j].tagName == 'A')
						{
							var linkEle = itemEle.childNodes[j];
							linkEle.onmouseout = navLinkMouseout;
							
						}
					}
				}
			}
		}
	}
}

function navLinkMouseout(e)
{
	//alert(this.tagName);
	this.style.backgroundImage = '';
}

function itemTest()
{
	this.style.backgroundImage = 'url(../h2o_images/layout/navBarBackgroundHover.jpg)';
	for(var i in this.childNodes)
	{
		if(this.childNodes[i].tagName == 'UL')
		{
			var subNavEle = this.childNodes[i];
			subNavEle.style.display = 'block';
		}
	}
}

function itemTestB()
{
	this.style.backgroundImage = '';
	for(var i in this.childNodes)
	{
		if(this.childNodes[i].tagName == 'UL')
		{
			var subNavEle = this.childNodes[i];
			subNavEle.style.display = 'none';
		}
	}
}