/* The following sets up mouseover events for drop-down navigation menus. Must be run on load on every page that uses navigation menu */

function initMenu()
{
	var menuEl = getRef('nav_site');
	var menuItems = menuEl.getElementsByTagName('li'); //grab all menu items

	for (var i = 0; i < menuItems.length; i++) //loop through them adding mouseover and mouseout events
	{
		itemEl = menuItems[i];
		itemEl.onmouseover	= hoverOn;
		itemEl.onmouseout	= hoverOff;
	}
}

function hoverOn()	{ addClass(this, 'hover'); }
function hoverOff()	{ removeClass(this, 'hover'); }

callOnLoad(initMenu);