var sNavName = String(navigator.userAgent);
var bType = 0;

if (sNavName.indexOf('Opera') != -1) bType=2;
if (sNavName.indexOf('Netscape') != -1) bType=3;
if (sNavName.indexOf('Mozilla') != -1) bType=3;
if (sNavName.indexOf('Firefox') != -1) bType=3;
if (sNavName.indexOf('MSIE') != -1) bType=1;


var loaded  = false;
var visible = false;
var sDivName= "Layer";
var sImgName= "a";

function getPosX(obj)
{
  if (!obj) return 0;
  return (obj.offsetLeft + getPosX(obj.offsetParent));
}

function getPosY(obj)
{
  if (!obj) return 0;
  return (obj.offsetTop + getPosY(obj.offsetParent));
}

function enableMenu()
{
if (bType == 1 || bType == 2 || bType == 3 ) loaded = true;
}

function showMenu(id, event, imgsrc)
{


    if (visible==id)return false;
    if (document.getElementById && loaded)
    {

      if (bType==1 || bType==2 ){

        var obj = document.getElementById(sDivName+id);
        var img = document.getElementById(sImgName+id);

        imgdef = img.src;
       img.src = imgsrc

        if (! (obj && img)) return;
          obj.style.left = getPosX(img) -1 + 'px';
          obj.style.top  = getPosY(img) + 23 + 'px';

      }


      else {

      var obj = document.getElementById(sDivName+id);
      var img = document.getElementById(sImgName+id);
      if (! (obj && img)) return;

       obj.style.left = getPosX(img)-1 + 'px';
       obj.style.top  = getPosY(img)+ 23 + 'px';

       imgdef = img.src
       img.src = imgsrc
      }


          hideMenu(visible);
      obj.style.visibility = 'visible';
      visible=id;

          event.cancelBubble = true;
          return true;



    }
}


function hideAll(event)
{
    if (! (document.getElementById && loaded))return;
    var i=1;
    while (true)
    {
        if (document.getElementById)
        {
            var obj = document.getElementById(sDivName+i);
            if (obj)
            {
                obj.style.visibility = 'hidden';
                ++i;
            }
            else return;
        } else break;
    }
    visible=false;
}

function hideMenu(id, event)
{



    if (! (document.getElementById && loaded))return;
    if (document.getElementById && visible)
    {
        var divName= sDivName+id;
        var obj    = document.getElementById(divName);
        var img = document.getElementById(sImgName+id);
        var toObj  = null;

        switch(bType)
        {
            case 1: toObj = event.toElement; break;
            case 2: toObj = event.relatedTarget; break;
        }

        if (toObj != null)
        {
            var p= toObj.parentElement;
            while (p)
            {
                if (p.id == divName) return;
                p = p.parentElement;
            }
        }

        if (obj)
        {
            obj.style.visibility = 'hidden';


              img.src = imgdef


            visible=false;
        }
    }

}