// JavaScript Document
var xmlHttp = null;

function $(id) {
	return document.getElementById(id);
}

function itsNavSonOver(o) {
	o.src = o.src.replace(".jpg", "_hover.jpg");
}

function itsNavSonOut(o) {
	o.src = o.src.replace("_hover.jpg", ".jpg");
}

var oNav = menuId = itemId = lastId = null;
var oImg = new Array();
var navSub = new Array();
var timerID = null;
function itsNav(dMenuId) {
	oNav = $('mainnav');
	if (oNav && oNav.length > 0)
		oImg = oNav.getElementsByTagName("IMG");

	menuId = dMenuId;

	for(i = 0; i < oImg.length; i++) {
		oImg[i].id = "nav_item_" + i;
		oImg[i].onmouseover = function(){itsNavOver(this);};

		navSub[i] = $("nav_sub_" + i);
	}

	for(i = 0; i < navSub.length; i++) {
		if(navSub[i] != null) {
			oLi = navSub[i].getElementsByTagName("LI");
			for(j = 0; j < oLi.length; j++) {
				if(oLi[j].className == "on") continue;
				oLi[j].onmouseover = function(){this.className="on";};
				oLi[j].onmouseout = function(){this.className="";};
			}
		}
	}

	if(dMenuId == null) {
		if(navSub[0] != null) {
			lastId = 0;
			navSub[0].style.display = "block";
		}

		oNav.onmouseover = function() {clearTimeout(timerID);};
		window.document.onclick = oNav.onmouseout = function() {timerID = setTimeout("itsNavNull()", 1000);};
	} else {
		itsNavOver(oImg[dMenuId]);
		$('subnav').onmouseover = oNav.onmouseover = function() {clearTimeout(timerID);};
		window.document.onclick = $('subnav').onmouseout = oNav.onmouseout = function() {timerID = setTimeout("itsNavOver(oImg[" + dMenuId + "])", 1000);};
	}
}

function itsNavNull() {
	itsNavSubClose(lastId);

	if(navSub[0] != null) {
		navSub[0].style.display = "block";
		lastId = 0;
	}
}

function itsNavSubClose(subId) {
	if(navSub[subId] != null) navSub[subId].style.display = "none";
	if(oImg[subId] != null && oImg[subId].src.indexOf("_on.png") > 0) oImg[subId].src = oImg[subId].src.replace("_on.png", ".png");
}

function itsNavOver(o) {
	itemId = o.id.replace("nav_item_", "");

	if(o.src.indexOf("_on.png") == -1) o.src = o.src.replace(".png", "_on.png");
	if(lastId != itemId) itsNavSubClose(lastId);
	if(navSub[itemId] != null) navSub[itemId].style.display = "block";

	lastId = itemId;
}

