var activeSubNav = '';
var subNavTimer;
var subNavOpenTimer;
var pendingElement;
var pendingClassName;

function showSubNav() {
	element = pendingElement;
	className = pendingClassName;
	clearTimeout(subNavTimer);
	closeSubNav();
	containerLeft = 16;
	position = $("#" + element).position();
	$("#" + element).addClass('navLevel1On').removeClass('navLevel1');
	$("#sub" + element).removeClass().addClass(className);
	$("#sub" + element).css({'z-index' : 4999, 'left': parseInt(position.left) + containerLeft});	
	activeSubNav = element;
}

function closeSubNav() {
	if (activeSubNav != '') {
		$("#" + activeSubNav).addClass('navLevel1').removeClass('navLevel1On');
		$("#sub" + activeSubNav).removeClass().addClass('hidden');
		activeSubNav = '';		
	}	
}

function stopSubNavTimer() {
	clearTimeout(subNavTimer);
}

function startSubNavTimer() {
	subNavTimer = setTimeout('closeSubNav()', 500);	
}		

function stopSubNavOpenTimer() {
//	subNavTimer = setTimeout('closeSubNav()', 500);	
	clearTimeout(subNavOpenTimer);
}

function startSubNavOpenTimer(element, className) {
	pendingElement = element;
	pendingClassName = className;
	subNavOpenTimer = setTimeout('showSubNav()', 500);	
}