function findPos(obj) {
var curleft = curtop = 0;
if (obj.offsetParent) {
	curleft = obj.offsetLeft
	curtop = obj.offsetTop
	while (obj = obj.offsetParent) {
		curleft += obj.offsetLeft
		curtop += obj.offsetTop
	}
}
return [curleft,curtop];
}


var panelOpen = false;
var subOpen = false;
var currentPanel = null;
var currentSub = null;
var panelCloseID;
var subCloseID;
function showDropNav(navRef){
	if(document.getElementById){
		var navImg = document.getElementById("nav_"+navRef);
		var navPos = findPos(navImg);
		var navPanel = document.getElementById("drop_"+navRef);
		//
		if(currentPanel!=null){
			clearInterval(panelCloseID);
			currentPanel.style.visibility = "hidden";
		}
		//
		navPanel.style.left = (navPos[0]+3)+"px";
		navPanel.style.top = (navPos[1]+navImg.offsetHeight)+"px";
		navPanel.style.visibility = "visible";
		currentPanel = navPanel;
		panelOpen = true;
	}
}

function hideDropNav(){
	panelOpen = false;
	panelCloseID = setInterval("doHide()",750);
}

function doHide(){
	if(!panelOpen && currentPanel != null){
		clearInterval(panelCloseID);
		currentPanel.style.visibility = "hidden";
		currentPanel = null;
		panelOpen = false;
	}
}

function showSubNav(navItem){
	if(document.getElementById){
		var subPos = findPos(navItem);
		var navPanel = document.getElementById("drop_"+navItem.id);
		navPanel.style.left = (subPos[0]+currentPanel.offsetWidth-4)+"px";
		navPanel.style.top = (subPos[1]-4)+"px";
		navPanel.style.visibility = "visible";
		subOpen = true;
		currentSub = navPanel;
	}
}
function hideSubNav(){
	subOpen = false;
	subCloseID = setInterval("doSubHide()",100);
	//currentSub.style.visibility = "hidden";
}
function doSubHide(){
	if(!subOpen && currentSub != null){
		clearInterval(subCloseID);
		currentSub.style.visibility = "hidden";
		currentSub = null;
		subOpen = false;
	}
}