var occupied_header = new Array();
var occupied_menu = new Array();
var occupied_sub = new Array();

for(i=1;i<=17;i++) {
 occupied_header[i] = 0;
 occupied_menu[i] = 0; 
 occupied_sub[i] = 0; 
}

function CreateLayer(text, id, parent) {
 if(document.getElementById) {
    t=0;
    l=0;
    var str="<div id=smenu" + id + " style=\"position:absolute;top:" + t + ";left:" + l + ";visibility:hidden;width:100px;filter:alpha(opacity=90);z-index: 100;\"  OnMouseOver=\"occupied_sub[" + parent + "]=1;occupied_menu[" + id + "]=1;\" onmouseout=\"occupied_sub[" + parent + "]=0; Turn('" + parent + "',0); Turn('" + id + "',0); occupied_menu[" + id + "]=0;\">" + text + "</div>";
    document.write(str);
 }
}


function relPosX(which) 
{
 if(document.getElementById) {
   var elem = document.getElementById(which); 
   var pos = elem.offsetLeft;
   while (elem.offsetParent != null) {
      elem = elem.offsetParent;
      pos += elem.offsetLeft;
      if (elem.tagName == 'BODY') break;
   } 
 }
 return pos;
}


function relPosY(which) 
{
 if(document.getElementById) {
    var elem = document.getElementById(which);
    var pos = elem.offsetTop;
    while (elem.offsetParent != null) {
      elem = elem.offsetParent;
      pos += elem.offsetTop;
      if (elem.tagName == 'BODY') break;
    }
 }
    return pos;
}


 
function Turn(id, mode) {
 if(document.getElementById || document.all) {
  if(mode)
   eval("setTimeout(\"On(" + id + ", " + mode + ");\",500)");
  else {
   eval("setTimeout(\"Off(" + id + ", " + mode + ");\",500)");
   }
 }
}

 function On(id, mode){
  if(occupied_header[id])
  if(document.getElementById) {
    left1=relPosX('menu'+id);
    top1=relPosY('menu'+id);
    width1=document.getElementById('menu'+id).offsetWidth;
    height1=document.getElementById('menu'+id).offsetHeight;
    height2=document.getElementById('smenu'+id).offsetHeight;
    left2=left1;
    top2=top1-height2-6;
    document.getElementById('smenu' + id).style.top = top2;
    document.getElementById('smenu' + id).style.left = left2;
    document.getElementById('smenu' + id).style.width = width1;
    document.getElementById('smenu'+id).style.visibility = "visible";
  }
 }
 
 function Off(id, mode){
  if(!occupied_menu[id] && !occupied_header[id] && !occupied_sub[id])
  if(document.getElementById)
    document.getElementById("smenu" + id).style.visibility = "hidden";
 }