var gNavName = new Array;
var gNavWidth = new Array;
var gNavURL = new Array;
var gHoverIndex = -1;
var gTableWidth = 750;
var gMaxWidth = 550;

gNavName[0] = 'index';
gNavWidth[0] = 41;
gNavURL[0] = '';
gNavName[1] = 'myticker';
gNavWidth[1] = 64;
gNavURL[1] = 'myticker.htm';
gNavName[2] = 'technik';
gNavWidth[2] = 56;
gNavURL[2] = '';
gNavName[3] = 'faq';
gNavWidth[3] = 30;
gNavURL[3] = '';
gNavName[4] = 'agb';
gNavWidth[4] = 30;
gNavURL[4] = '';
gNavName[5] = 'impressum';
gNavWidth[5] = 78;
gNavURL[5] = '';
gNavName[6] = 'kontakt';
gNavWidth[6] = 55;
gNavURL[6] = '';


function WriteNavigation(pActiveIndex)
{
  var vSumWidth = 0;
  var vSpacerWidth;
  
  for (var vIndex = 0; vIndex < gNavName.length; vIndex++)
  {
    vSumWidth += gNavWidth[vIndex];
  }
  
  vSpacerWidth = (gMaxWidth - vSumWidth) / (gNavName.length - 1);
  vSpacerWidth = vSpacerWidth.toFixed(0);    
  
  with(document)
  {
    write("<table width='" + gTableWidth + "' cellpadding='0' cellspacing='0' border='0'>");
    write("<tr>");

    for (var vIndex = 0; vIndex < gNavName.length; vIndex++)
    {

      write("<td>");
    
      if (vIndex == pActiveIndex)
      {
        write("<img name='nav_imgid_" + vIndex + "'");
        write(" src='images/nav/nav_" + gNavName[vIndex] + "_active.gif'"); +
        write(" border='0' alt=''>");
      }
      else
      {
        write("<a href='");
        if (gNavURL[vIndex] != '')
        {
          write(gNavURL[vIndex] + "' target='_blank'>");
        }
        else
        {
          write(gNavName[vIndex] + ".htm'>");
        }
        write("<img name='nav_imgid_" + vIndex + "'");
        write(" src='images/nav/nav_" + gNavName[vIndex] + ".gif'"); +
        write(" onMouseover='ShowHover(" + vIndex + ")'");
        write(" onMouseout='ShowNormal(" + vIndex + ")'");
        write(" border='0' alt=''>");
        write("</a>");
      }

      write("</td>");
      
      if (vIndex == gNavName.length - 1)
      {
        var lDiff = gMaxWidth - vSumWidth - (vSpacerWidth * (gNavName.length - 1))
        var lNewSpacer = parseInt(vSpacerWidth) + lDiff; 
        vSpacerWidth = lNewSpacer;
      }
      
      if (vIndex < gNavName.length - 1)
      {
        write("<td width='" + vSpacerWidth + "'>");
        write("<img src='images/void.gif' width='" + vSpacerWidth + "' height='1'"); +
        write("</td>");
      }      

    }

    write("<td width='" + (gTableWidth - gMaxWidth) + "'>");
    write("<img src='images/void.gif' width='" + (gTableWidth - gMaxWidth) + "' height='1'"); +
    write("</td>");

    
    write("</tr>");
    write("</table>");
    
  }
}


function ShowHover(pHoverIndex)
{
  if (gHoverIndex != -1 && gHoverIndex != pHoverIndex)
  {
    ShowNormal(gHoverIndex);
  }
  gHoverIndex = pHoverIndex;
  eval('document.nav_imgid_' + pHoverIndex + '.src="images/nav/nav_' + gNavName[pHoverIndex] + '_hover.gif"');
}

function ShowNormal(pHoverIndex)
{
  gHoverIndex = -1;
  eval('document.nav_imgid_' + pHoverIndex + '.src="images/nav/nav_' + gNavName[pHoverIndex] + '.gif"');
}