/* Using prototype.js event handlers for navigation menus  */
/* See the Prototype web site: http://www.prototypejs.org/ */

function initNavigation()
{
	/* hide all menus */
	hideMenu('menu1');
	hideMenu('menu2');
	hideMenu('menu3');
	
	/* menu rollovers */
	Event.observe('nav1','mouseover',function()	{ showMenu('menu1'); });
	Event.observe('nav2','mouseover',function() { showMenu('menu2'); });
	Event.observe('nav7','mouseover',function() { showMenu('menu3'); });

	/* menu rollouts */
	Event.observe('nav1','mouseout',function() { hideMenu('menu1'); });
	Event.observe('nav2','mouseout',function() { hideMenu('menu2'); });
	Event.observe('nav7','mouseout',function() { hideMenu('menu3'); });
}

function showMenu(id)
{
	//$A($(id).getElementsBySelector('li')).each( function(s) { s.show(); } );
	$(id).setStyle({ display : 'block' });
	$(id).show();
}


function hideMenu(id)
{
	//$A($(id).getElementsBySelector('li')).each( function(s) { s.hide(); } );
	$(id).setStyle({ display : 'none' });
	$(id).hide();
}