var activeMenu = "";
var activeSubMenu = "";
var hidedMenu = "";

function writeMenu(menuName) {
	for (var i=0; i<menuName.length; i++) {
		document.write('<ul class="layer" onmouseover="menuOn(\'' + menuName[i][0][0] + '\')" onmouseout="menuOut(\'' + menuName[i][0][0] + '\')" id="' + menuName[i][0][0] + '">');
		for (var j=1; j<menuName[i].length; j++) {
			if (j == 1) {
				document.write('<li class="first"><a href="' + menuName[i][j][1] + '"><span>' + menuName[i][j][0] + '</span></a></li>');
			}
			else {
				document.write('<li><a href="' + menuName[i][j][1] + '"><span>' + menuName[i][j][0] + '</span></a></li>');
			}
		}
		document.write('</ul>');
	}
}

function menuOn(menuId) {
	setVisibility(menuId,'visible');
	activeMenu = menuId;
	closeAllLayers();
}

function menuOut(menuId) {
	activeMenu = "";
	hidedMenu = menuId;
	setTimeout( 'hideMenu();' , 1000 );
}

function setVisibility(menuId,vis) {
	if( activeMenu != menuId ) {
		var actLayer = findLayer(menuId);
		actLayer.style.visibility = vis;
	}
}
function hideMenu(){
	setVisibility(hidedMenu,"hidden");
}

function closeAllLayers() {
	for (var i=0; i<mainMenu.length; i++) {
		setVisibility(mainMenu[i][0][0],"hidden");
	}

}
function findLayer(item) {
	if( window.mmIsOpera ) return(document.getElementById(item));
	if (document.getElementById) return(document.getElementById(item));
	if (document.all) return(document.all[item]);
	return(false);
}