window.onload = init;

function init()
{
	var navigation = document.getElementById('navigation');
	var navs = navigation.getElementsByTagName('ul');
		
		for (i=1; i < navs.length; i++)
		{
			var nav = navs[i];
			assignHandlers(nav);
		}
}

function assignHandlers(nav)
{
	var parent = nav.parentNode;
		
		parent.onmouseover = function()
		{
			var curclass = parent.className;
			
			if (curclass != '')
			{
				parent.className = curclass + " selected";
			}
			
			else
			{
				parent.className = "selected";
			}
		}
		
		parent.onmouseout = function()
		{
			var curclass = parent.className;
			
			if (curclass.indexOf(' ') != -1)
			{
				var prevclass = curclass.split(' ')[0];
				parent.className = prevclass;
			}
			
			else
			{
				parent.className = "";
			}
		}
}