var timer;
var navItemIds;
var navSubItemIds;

function initNav(theNavItemIds, theNavSubItemIds) {
  navItemIds = theNavItemIds;
  navSubItemIds = theNavSubItemIds;
}

function selectNav(navItem) {
	navItem.style.backgroundColor = '#891111';
}

function unselectNav() {
	for(var i=0;i<navSubItemIds.length;i++)
		hideSubNav(navSubItemIds[i]);
	for(var i=0;i<navItemIds.length;i++)
		$(navItemIds[i]).style.backgroundColor = 'transparent';
}

function showSubNav(caller, containerId, subId) {
	unselectNav();			
	selectNav(caller);		
	var sub = $(subId);
	if(sub!=null) {
		resetTimer();
  	var loc = findPos(caller, 'main');  
		sub.style.left = loc[0]+'px'; 
		sub.style.display = 'block';
	}	
}

function hideSubNav(subId) {
	var sub = $(subId);
	if(sub!=null) sub.style.display = 'none';			
}

function setTimer(subId) {
	var sub = $(subId);
	if(sub!=null) timer = setTimeout("unselectNav()", 100);	
}

function resetTimer() {
	clearTimeout(timer);
}