var restoreTimeout = null;
var currentNavNum = defaultNavNum;
var oldNavImage = null;
var loaded = false;
function setCurrentNav(num) {
	if(!loaded) return;
	window.clearTimeout(restoreTimeout);
	unhooverNav(currentNavNum);
	hideSubNav(currentNavNum);
	currentNavNum = num;
	hooverNav(num);
	showSubNav(num);
	centerSubNav(num);
}
function restoreDefaultNav() {
	if(!loaded) return;
	var restore = function() {
		unhooverNav(currentNavNum);
		hideSubNav(currentNavNum);
		currentNavNum = defaultNavNum;
		hooverNav(defaultNavNum);
		showSubNav(defaultNavNum);
		centerSubNav(defaultNavNum);
	}
	restoreTimeout = window.setTimeout(restore, 350);
}
function keepCurrentNav() {
	setCurrentNav(currentNavNum);
}
function showSubNav(num) {
	subNavEl = getSubNavEl(num);
	if(subNavEl != null) subNavEl.className = 'subNavActive';
}
function hideSubNav(num) {
	subNavEl = getSubNavEl(num);
	if(subNavEl != null) subNavEl.className = 'subNav';
}
function centerSubNav(num) {
	navEl = getNavEl(num);
	if(navEl == null) return;
	navElPos = getPosition(navEl);
	subNavEl = getSubNavEl(num);
	if(subNavEl == null) return;
	subNavEl.style.paddingLeft = "10px";
	subNavPadding = (navElPos.x+(navEl.offsetWidth/2))-(subNavEl.offsetWidth/2);
	if(subNavPadding < 33) subNavPadding = 33;
	if(subNavPadding+subNavEl.offsetWidth > 990) subNavPadding = 990-subNavEl.offsetWidth;
	subNavEl.style.paddingLeft = subNavPadding+"px";	
}
function hooverNav(num) {
	navEl = getNavEl(num);
	if(navEl == null) return;
	oldNavImage = navEl.style.backgroundImage.replace("url(", "");
	oldNavImage = oldNavImage.replace(")", "");
	navEl.style.backgroundImage = "url('"+hooverImages[num]+"')";
}
function unhooverNav(num) {
	navEl = getNavEl(num);
	if(navEl != null) navEl.style.backgroundImage = "url('"+oldNavImage+"')";
}
function getNavEl(num) {
	return document.getElementById('mainNav_'+num);
}
function getSubNavEl(num) {
	return document.getElementById("subNav_"+num);
}
function getPosition(obj) {
  var pos = { x:0, y:0 };
  do {
    pos.x += obj.offsetLeft;
    pos.y += obj.offsetTop;
  } while (obj = obj.offsetParent);
  return pos;
}
window.onload = function() {
	hooverNav(currentNavNum);
	showSubNav(currentNavNum);
	centerSubNav(currentNavNum);
	loaded = true;
}