function initNavigation(){
	hideElement('SubNavigation')
}

function addNavItem(sName){
	var sElementID = 'Nav' + sName
	var oNavItem = getObject(sElementID)
	
	replaceImage(sElementID,'nav' + sName + 'Off.png')
	
	oNavItem.onmouseover = function(){navMouseOver(sName)}
	oNavItem.onmouseout = function(){navMouseOut(sName)}
}

function addSubNavPanel(sName){
	var sElementID = 'SubNav' + sName
	hideElement(sElementID)
}

function navMouseOver(sName){
	var sElementID = 'Nav' + sName
	replaceImage(sElementID,'nav' + sName + 'Over.png')
}

function navMouseOut(sName){
	var sElementID = 'Nav' + sName
	replaceImage(sElementID,'nav' + sName + 'Off.png')
}

function selectNavItem(sName){
	var sElementID = 'Nav' + sName
	var oNavItem = getObject(sElementID)
	
	replaceImage(sElementID,'nav' + sName + 'Selected.png')
	
	oNavItem.onmouseover = function(){}
	oNavItem.onmouseout = function(){}
}


function selectSubNavItem(sName){
	var sElementID = 'Nav' + sName
	var oNavItem = getObject(sElementID)
	
	replaceImage(sElementID,'nav' + sName + 'Selected.png')
	
	oNavItem.onmouseover = function(){}
	oNavItem.onmouseout = function(){}
	
}

function showSubNavigation(sSubNavigationName){
	showElement('SubNavigation')
	
	var sParentElementID = 'SubNav' + sSubNavigationName
	
	showElement(sParentElementID)
}