var tmr = 0;
function getClientLeft(elem)
{
   var offset = 0;

   while (elem != null)
   {
      offset += elem.offsetLeft;
      elem = elem.offsetParent;
   }

   return offset;
}

function getClientTop(elem)
{
   var offset = 0;

   while (elem != null)
   {
      offset += elem.offsetTop;
      elem = elem.offsetParent;
   }

   return offset;
}

function mouseOverItem(SubItemNum, el)
{
	clearTimeout(tmr);

	for(i = 1; i < 2; i++)
	{
	   var dv = document.getElementById("submenu" + i);

	   if (i != SubItemNum)
	      dv.style.display = "none";
	   else
	   {
			dv.style.top = getClientTop(el);
			
			if (window.event)
			dv.style.left = getClientLeft(el) + el.offsetWidth - 2 ; 
			else
			dv.style.left = getClientLeft(el) + el.offsetWidth  ; 
			dv.style.display = "block";
	   }
    }
}

function mouseOutItem()
{
	clearTimeout(tmr);

	for(i = 1; i < 2; i++)
	   document.getElementById("submenu" + i).style.display = "none";
}

function mouseOverSubItem(el)
{
	clearTimeout(tmr);
	el.style.display = "block";
}

function closeDiv(id)
{
   document.getElementById(id).style.display = "none";
}

function mouseOutSubItem(el)
{
   tmr = setTimeout("closeDiv(\"" + el.id + "\")", 500);
}