var DHTML = (document.getElementById || document.all || document.layers);

var e;

function getObj(name)
{
  if (document.getElementById)
  {
  	this.obj = document.getElementById(name);
	this.style = document.getElementById(name).style;
  }
  else if (document.all)
  {
	this.obj = document.all[name];
	this.style = document.all[name].style;
  }
  else if (document.layers)
  {
   	this.obj = document.layers[name];
   	this.style = document.layers[name];
  }
}

function showSubmenu(id)
{
	var menu = new getObj("menu"+id);
	var submenuPosLeft = menu.obj.offsetLeft;
	var submenuPosTop = menu.obj.offsetTop + menu.obj.offsetHeight;
	if(window.innerWidth) docWidth = window.innerWidth;
	if(document.body.clientWidth) docWidth = document.body.clientWidth;
	var submenu = new getObj("submenu"+id);
	
	if(submenuPosLeft+submenu.obj.offsetWidth>docWidth)
	{
		submenuPosLeft = docWidth-submenu.obj.offsetWidth;
	}
	submenu.style.top = submenuPosTop+"px";
	submenu.style.left = submenuPosLeft+"px";
	submenu.style.visibility="visible";
}

function hideSubmenu(id, e)
{
	if (!e) var e = window.event;
	var relTarg = e.relatedTarget || e.toElement;
	try{
	if(relTarg.className != "submenuItem"&&relTarg.className != "submenu")
	{
		var submenu = new getObj("submenu"+id);
		submenu.style.visibility="hidden";
	}
	}
	catch(e)
	{
		var submenu = new getObj("submenu"+id);
		submenu.style.visibility="hidden";
	}
}