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;
var firstmenu = 0;

function ShowMenu(id) {
  if (firstmenu != 0) { HideMenu(firstmenu); }
  if (lastmenu != 0) HideMenu(lastmenu);
  lastmenu = id;
  layer(id+"_submenu").style.display = "block";
  layer(id+"_div").style.background = "#f4791e";
  layer(id+"_div").style.color = "#fff";
}

function HideMenu(id) {
/*if (id != '') {
  layer(id+"_submenu").style.display = "block";
  layer(id+"_div").style.background = "#f4791e";
  layer(id+"_div").style.color = "#fff";
}
else {*/
  layer(id+"_submenu").style.display = "none";
  layer(id+"_div").style.background = "none";
  layer(id+"_div").style.color = "#5e5e5e";
  lastmenu = 0;
//}
  if (firstmenu!=0 && firstmenu!=id && firstmenu!=lastmenu) { ShowMenu(firstmenu); }
}

function mousemove(e) {
  if (lastmenu != 0 && (firstmenu == 0 || firstmenu!=lastmenu)) {
    var l = layer(lastmenu+"_submenu");
    var realx = 0;
    var realy = -40;

    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;
    }
    if ((mousex < realx) || (mousex > realx + l.offsetWidth) || (mousey < realy) || (mousey > realy + l.offsetHeight + 40)) HideMenu(lastmenu);
  }
}

function Init(id) {
  document.onmousemove=mousemove;
 if(id != undefined && id != '') {
  layer(id+"_submenu").style.display = "block";
  layer(id+"_div").style.background = "#f4791e";
  layer(id+"_div").style.color = "#fff";
  firstmenu = id;
 }
}