var actMenu, actSub, menArr, d=document;actMenu=false;
function toggleMenu( elm ) {
	var sMen, inx = elm.id.split("men")[1];
	sMen = d.getElementById("sub"+inx);
	if ( actMenu ) {
		actMenu.style.color = "#c0c0c0";
		actMenu.style.backgroundColor = "#336699";
	}
	if (sMen.style.display=="none") {
		sMen.style.display = "block";
		actSub = sMen;
		actMenu = elm;
	} else {
		sMen.style.display = "none";
		actMenu = actSub = false;
	}
	closeAll();
}
function closeAll() {
	for (i=0; i<menArr.length; i++) {
		if ( menArr[i].className=="subMen" && menArr[i]!=actSub ) {
			menArr[i].style.display = "none";
		}
	}
}
function initMenu() {
	menArr = d.getElementById("tree").getElementsByTagName("DIV");
	var aArr = d.getElementById("tree").getElementsByTagName("A");
	for (i=0; i<menArr.length; i++) {
		if ( menArr[i].className=="menPoint" ) {
			menArr[i].onmouseover = function() {
				this.style.color = "#ffffff";
				this.style.backgroundColor = "#5080B0";
			}
			menArr[i].onmouseout = function() {
				if ( this==actMenu ) return;  
				this.style.color = "#c0c0c0";
				this.style.backgroundColor = "#336699";
			}
			menArr[i].onclick = function() {
				toggleMenu(this);
			}
			menArr[i].onfocus = function() {
				this.blur();
			}
		}
		else if ( menArr[i].className=="subMen" ) {
			menArr[i].style.display = "none";
		}
	}
	for (i=0; i<aArr.length; i++) {
		if ( aArr[i].className!="menPointLink" ) aArr[i].className = "menLink";
	}
	d.getElementById("sub0").style.display = "block";
}