var arrDropdowns = new Array()

function selectNav(sNavID){
	hideAllDropdowns()
	getObject(sNavID).className = 'NavItemSelected'
}

function deselectNav(sNavID){
	hideAllDropdowns()
	getObject(sNavID).className = 'NavItem'
}

function initNavItem(sNavID,sContainerID,sDropdownID){
	if (sDropdownID == undefined){
		getObject(sContainerID).onmouseover = function(){
													selectNav(sNavID)
												  }
	}else{
		
		arrDropdowns.push(sDropdownID)
		getObject(sContainerID).onmouseover = function(){
														selectNav(sNavID)
														showDropdown(sDropdownID)
													  }
	}
	getObject(sContainerID).onmouseout = function(){deselectNav(sNavID)}
	
	hideAllDropdowns()
}

function showDropdown(sDropdownID){
	//getObject(sDropdownID).style.visibility = 'visible'
	getObject(sDropdownID).style.display = 'block'
}

function hideAllDropdowns(){
	for (var i = 0; i < arrDropdowns.length; i++){
		//getObject(arrDropdowns[i]).style.visibility = 'hidden'
		getObject(arrDropdowns[i]).style.display = 'none'
	}
}