var visibleId = -1;

function enterNavi( id ){

	var oldId = visibleId;

	if( oldId != id && visibleId >= 0 ){

		doHideNavi();
	}

	visibleId = id;
	subElement( visibleId ).style.display="block";
	stopTimer();
}
function leaveNavi( id ){

	startTimer();
}

function doHideNavi(){

	subElement( visibleId ).style.display="none";
	visibleId = -1;
}

var timerRunning = false;
var timer;

function startTimer(){

	timerRunning=true;
	timer = self.setTimeout( "onTimeout()", 750 );

}
function stopTimer(){

	if( timerRunning ){

		self.clearTimeout( timer );
	}
}
function onTimeout(){

	timerRunning = false;
	doHideNavi();
}

function subElement( id ){

	var name = "subnav" + visibleId;
	return document.getElementById( name );
}
function topElement( id ){

	var name = "nav" + visibleId;
	return document.getElementById( name );
}

var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
var tempX = 0;
var tempY = 0;
function getMouseXY(e) {

	if (IE) { // grab the x-y pos.s if browser is IE
		tempX = event.clientX + document.body.scrollLeft;
		tempY = event.clientY + document.body.scrollTop;

	} else {  // grab the x-y pos.s if browser is NS
		tempX = e.pageX;
		tempY = e.pageY;
	}  

	if (tempX < 0){ tempX = 0; }
	if (tempY < 0){ tempY = 0; }  

	return true;
}