var main_prefix = "m";
var sub_prefix = "sb";

var timer = 0;
var currentid = -1;

function show(menu_id)
{

if (timer != 0)
	{	
	clearTimeout(timer);	
	if (menu_id != currentid)
		{	hide(currentid);	}
	}

 //Показываем меню
if (document.getElementById(sub_prefix + menu_id))
{

  //Меняем стиль картинки
   if (document.getElementById(main_prefix + menu_id).className != "menu" + (parseInt(menu_id) + 1) + "_act")
   { document.getElementById(main_prefix + menu_id).className = "menu" + (parseInt(menu_id) + 1) + "_act"; }

place(menu_id);
document.getElementById(sub_prefix + menu_id).style.visibility = "visible";
currentid = menu_id;
}

}
function hidden()
{
//document.getElementById(main_prefix + currentid).className = "menu" + (parseInt(currentid) + 1);
if (currentid != -1)
	{
	timer = setTimeout("hide(" + currentid + ")", 500);
	}
}

function hide(menu_id)
{
timer = 0;
document.getElementById(main_prefix + menu_id).className = "menu" + (parseInt(menu_id) + 1);
document.getElementById(sub_prefix + menu_id).style.visibility = "hidden";
currentid = -1;
}

function place(menu_id)
{
a = GetPos(document.getElementById(main_prefix + menu_id));
document.getElementById(sub_prefix + menu_id).style.top = a["bottom"] + 1;
document.getElementById(sub_prefix + menu_id).style.left = a["left"];
}

function GetPos(el)
{
	if (!el || !el.offsetParent)return false;
	var res=Array()
	res["left"] = el.offsetLeft;
	res["top"] = el.offsetTop;
	var objParent = el.offsetParent;
	while (objParent.tagName.toUpperCase()!="BODY")
	{
		res["left"] += objParent.offsetLeft;
		res["top"] += objParent.offsetTop;
		objParent = objParent.offsetParent;
	}
	res["right"]=res["left"]+el.offsetWidth;
	res["bottom"]=res["top"]+el.offsetHeight;
	return res;
}