var t;
var fechar = true;

function exibeSubmenu(alvo){
  if(alvo.parentNode.getElementsByTagName("ul").length > 0){
	fechar = true;
	ocultaSubmenu2(false);
	alvo.onmouseout = function(){ocultaSubmenu2(true)};
	var objSubmenu = document.createElement("div");
	objSubmenu.id = "itens_menu";
	var strSubmenu = "<table border='0' cellpadding='0' cellspacing='0'><tr class='topo'><td class='esq'><img src='imagens/item_menu_seta.png' width='13' height='10'/></td><td class='centro'></td><td class='dir'>&nbsp;</td></tr><tr class='centro'><td class='esq'>&nbsp;</td><td class='centro'><ul>"+alvo.parentNode.getElementsByTagName("ul")[0].innerHTML+"</ul></td><td class='dir'>&nbsp;</td></tr><tr class='rodape'><td class='esq'>&nbsp;</td><td class='centro'>&nbsp;</td><td class='dir'>&nbsp;</td></tr></table>"

	objSubmenu.innerHTML = strSubmenu;
	objSubmenu.onmouseover = function(){fechar = false;};
	objSubmenu.onmouseout = ocultaSubmenu;
	
	var pos = findPos(alvo);
	objSubmenu.style.left = (pos[0]+alvo.offsetWidth-8)+"px";
	objSubmenu.style.top = (pos[1]-5)+"px";
	document.body.appendChild(objSubmenu);
  }
}

function ocultaSubmenu(e) {
  if (!e) var e = window.event;
  var tg = (window.event) ? e.srcElement : e.target;
  if (tg.nodeName != 'DIV') return;
  var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
  while (reltg != tg && reltg.nodeName != 'BODY')
	  reltg= reltg.parentNode
  if (reltg== tg) return;
  else{
	fechar = true;
	ocultaSubmenu2(false);
  }
}

function ocultaSubmenu2(delay){
  clearTimeout(t);
  if(delay){
	 t = setTimeout("ocultaSubmenu2(false)",200)
  }else if(fechar){
	try{
	  var objSubmenu = document.getElementById("itens_menu");
	}catch(e){}
	if(objSubmenu){
	  document.body.removeChild(objSubmenu);
	}
  }
}

function findPos(obj) {
  var curleft = curtop = 0;
  if (obj.offsetParent) {
	do {
	  curleft += obj.offsetLeft;
	  curtop += obj.offsetTop;
	} while (obj = obj.offsetParent);
  }
  return [curleft,curtop];
}


