var globalCurrMenu1stLevel = 0;
var globalCurrSubMenu = 0;
var globalMenuClick = 0;

function buildTopmenu(){
	var topmenuHTML = ''
	topmenuHTML += '<div id="block_topmenu">';
	for(i=1; i < menuArray.length; i++){
		topmenuHTML += '<div onclick="globalMenuClick=2; hideAllSubMenu(); showMenu(' + i + ');" onmouseover="if(this.className==\'level_first noactive\'){hideAllSubMenu(); showMenu(' + i + ')}" onmouseout="if(!globalMenuClick){hideAllMenu()}" class="level_first noactive" id="menu' + i + '"><div class="menulayer" id="menu_' + i + '"><table cellspacing="0" cellpadding="0"><tr><td class="menulayerbg">';
		topmenuHTML += buildMenuLayer(i);
		topmenuHTML += '</td></tr></table></div><b>' + menuArray[i] + '</b></div>';
	}
	topmenuHTML += '</div>';
	document.getElementById('block_menu').innerHTML=topmenuHTML;
}

function showMenu(menuId){
	hideAllMenu();
	globalCurrMenu1stLevel = menuId;
	document.getElementById('menu'+ menuId).className = 'level_first active';
	if (globalMenuClick) {
		SKV('menu_' + menuId, 'visible');
	}
}

function hideAllMenu(){
	if (document.getElementById('menu_' + globalCurrMenu1stLevel)) {
		SKV('menu_' + globalCurrMenu1stLevel, 'hidden');
		document.getElementById('menu'+ globalCurrMenu1stLevel).className='level_first noactive';
	}
}

function buildMenuLayer(id){
	var currMenuArrayHTML = '';
	var currMenuArray = eval('menuArray' + id);
	for(a=0; a<currMenuArray.length; a++){
		if(currMenuArray[a][3]) {
			var currMenuArray2 = eval('menuArray' + id + '_' + currMenuArray[a][3]);
			var currSubMenuId = id + '_' + currMenuArray[a][3];
			currMenuArrayHTML += '<div class="menuSubLayer" id="menu_' + currSubMenuId +'"><div class="menulayerbg">';
				for(b=0; b<currMenuArray2.length; b++){
					if (currMenuArray2[b][0] == 'hr') {
						currMenuArrayHTML += '<div style="border-top:1px #D0D0D0 solid"></div>';
					} else {
						currMenuArrayHTML += '<a target="_blank" onclick="doClick(this.href)" href="' + currMenuArray2[b][0] + '">';
						currMenuArrayHTML += '<img src="http://404img.ru/x.gif" style="background-position: -' + currMenuArray2[b][2]*16 + 'px 0px"><img src="http://404img.ru/x.gif" class="spacer">';
						currMenuArrayHTML += currMenuArray2[b][1] + '</a>';
					}
				}
			currMenuArrayHTML += '</div></div>';
			currMenuArrayHTML += '<span class="noactive2" onmouseover="showSubMenu(\''+currSubMenuId+'\');" id="subMenu'+currSubMenuId+'">' + currMenuArray[a][1] + '</span>';
		} else if(currMenuArray[a][0] == 'hr'){
			currMenuArrayHTML += '<div style="border-top:1px #D0D0D0 solid"></div>';
		} else {
			currMenuArrayHTML += '<a onmouseover="this.className=\'active\'; hideAllSubMenu();" onmouseout="this.className=\'noactive\'" target="_blank" onclick="doClick(this.href)" href="' + currMenuArray[a][0] + '">';
			currMenuArrayHTML += '<img src="http://404img.ru/x.gif" style="background-position: -' + currMenuArray[a][2]*16 + 'px 0px"><img src="http://404img.ru/x.gif" class="spacer">';
			currMenuArrayHTML += currMenuArray[a][1] + '</a>';
		}

	}
	return currMenuArrayHTML;
}


function showSubMenu(menuId){

	if (globalCurrSubMenu != 0) {
		SKV('menu_' + globalCurrSubMenu, 'hidden');
	}
	if (document.getElementById('menu_' + menuId)) {
		if (globalCurrSubMenu){
			document.getElementById('subMenu'+globalCurrSubMenu).className='noactive2';
		}

		globalCurrSubMenu = menuId;
		SKV('menu_' + menuId, 'visible');
		var elWidth = document.getElementById('menu_'+ globalCurrMenu1stLevel).offsetWidth;
		elWidth -= 10;
		document.getElementById('menu_' + menuId).style.marginLeft=elWidth+'px';
	}
	document.getElementById('subMenu'+globalCurrSubMenu).className='active2';
}


function hideAllSubMenu(){
	if (document.getElementById('menu_' + globalCurrSubMenu)) {
		if (document.getElementById('subMenu'+globalCurrSubMenu)) {
			document.getElementById('subMenu'+globalCurrSubMenu).className='noactive2';
		}
		SKV('menu_' + globalCurrSubMenu, 'hidden');
	}
}

buildTopmenu();

//showMenu(0);