// YUI Subnav from Markup
// TLin
// 06.30.08

YAHOO.util.Event.onDOMReady(function add_subnav(){
	// array can contain object references, element ids, or both
	var ids = ["motors", "lifestyle", "media", "technology", "kids", "collectibles"];
	function showNav(e) { 
		var allSubNavs = YAHOO.util.Dom.getElementsByClassName('subNav');
		YAHOO.util.Dom.setStyle(allSubNavs, 'visibility', 'hidden');
		var subNavBox = YAHOO.util.Dom.getChildren(this.id)[1];
		YAHOO.util.Dom.setStyle(subNavBox, 'visibility', 'hidden');
		var subNav = document.getElementById(this.id + '-subnav');
		subNav.style.visibility = "visible";  
		subNavBox.style.visibility = "visible";
	};
	
	YAHOO.util.Event.addListener(ids, "mouseover", showNav);
	
	function hideNav(e) {
		var subNavBox = YAHOO.util.Dom.getElementsByClassName('subNavBox');
		var allSubNavs = YAHOO.util.Dom.getElementsByClassName('subNav');
		YAHOO.util.Dom.setStyle(subNavBox, 'visibility', 'hidden');
		YAHOO.util.Dom.setStyle(allSubNavs, 'visibility', 'hidden');
		YAHOO.util.Dom.removeClass(ids, 'selected');
	};
	
	YAHOO.util.Event.addListener("mainNav", "mouseout", hideNav);
	
	
	// removes class from all links that may have had it, before adding 'selected' class to new clicked main nav link
	var addClass = function() {
		YAHOO.util.Dom.removeClass(ids, 'selected');
		YAHOO.util.Dom.addClass(this.id, 'selected');
	};
		
	YAHOO.util.Event.on(ids, 'mouseover', addClass);
});