function ShowHide(id, obj)
{
	//alert(id);
	if (document.getElementById("submenu_"+id))
	{
		if (document.getElementById("submenu_"+id).style.display == "none")
		{
			obj.style['font-weight'] = "bold";
			document.getElementById("submenu_"+id).style.display = "";
		}
		else
		{
			document.getElementById("submenu_"+id).style.display = "none";
		}
		//alert(id);
		return false;
	}
	else
	{
		return true;
	}
}

var CurrentLevel = 0;
var ArrOpened = Array();
var MenuTimer;

function HideSubmenu()
{
  for (i = 0; i < ArrOpened.length; i++)
  {
    if (document.getElementById(ArrOpened[i]))
    {
      document.getElementById(ArrOpened[i]).style.display = "none";
      ArrOpened[i] = "";
    }
  }
}

function StopHide()
{
  if (MenuTimer)
    window.clearTimeout(MenuTimer);
}

function MenuOut()
{
  MenuTimer = window.setTimeout("HideSubmenu()", 500);
}

function HideSublevels()
{
  for (i = CurrentLevel; i < ArrOpened.length; i++)
  {
    if (document.getElementById(ArrOpened[i]))
    {
      document.getElementById(ArrOpened[i]).style.display = "none";
      ArrOpened[i] = "";
    }
  }
}

function ShowSubmenu(obj, id, level)
{
    StopHide();
    CurrentLevel = level;
    if (level <= CurrentLevel)
        HideSublevels()
    ArrOpened[level] = id;
    if (document.getElementById(id))
    {
      document.getElementById(id).style.position = "absolute";
      document.getElementById(id).style.display = "";
      document.getElementById(id).style.top = absPosition(obj).y - 8 + "px";
      document.getElementById(id).style.left = absPosition(obj).x + 175 + "px";
    }
}

function absPosition(obj)
{
    var x = y = 0;
    while(obj) {
          x += obj.offsetLeft;
          y += obj.offsetTop;
          obj = obj.offsetParent;
    }
    return {x:x, y:y};
}

function BuildMenu()
{
	var output = "";
	
	for (i = 0; i < Menu.length; i++)
	{
		output += "<div id='submenu_" + Menu[i] +"' style='display:none; width:200px; border:0px solid #ff0000'>";
		output += "<div style='height:8px; background:URL(/images/menu-top.gif); background-position:top'></div>";
		output += "<div style='background:URL(/images/menu1.jpg); background-position:-20px; border:0px solid #000000; padding-left:20px'>";
		
		for (j = 0; j < ArrItems[i].length; j++)
		{
			output += "<div class='menuElements' onmouseout='MenuOut()' onmousemove='ShowSubmenu(this, \"submenu_" + ArrItems[i][j]['id'] + "\", " + ArrItems[i][j]['level'] + ")'><a class='menu1' href='/catalog.php?sub" + ArrItems[i][j]['level'] + "=" + ArrItems[i][j]['id'] + "'>" + ArrItems[i][j]['name'] + "</a>";
			output += "<div class='gor'><img src='/images/pr.gif' width='1' height='3'></div>";
			output += "</div>";
		}

		output += "</div>";
		output += "<div style='height:8px; background:URL(/images/menu-bottom.gif); background-position:top; border:0px solid #000000; margin-top:-2px'></div>";
		output += "</div>";
	}
	document.getElementById("menu_box").innerHTML = output;
}