var browserType;

if (document.layers) {browserType = "nn4"}
if (document.all) {browserType = "ie"}
if (window.navigator.userAgent.toLowerCase().match("gecko")) {browserType= "gecko"}

function hide(number) {
  if (browserType == "gecko" )
     document.poppedLayer = eval('document.getElementById(\''+number+'\')');
  else if (browserType == "ie")
     document.poppedLayer = eval('document.all[\''+number+'\']');
  else
     document.poppedLayer = eval('document.layers[\''+number+'\']');
  document.poppedLayer.style.visibility = "hidden";
}

function show(number) {
  //alert('document.all[\''+number+'\']');
  if (browserType == "gecko" )
     document.poppedLayer = eval('document.getElementById(\''+number+'\')');
  else if (browserType == "ie")
     document.poppedLayer = eval('document.all[\''+number+'\']');
  else
     document.poppedLayer = eval('document.layers[\''+number+'\']');
  document.poppedLayer.style.visibility = "visible";
}
 
function generateButton(label, cssExtension, link) { 
  // cssExtension = "" | "Active"  if active or inactive button
  // label = button label
  // link = href link, if none link is disabled
  document.write('  <table border="0" cellspacing="0" cellpadding="0">');
  document.write('<tr> ');
  document.write('  <td width="1" height="1"></td>');
  document.write('  <td width="1" height="1"></td>');
  document.write('  <td height="1" width="7" class="tab'+cssExtension+'ColorLight"></td>');
  document.write('  <td height="1" class="tab'+cssExtension+'ColorLight"></td>');
  document.write('  <td height="1" width="7" class="tab'+cssExtension+'ColorLight"></td>');
  document.write('  <td width="1" height="1"></td>');
  document.write('  <td width="2" height="1"></td>');
  document.write('</tr>');
  document.write('<tr> ');
  document.write('  <td width="1" height="1"></td>');
  document.write('  <td width="1" height="1" class="tab'+cssExtension+'ColorLight"></td>');
  document.write('  <td height="1" width="7" class="tab'+cssExtension+'Color"></td>');
  document.write('  <td height="1" class="tab'+cssExtension+'Color"></td>');
  document.write('  <td height="1" width="7" class="tab'+cssExtension+'Color"></td>');
  document.write('  <td width="1" height="1" class="tabColorDark"></td>');
  document.write('  <td width="2" height="1"></td>');
  document.write('</tr>');
  document.write('<tr> ');
  document.write('  <td height="2" class="tab'+cssExtension+'ColorLight"></td>');
  document.write('  <td height="2" class="tab'+cssExtension+'Color"></td>');
  document.write('  <td height="2" width="7" class="tab'+cssExtension+'Color"></td>');
  document.write('  <td height="2" class="tab'+cssExtension+'Color"></td>');
  document.write('	<td height="2" width="7" class="tab'+cssExtension+'Color"></td>');
  document.write('  <td height="2" class="tab'+cssExtension+'Color"></td>');
  document.write('  <td height="2" class="tabColorDark"></td>');
  document.write('</tr>');
  document.write('<tr> ');
  document.write('  <td class="tab'+cssExtension+'ColorLight"></td>');
  document.write('  <td class="tab'+cssExtension+'Color"></td>');
  document.write('  <td width="7" class="tab'+cssExtension+'Color"></td>');
  document.write('  <td class="tab'+cssExtension+'Color"> ');
  if (link !="") {
    document.write('    <div align="center" nowrap class="tab'+cssExtension+'ColorText"><font class="tabTextFormat"><a href="'+link+'" class="tab'+cssExtension+'ColorText" onMouseOver="window.status=\''+label+'\'; return true;" onMouseOut="window.status=\' \'">'+label+'</a></font></div>');  
  } else {
    document.write('    <div align="center" nowrap class="tab'+cssExtension+'ColorText"><font class="tabTextFormat">'+label+'</font></div>');
  }
  document.write('  </td>');
  document.write('  <td width="7" class="tab'+cssExtension+'Color"></td>');
  document.write('  <td class="tab'+cssExtension+'Color"></td>');
  document.write('  <td class="tabColorDark"></td>');
  document.write('</tr>');
  document.write('<tr> ');
  document.write('  <td height="4" class="tab'+cssExtension+'ColorLight"></td>');
  document.write('  <td height="4" class="tab'+cssExtension+'Color"></td>');
  document.write('  <td height="4" class="tab'+cssExtension+'Color"></td>');
  document.write('  <td height="4" class="tab'+cssExtension+'Color"></td>');
  document.write('	<td height="4" class="tab'+cssExtension+'Color"></td>');
  document.write('  <td height="4" class="tab'+cssExtension+'Color"></td>');
  document.write('  <td height="4" class="tabColorDark"></td>');
  document.write('</tr>');
  document.write('</table>');
}
function generateTabBar(numberOfTabBarInPage, tabBarContent, isDocInReadMode, pixelAwayFromLeftBorder) {
  // Feld muss im Lesemodus anderen Namen haben, da ein hidden field am Ende generiert wird, vorheriges überschreibt
  if (isDocInReadMode) document.write('<input type="hidden" name="activeTabBar'+numberOfTabBarInPage+'Read" value="">');
  arrayLength = tabBarContent.length;
  //alert(arrayLength);
  for (var i=0; i < arrayLength; i++) {   				// Menge der Navigationsreiter
    											//generate button (i is active button)
    											//example: tabBar1General
    if (i==0) document.write('<div id="tabBar'+numberOfTabBarInPage+tabBarContent[i]+'Nav" style="position:absolute; left:'+pixelAwayFromLeftBorder+'px; visibility:visible; z-index:1">')
    else document.write('<div id="tabBar'+numberOfTabBarInPage+tabBarContent[i]+'Nav" style="position:absolute; left:'+pixelAwayFromLeftBorder+'px; visibility:hidden; z-index:1">')
    document.write('<table border="0" cellspacing="0" cellpadding="0"><tr>');
    for (var k=0; k < arrayLength; k++) {
      document.write('<td>');
      if (k==i) {    // wenn Aktiver Reiter generiert werden soll...
        if ((k==i)&&(k==0)) {                                          // Wenn der erste Reiter generiert wird diesen als Startwert
          form = document.tab;
          if (isDocInReadMode) fieldActiveTabBar = eval('form.elements["activeTabBar"+numberOfTabBarInPage+"Read"]');
          else fieldActiveTabBar = eval('form.elements["activeTabBar"+numberOfTabBarInPage]');
          fieldActiveTabBar.value='tabBar'+numberOfTabBarInPage+tabBarContent[k];
          //alert(fieldActiveTabBar.value);          
        }
        generateButton( tabBarContent[k], 'Active', '');
      } else {  //normaler Reiter
        generateButton(tabBarContent[k], '', 'javascript:activateTab(\''+numberOfTabBarInPage+'\', \'tabBar'+numberOfTabBarInPage+tabBarContent[k]+'\', '+isDocInReadMode+'); ');
      } // end if (k==i)
      document.write('</td>');
    } // end for (Tabs des Reiters)
    document.write('</tr></table></div>');
  } //end for (Reiterkombinationen)
  document.write('<div style="visibility:hidden"><script LANGUAGE="JavaScript">generateButton("NULL", "NULL", "NULL");</script></div>');
}
function activateTab(numberOfTabBarInPage, name, isDocInReadMode) {
   // verberge aktuelle Tabelle
   form = document.tab;
   if (isDocInReadMode) fieldActiveTabBar = eval('form.elements["activeTabBar"+numberOfTabBarInPage+"Read"]');
                   else fieldActiveTabBar = eval('form.elements["activeTabBar"+numberOfTabBarInPage]');
   //alert('form.elements["activeTabBar'+numberOfTabBarInPage+'"]');
   //alert('Jetziges '+fieldActiveTabBar.value) 
   // verberge aktuellen Reiter
   hide(fieldActiveTabBar.value+'Nav');
   hide(fieldActiveTabBar.value);
   // zeige Tabelle
   // zeige passenden Reiter
   fieldActiveTabBar.value=name;
   //alert ('Neues: '+fieldActiveTabBar.value);
   show(fieldActiveTabBar.value+'Nav');
   show(fieldActiveTabBar.value);
  
}