//new Event.observe(window,'load',function() { initializeSubMenus(); });

function initializeSubMenus() {
	var navs = $('mainNav').select('div.subMenu');
	navs.each(function(nav,index) {
		var id = $(nav).id;
		var parent = $(nav).up('li').identify();
		new Event.observe(parent,'mouseover',function() { openSubMenu(id,parent); });
		new Event.observe(parent,'mouseout',function() { closeSubMenu(id,parent); });
	});
	var images = new Array('images/nav_selected_bg.png','images/nav_selected_left.png','images/nav_selected_right.png','images/nav_hover_left.png','images/nav_hover_right.png','images/subnav_bl.png','images/subnav_br.png','images/subnav_tr.png');
	var menuimg = new Array();
	for(var x=0;x<images.length;x++) {
		menuimg[x] = new Image();
		menuimg[x].src = images[x];
	}
}
function openSubMenu(id,parent) {
	if(Object.isElement($(id))) {
		positionSubMenu(id,parent);
		$(id).show();
		$(parent).addClassName('hover');
	}
}
function closeSubMenu(id,parent) {
	if(Object.isElement($(id))) {
		$(id).hide();
	}
	$(parent).removeClassName('hover');
}
function positionSubMenu(id,parent) {
	if(Object.isElement($(id))) {
		var p = $(parent).down().positionedOffset();
		var w = $(id).getWidth();
		$(id).setStyle({left:(p[0])+'px',top:(p[1]+23)+'px',width:w+'px'});
	}
}
