var preloads = new Object();

var menu = null;
function init_menu()
{
	menu = document.getElementById('nav');
	var li = menu.getElementsByTagName('li'), i = li.length;
	while (i--) li[i].onmouseover = showMenu;
	menu.onmouseout = timeout;
	menu.onmouseover = cleartimer;
}

var timer = null;
function timeout()
{
	timer = setTimeout('hideMenus(menu, null)', 2000);
}

function cleartimer()
{
	if (timer)
	{
		clearTimeout(timer);
		timer = null;
	}
}

function showMenu()
{
    //alert('On MouseOver event fired!');
    var navRootOther = document.getElementById("nav");
    for (j = 0; j < navRootOther.childNodes.length; j++	)
    {
      
       nodeOther = navRootOther.childNodes[j];
       if (nodeOther.nodeName == "LI") {
           if (nodeOther.firstChild.firstChild != null && nodeOther.firstChild.firstChild.id)
           {
              nodeOther.firstChild.firstChild.src = preloads[nodeOther.firstChild.firstChild.id ].src
           }
       }                
    }

	var ul = this.parentNode;
	while (ul)
	{
		if (ul.tagName.toLowerCase() == 'ul')
		{
			hideMenus(ul, this);
			break;
		}

		ul = ul.parentNode;
	}

	ul = this.firstChild;
	while (ul)
	{
		if (ul.nodeType == 1 && ul.tagName.toLowerCase() == 'ul')
		{
			ul.style.display = 'block';
			ul.style.visibility = ''; // necessary for IE
			break;
		}

		ul = ul.nextSibling;
	}

				if (window.event && window.event.srcElement)
					this.className = "over";
				if (this.firstChild.firstChild != null && this.firstChild.firstChild.id)
					this.firstChild.firstChild.src = preloads[this.firstChild.firstChild.id + "_Over"].src; //"Images/" + this.firstChild.firstChild.id + "2.jpg";
}

function hideMenus(level, skipli)
{
    //alert('On MouseOver event fired!');
    var navRootOther = document.getElementById("nav");
    for (j = 0; j < navRootOther.childNodes.length; j++	)
    {
      
       nodeOther = navRootOther.childNodes[j];
       if (nodeOther.nodeName == "LI") {
           if (nodeOther.firstChild.firstChild != null && nodeOther.firstChild.firstChild.id)
              nodeOther.firstChild.firstChild.src = preloads[nodeOther.firstChild.firstChild.id ].src
       }                
    }

	var stack = [level], i = 0, li, j, el, tag;
	do
	{
		li = stack[i].childNodes, j = li.length;
		while (j--)
		{
			el = li[j];
			if (el.nodeType == 1 && el != skipli)
			{
				tag = el.tagName.toLowerCase();
				if (tag == 'li')
				{
					stack[i++] = el;
				}
				else if (tag == 'ul' && el.style.display == 'block')
				{
					stack[i++] = el;
					el.style.display = 'none';
					el.style.visibility = 'hidden'; // necessary for IE
				}
			}
		}
	}
	while (i--);
}


startNav = function() {     
	var navRoot = document.getElementById("nav");
	for (i = 0; i < navRoot.childNodes.length; i++) {
		node = navRoot.childNodes[i];
		if (node.nodeName == "LI") {
			preloads[node.firstChild.firstChild.id + "_Over"] = new Image;
			preloads[node.firstChild.firstChild.id + "_Over"].src = "Images/"+ node.firstChild.firstChild.id + "2.jpg";
			preloads[node.firstChild.firstChild.id] = new Image;
			preloads[node.firstChild.firstChild.id].src = "Images/"+ node.firstChild.firstChild.id + ".jpg";
//			node.onmouseover = function() {
//			    alert('On MouseOver event fired!');
//				if (window.event && window.event.srcElement)
//					this.className = "over";
//				if (this.firstChild.firstChild.id)
//					this.firstChild.firstChild.src = preloads[this.firstChild.firstChild.id + "_Over"].src; //"Images/" + this.firstChild.firstChild.id + "2.jpg";
//			}
//			node.onmouseout = function() {
//			    
//				//if (window.event && window.event.srcElement)
//					//this.className = "";
//				//if (this.firstChild.firstChild.id)
//					//this.firstChild.firstChild.src = preloads[this.firstChild.firstChild.id].src; //"Images/" + this.firstChild.firstChild.id + ".jpg";
//			}
		}
	}

    init_menu();
}

window.onload = startNav;