var arrNavs = new Array()
var arrSubNavs = new Array()

var sSelectedNav = ''
var sSelectedSubNav = ''

function addNav(sNavID,sSubNavID){
	var oNav = new Object()
	
	oNav.NavID = sNavID
	oNav.SubNavID = sSubNavID
	
	arrNavs.push(oNav)
	
	var oNavElement = getObject(sNavID)
	//oNavElement.onclick = function(){navClick(sNavID)}
}

function navItemByID(sID){
	for (var i = 0; i < arrNavs.length; i++){
		if (arrNavs[i].NavID == sID){
			return arrNavs[i]
		}
	}
}

function navClick(sID){
	hideAllSubNavs()
	
	var oNav = navItemByID(sID)
	showElement(oNav.SubNavID)
	
	sSelectedNav = sID
	
	resetAllNavs()
}

function setupRollOverActions(sID,sImageOff,sImageOn){
	var oNav = getObject(sID)
	
	
	oNav.onmouseover = function(){
									replaceImage(sID,sImageOn)
								 }
	
	oNav.onmouseout = function(){
									if (sSelectedNav != sID && sSelectedSubNav != sID){
										replaceImage(sID,sImageOff)
									}else{
										replaceImage(sID,sImageOn)
									}
								}
}

function hideAllSubNavs(){
	for (var i = 0; i < arrNavs.length; i++){
		hideElement(arrNavs[i].SubNavID)
	}
}

function resetAllNavs(){
	for (var i = 0; i < arrNavs.length; i++){
		getObject(arrNavs[i].NavID).onmouseout()
	}
}

function selectNav(sID){
	navClick(sID)
}

function selectSubNav(sID){
	sSelectedSubNav = sID
	getObject(sID).onmouseover()
}