var ie = (document.all) ? true : false;


function layer(layerName) {
    if(document.getElementById) return document.getElementById(layerName)
    if(document.all) return document.all[layerName]
    if(document.layers) return document.layers[layerName]
    return null
}

var lastmenu = 0;

function ShowMenu(id) {
  if (lastmenu != 0) HideMenu();
  lastmenu = id;
  layer("sub"+id).style.display = "block";
  layer("mdiv"+id).style.background = "#22734E";
}

function HideMenu() {
  layer("sub"+lastmenu).style.display = "none";
  layer("mdiv"+lastmenu).style.background = "";
  lastmenu = 0;
}


function mousemove(e) {
  if (lastmenu != 0) {
    var l = layer("sub"+lastmenu);
    var realx = 0;
    var realy = 0;

    var l2 = l;
    while (l2 != document.body) {
     realx += l2.offsetLeft;
     realy += l2.offsetTop;
     l2 = l2.offsetParent;
    }

    var mousex;
    var mousey;
    if (ie) {
      mousex = document.body.scrollLeft+event.clientX;
      mousey = document.body.scrollTop+event.clientY;
    } else {
      mousex = document.body.scrollLeft+e.pageX;
      mousey = document.body.scrollTop+e.pageY;
    }
//    alert("top=" + realy + "; left=" + realx + "; width=" + l.offsetWidth + "; height=" + l.offsetHeight);
//    alert("top=" + mousey + "; left=" + mousex);
    if ((mousex < realx) || (mousex > realx + l.offsetWidth) || (mousey < realy) || (mousey > realy + l.offsetHeight)) HideMenu();
  }
}

function Init() {
  document.onmousemove=mousemove;
}