var navlist;
var navCount;
var secondTier;
var secondaryCount;
var xClose;
var arrowOpen;
var highlightVar = false;

window.onload = initAll;

function initAll(){
	navList = document.getElementById("navigation");
	navCount = navList.getElementsByTagName("a");
	secondTier = document.getElementById("portfolioMenu");
	secondaryCount = secondTier.getElementsByTagName("a");
	arrowOpen = document.getElementById("ARROW");
	xClose = document.getElementById("xClose");
}

function navClear(){
	for(var i=0; i<navCount.length; i++){
		navCount.item(i).className = "";
	}
}
function navSelect(clickedLink){
	navClear();
	clickedLink.className = "navSelected";
	closeSecondary(secondTier, arrowOpen, xClose);
}

function secondaryNavClear(){
	for(var i=0; i<secondaryCount.length; i++){
		secondaryCount.item(i).className = "";
	}
}
function secondSelect(clickedLink){
	secondaryNavClear();
	clickedLink.className = "navSelected";	
}

function portfolioSelect(clickedLink){
	if(!highlightVar){
		navSelect(clickedLink);
		secondaryMenu(secondTier, arrowOpen, xClose);
	}else{
		closeSecondary(secondTier, arrowOpen, xClose);
		navClear();
	}
	
}

function closeSecondary(listMenu, arrow, close){
	if(highlightVar==true){
		listMenu.className = "OFF";
		arrow.className = "ON";
		close.className = "OFF"
		highlightVar = false;
	}
}

function secondaryMenu(listMenu, arrow, close){
	if(!highlightVar){
		listMenu.className = "ON";
		arrow.className = "OFF";
		close.className = "ON"
		highlightVar = true;
	} else {
		listMenu.className = "OFF";
		arrow.className = "ON";
		close.className = "OFF"
		highlightVar = false;
	}
}

function setContainer(contentVar){
	document.getElementById("content").innerHTML = contentVar;
}