var bilder = new Array("images/layout/bg_submenu_left_top.gif","images/layout/bg_submenu_bottom.gif","images/layout/bg_submenu_left.gif", "images/layout/bg_submenu_left_bottom.gif", "images/layout/bg_submenu_right.gif", "images/layout/bg_submenu_right_bottom.gif", "images/layout/bg_submenu_right_top.gif");
var bild = new Array();
for (var i=0;i<bilder.length;i++)
{
  bild[i] = new Image();
  bild[i].src = bilder[i];
}

var old;
var memold;
var mctrl=0;
var gesamtMenueZahl = 0;

function schreibeUntermenue(index,unterpunkte,links, titles)
{
  if (document.getElementById || document.all)
  {
    var top=8,left=0;
    var n,elementKnoten;

    if(document.getElementById)
                  elementKnoten = document.getElementById('menOben'+index);
                else
                  elementKnoten = document.all['menOben'+index];
                top += elementKnoten.offsetTop;
                top += elementKnoten.offsetHeight ? elementKnoten.offsetHeight : 10;
                left += elementKnoten.offsetLeft;
                while (elementKnoten = elementKnoten.offsetParent)
                {
                  top += elementKnoten.offsetTop;
                  left += elementKnoten.offsetLeft;
                }

    document.write("<div id=\"m" + index + "x\" style=\"position: absolute; left: " + left + "px; top: " + top + "px; visibility:hidden;\">");
    document.write("<table bgcolor=#ffcc66 cellspacing=0 cellpadding=0 border=0 onMouseOver=\"HighlightButton()\" onMouseOut=\"LowlightButton()\">\n<tr><td style=\"height: 3px; width: 3px; background: url(images/layout/bg_submenu_left_top.gif)\"></td><td></td><td style=\"height: 3px; width: 3px; background: url(images/layout/bg_submenu_right_top.gif)\"></td></tr>\n");
    for (n=0;n<unterpunkte.length;n++)
    {
      document.write("<tr>\n<td style=\"background :url(images/layout/bg_submenu_left.gif); repeat: y-repeat;\"></td><td valign=\"top\" style=\"padding-right: 5px;\">\
      &nbsp;<img src=\"images/layout/arrow.gif\" alt=\"\">&nbsp;\
      <A href=\"" + links[n] + ".html\" title=\"" + titles[n] + "\" class=\"navigation\" onMouseOver=\"HighlightButton()\" onMouseOut=\"LowlightButton()\">"
      + unterpunkte[n] + "</A></td>\<td style=\"background: url(images/layout/bg_submenu_right.gif); repeat: y-repeat;\"></td></tr>");
    }
    document.write("<tr><td style=\"height: 3px; background: url(images/layout/bg_submenu_left_bottom.gif)\"></td><td style=\"background: url(images/layout/bg_submenu_bottom.gif)\"></td><td style=\"background: url(images/layout/bg_submenu_right_bottom.gif)\"></td></tr></table>\n</div>");
    gesamtMenueZahl++;
  }
}

function HighlightButton()
{
  mctrl++;
}

function LowlightButton()
{
  delayed_out();
}

function show_layer(x)
{
  if(document.getElementById && document.getElementById(x))
    document.getElementById(x).style.visibility="visible";
  else
    if(document.all && document.all[x])
      document.all[x].style.visibility="visible";
}

function delayed_close(x)
{
  if (mctrl==x)
    do_out();
}

function delayed_out()
{
  mctrl++;
  setTimeout('delayed_close('+ mctrl + ')',300);
}

function hide_layer(x)
{

  if(document.getElementById && document.getElementById(x))
    document.getElementById(x).style.visibility="hidden";
  else
   if(document.all && document.all[x])
     document.all[x].style.visibility="hidden";
  delayed_out(x);
}

function do_check(x)
{
  if(old && old!=x)
    hide_layer(old);
  show_layer(x);
  old=x;
  mctrl++;
}

function do_out()
{
  for (var i=0;i<gesamtMenueZahl;i++)
    hide_layer("m"+i+"x");
  memold=old;
  old="";
  mctrl=0;
}