// 20.09.02 mb: Navigation ergänzt:
//              Alle PopUp-Menüebenen sind jetzt klickbar

posX = 0;
posY = 0;


function init_navigation() {
   if (navigator.appName == "Netscape") {
       document.getElementById("SubLink").addEventListener("mousemove", handleBereichMove, true);
   }
}

function handleBereichMove(ev) {
    if (document.getElementById("Sub0").style.visibility != "visible") {
       posX = 10; //ev.clientX;
	   posY = ev.clientY + 5;

	   OpenSub0( true );
	}
}


function OpenSub0( callByEvent )
  {
  if (navigator.appName != "Netscape") {
     posX = window.event.clientX - window.event.offsetX;
     posY = window.event.clientY - window.event.offsetY + 20;
  }
  else {
     if (!callByEvent) return;
  }

  document.getElementById("Sub0").style.visibility = "visible";
  
  
  document.getElementById("Sub0").style.left = posX;
  document.getElementById("Sub0").style.top  = posY;
  document.getElementById("Sub1").style.left = posX + 172;
  document.getElementById("Sub1").style.top  = posY;
  document.getElementById("Sub2").style.left = posX + 172 * 2;
  document.getElementById("Sub2").style.top  = posY;
  HTML = "<table width=\"180\""
       + " bgcolor=\"#b0b6c7\""
       + " style=\"border-style:outset; border-width:2px\">";

  for( i=0; i<menu.length; i++ )
    {
    HTML = HTML
         + "<tr><td onMouseOver=\"OpenSub1(" + i + ");\">"
         + "<a class='navigation' id='lnk_" + i + "'"
         +   " href='" + url[i] + "'>"
         + menu[i] + "</a></td></tr>";
    }
  HTML = HTML + "</table>";

  document.getElementById("Sub0").innerHTML = HTML;
  document.getElementById("Sub0").style.visibility = "visible";
  }

function OpenSub1( Nr )
  {
  document.getElementById("Sub1").style.visibility = "hidden";

  CloseSub2();

  if(menu1[Nr])
    {
    <!-- Navigationspfad im PullDown-Menue darstellen -->
    for( i=0; i<menu.length; i++ )
       {
       document.getElementById("lnk_" + i).className="navigation"; 
       }
    document.getElementById("lnk_" + Nr).className="selected";

    HTML = "<table width=\"180\""
         + " bgcolor=\"#b0b6c7\""
         + " style=\"border-style:outset; border-width:2px\">";

    for( i=0; i<menu1[Nr].length; i++ )
      {
      HTML = HTML
           + "<tr><td onMouseOver=\"OpenSub2(" + Nr + "," + i + ");\">"
           + "<a class='navigation' id='lnk_" + Nr + "_" + i + "'"
           +    "href='" + url1[Nr][i] + "'>"
           + menu1[Nr][i] + "</a></td></tr>";
      }
    HTML = HTML + "</table>";

    document.getElementById("Sub1").innerHTML = HTML;
    document.getElementById("Sub1").style.visibility = "visible";
    }
  }

function OpenSub2( Nr1, Nr2 )
  {
  document.getElementById("Sub2").style.visibility = "hidden";

  <!-- Navigationspfad im PullDown-Menue darstellen -->
  for( i=0; i<menu1[Nr1].length; i++ )
     {
     document.getElementById("lnk_" + Nr1 + "_" + i).className="navigation"; 
     }
  document.getElementById("lnk_" + Nr1 + "_" + Nr2).className="selected";

  if(menu2[Nr1][Nr2])
    {
    HTML = "<table width=\"220\""
         + " bgcolor=\"#b0b6c7\""
         + " style=\"border-style:outset; border-width:2px\">";

    for( i=0; i<menu2[Nr1][Nr2].length; i++ )
      {
      HTML = HTML + "<tr><td><a class='navigation' href='"
           + url2[Nr1][Nr2][i] +"'>"
           + menu2[Nr1][Nr2][i] + "</a></td></tr>";
      }
    HTML = HTML + "</table>";

    document.getElementById("Sub2").innerHTML = HTML;
    document.getElementById("Sub2").style.visibility = "visible";
    }
  }

function CloseSub1()
  {
  document.getElementById("Sub1").style.visibility = "hidden";
  }

function CloseSub2()
  {
  document.getElementById("Sub2").style.visibility = "hidden";
  }

function CloseMenus()
  {
  document.getElementById("Sub2").style.visibility = "hidden";
  document.getElementById("Sub1").style.visibility = "hidden";
  document.getElementById("Sub0").style.visibility = "hidden";
  }

document.onmouseup = CloseMenus;