function Node(obRef) {
	this.obRef=obRef;
	this.timeRef=null;
}

myNodes=new Array();
 
function isParent(kind, ouder) {
	oudere=kind.parentNode;
   	do {
		oudere=oudere.parentNode;
		if (oudere==ouder) {
			return true;
		}
	} while (oudere.nodeName!='BODY')
	return false;
}
 
function showSub(showNode) {
	if (isNaN(showNode.rIndex)) {
		showNode.rIndex=myNodes.length;
		myNodes[showNode.rIndex]=new Node(showNode);
	} else {
		clearTimeout(myNodes[showNode.rIndex].timeRef);
	}
	temp='';
	for (i in myNodes) {
		if (!isParent(myNodes[i].obRef, showNode)) {
			clearTimeout(myNodes[i].timeRef);
			doHide(myNodes[i].obRef);
		}
	}
	for (i in showNode.childNodes) {
		if (showNode.childNodes[i].nodeType==1) {
			showNode.childNodes[i].style.display='block';
		}
	}
}
 
function hideSub(hideNode) {
	myNodes[hideNode.rIndex].timeRef=setTimeout('doHide(myNodes['+hideNode.rIndex+'].obRef)', 300);
}
 
function doHide(doNode) {
	for (i in doNode.childNodes) {
		if (doNode.childNodes[i].nodeType==1 && doNode.childNodes[i].nodeName=='UL') {
			doNode.childNodes[i].style.display='none';
		}
	}
}

window.onload=function() {
	var li = document.getElementById('menu').getElementsByTagName('li');
	var ul;
	for (i in li) {
		if(!isNaN(i)) {
			ul = li[i].childNodes;
			for(j in ul) {
				if(ul[j].nodeName == 'UL') {
					ul[j].className = li[i].className = 'sub';
					li[i].onmouseover = function () {
						showSub(this);
					}
					li[i].onmouseout = function () {
						hideSub(this);
					}
				}
			}
		}
	}
}