var dbg = 0;
var dbgAlert = 0;

var naviImgOn = new Image();
naviImgOn.src = "navigif/hds_nav_pfeil.gif";
var naviImgOff = new Image();
naviImgOff.src = "navigif/hds_nav_punkt.gif";

function isNS4()
{
   return ( document.layers ? true : false );
}

function detectBrowser()
{

  var strBrowser = navigator.appName;
  var strVersion = navigator.appVersion;
  // alert( "Browser = " + strBrowser + " , Version = " + strVersion );
  var intPos;
  var intVersion;

  if ( strBrowser.indexOf( "Microsoft" ) >= 0 )
  {
    intPos = strVersion.indexOf( "MSIE" );
    if ( intPos >= 0 && strVersion.indexOf( "Macintosh" ) < 0 )
    {
      intPos = intPos + 5;
    }
    else
    {
      intPos = 0;
    }
    strVersion = strVersion.substring( intPos, strVersion.length );
    intVersion = parseInt( strVersion );
    strBrowser = "IE" + intVersion;
  }
  else
  {
    intVersion = parseInt( strVersion );
    strBrowser = "NS" + intVersion;
  }
  // alert( "browser = " + strBrowser );
  return strBrowser;
}

function highlightSub( activeMain, activeSub )
{
  strBrowser = detectBrowser();
  switch( strBrowser )
  {
    case "NS4":
      /*
      lyr = "Main" + activeMain + "Sub" + activeSub;
      document.layers[lyr].document.writeln( "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">" );
      document.layers[lyr].document.writeln( " <tr>" );
      document.layers[lyr].document.writeln( "  <td width=\"121\" class=\"menSub\"><a href=\"" + navi.navMain[activeMain].navSub[activeSub].href + "\" target=\"_top\" id=\"LinkMain" + activeMain + "Sub" + activeSub + "\" style=\"color: #ffffff; text-decoration: none;\">" + navi.navMain[activeMain].navSub[activeSub].name + "</a></td>" );
      document.layers[lyr].document.writeln( "  <td width=\"10\" style=\"background-color: #ffaa3f;\"><spacer type=\"block\" width=\"10\" height=\"20\"></td>" );
      document.layers[lyr].document.writeln( " </tr>" );
      document.layers[lyr].document.writeln( "</table>" );
      */
      break;
    case "IE4":
      aSub = eval( "document.all.LinkMain" + activeMain + "Sub" + activeSub + ".style" );
      aSub.color = "#ffffff";
      break;
    default:
      aSub = document.getElementById( "LinkMain" + activeMain + "Sub" + activeSub ).style;
      aSub.color = "#ffffff";
      break;
  }
}


function alertLayer( p_layer ) {
    if ( dbgAlert )
    alert( "layer = " + p_layer +
           "\nlayer name = " + p_layer.name +
           "\nlayer visibility = " + p_layer.visibility +
           "\nlayer top = " + p_layer.top );
}

function alertImage( p_image ) {
    if ( dbgAlert )
    alert( "Image = " + p_image +
         "\nImage Name = " + p_image.name +
         "\nImage Src  = " + p_image.src );
}



function getTop( layer ) {
   return ( ( layer.offsetParent ) ?  layer.offsetTop + getTop( layer.offsetParent )
                                   :  layer.offsetTop );
}

function getLeft( layer ) {
   return ( ( layer.offsetParent ) ?  layer.offsetLeft + getLeft( layer.offsetParent )
                                   :  layer.offsetLeft );
}

function init( activeMain, activeSub )
{
   // alert( "init started ..." );
   var i = 0;
   var ii = 0;

   var intTop = 30;
   var intLeft = 60;

   var intMainHeight = 23;
   var intSubHeight = 15;

   var lyr;
   var img;
   var strBrowser;

   strBrowser = detectBrowser();

   switch( strBrowser ) {
      case "NS4":
         document.layers.navigation.visibility = "hidden";
         intTop  = document.layers.navigation.pageY;
         intLeft = document.layers.navigation.pageX;
         break;

   }

   for ( i = 0; navi.navMain[i]; i++ )
   {
      toBeShown = ( i == activeMain || ( activeMain < 0 && i < 2 ) );
      switch( strBrowser )
      {
         case "NS4":
            lyr = eval( "document.layers.Main" + i );
             img = eval( "lyr.document.images.imgMain" + i );
            break;
         case "IE4":
            lyr = eval( "document.all.Main" + i + ".style" );
            img = eval( "document.images.imgMain" + i );
            break;
         default:
            lyr = document.getElementById( "Main" + i ).style;
            img = document.getElementById( "imgMain" + i );
            break;
      }



      lyr.top        = intTop;
      lyr.left       = intLeft;
      lyr.visibility = "visible";

      img.src = toBeShown ? naviImgOn.src : naviImgOff.src;

      intTop = intTop + intMainHeight;


      for ( ii = 0; navi.navMain[i].navSub[ii]; ii++ )
      {
         switch( strBrowser )
         {
            case "NS4":
              lyr = eval( "document.layers.Main" + i + "Sub" + ii );
              break;
            case "IE4":
              lyr = eval( "document.all.Main" + i + "Sub" + ii + ".style" );
              break;
            default:
              lyr = document.getElementById( "Main" + i + "Sub" + ii ).style;
              break;
         }
         if ( toBeShown ) {
            lyr.top        = intTop;
            lyr.left       = intLeft;
            lyr.visibility = "visible";
            intTop = intTop + intSubHeight;
         } else {
            lyr.visibility = "hidden";
         }
      }
   }

   switch( strBrowser )
   {
      case "NS4":
         lyr = eval( "document.layers.Subline" );
         break;
      case "IE4":
         lyr = eval( "document.all.Subline.style" );
         break;
      default:
         lyr = document.getElementById( "Subline" ).style;
         break;
   }
   if ((i == 0 && ii == 1) || (i == 1 && ii == 1) || (i == 2 && ii == 3) || (i == 3 && ii == 4) || (i == 4 && ii == 1) || (i == 5 && ii == 1) || (i == 6 && ii == 2) || (i == 7 && ii == 3))
     {intSubHeight = 19} else {intSubHeight = 15};
   lyr.top        = intTop;
   lyr.left       = intLeft;
   lyr.visibility = "visible";

   if ( activeSub >= 0 ) highlightSub( activeMain, activeSub );
}