var menulayer = new Array(0);
var menulayerCounter = 0;
var DivId;
var ButtonOverDivHidden;
var ButtonOverDivVisible;
var ButtonMenuDivHidden;
var ButtonMenuDivVisible;

for (a=0; a<Menu.length; a++)
	{
	  if (a==Group2) StartTop = StartTop+Delta2Group;
		document.write ("<div class='title' id='title1' onMouseOver=\"this.className='titleOver';\" onMouseOut=\"this.className='title';\" style='top: ");
		document.write (StartTop+(a*DeltaHeight));
		SideMenuTopValue = StartTop+(a*DeltaHeight);
		document.write ("px;z-index:9'>&nbsp;<a class='nav' onMouseOver=\"this.className='navOver';setlayervisible('submenu"+a+"');\"");
		if (Menu[a][1] == "#") PathString = ("#");
		else PathString = (GetString+Menu[a][2]+"&action="+Menu[a][1]);
		document.write ("');\" onMouseOut='this.className=\"nav\";' ");
    if(Menu[a][1].search("WindowType=NewWindow")>=0)
		{
      document.write(" target=_blank ");
    }
    document.write (" href='"+PathString+"'>"+Menu[a][0]+"</a></div>");
		if (Menu[a][3].length > 0)
			{	
				menulayer[menulayerCounter]='submenu'+a;
				menulayerCounter++;
				document.write ("<div class='submenu' id='submenu"+a+"' style='top: ");
				document.write (StartTop+(a*DeltaHeight));
				document.write ("px;z-index:99'><table width='100%' border=0 cellspacing=3 cellpadding=2 onmouseover='document.getElementById(\"submenu"+a+"\").style.visibility=\"visible\";' onMouseOut='document.getElementById(\"submenu"+a+"\").style.visibility=\"hidden\";'>");
				for (b=0; b<Menu[a][3].length; b=b+3)
					{
						document.write ("<tr><td height=20 class='subnav_admin' valign='middle'><a class='subnav_admin' onMouseOver='this.style.color=\"#990000\";'	onMouseOut=\'this.style.color=\"#000099\";' ");
						if(HTop[a][3][b+1]!=null)
            {
              if(HTop[a][3][b+1].search("WindowType=NewWindow")>=0)
  						{
                document.write(" target=_blank ");
              }
            }
            document.write (" href='");
						document.write (GetString+Menu[a][3][b+2]+"&action="+Menu[a][3][b+1]);
						document.write ("'>&nbsp;&nbsp;"+Menu[a][3][b]+"</a></td></tr>");
					}				
				document.write ("</table></div>");				
			}
	}
	
	
	
// alert(HTop[0][0]);
for (a=0; a<HTop.length; a++)
	{
// 	  DivId = HTop[a][2].slice(8);
    DivId = a;
    ButtonOverDiv = 'document.getElementById("ButtonOver'+DivId+'").style.visibility';
//     HomeOverDiv = 'document.getElementById("HomeButtonOverDiv").style.visibility';
    ButtonMenuDiv = 'document.getElementById("ButtonMenu'+DivId+'").style.visibility';
      
    if(a==0)
	  {
//       ButtonOverDiv = HomeOverDiv;
      document.write ("<div id='HomeButtonOut' class=toptitlehome onmouseover='"+ButtonOverDiv+"=\"visible\"; "+ButtonMenuDiv+"=\"visible\";'>");
		  document.write (HTop[a][0]);
		  document.write ("&nbsp;&nbsp;&nbsp;</div>");
		  document.write ("<div id='ButtonOver"+DivId+"' class=toptitleOverhome OnMouseOut='"+ButtonOverDiv+"=\"hidden\";"+ButtonMenuDiv+"=\"hidden\";'><a href='http://www.surprise-reisen.ch'>");
		  document.write (HTop[a][0]);
		  document.write ("&nbsp;&nbsp;&nbsp;</a></div>");
    }
    else
    {
//       DivId = HTop[a][2].slice(8);
//       alert(DivId);
      document.write ("<div class=toptitle id='ButtonOut"+DivId+"' style='left: ");
      document.write (22+(a*141));
      document.write ("px;' onmouseover='"+ButtonOverDiv+"=\"visible\"; "+ButtonMenuDiv+"=\"visible\"; HideAllOther("+DivId+");'>");
		  document.write (HTop[a][0]);
		  document.write ("</div>");
		  if (HTop[a][1] == "#") PathString = ("#");
		  else PathString = (GetString+HTop[a][2]+"&action="+HTop[a][1]);
		  document.write ("<div class=toptitleOver id='ButtonOver"+DivId+"' style='left: ");
      document.write (22+(a*141));
      document.write ("px;' OnMouseOut='"+ButtonOverDiv+"=\"hidden\"; "+ButtonMenuDiv+"=\"hidden\"'>");
		  document.write (HTop[a][0]);
		  document.write ("</div>");
    }
//     alert(HTop[a][3].length);
    if (HTop[a][3].length > 0)
			{	
				document.write ("<div id='ButtonMenu"+DivId+"' style='position:absolute;visibility:hidden; width:126px; z-index:100; left: ");
        document.write (27+(a*141));
        document.write ("px; top: 107px;' onMouseOut='"+ButtonOverDiv+"=\"hidden\"; "+ButtonMenuDiv+"=\"hidden\"' onMouseOver='"+ButtonOverDiv+"=\"visible\"; "+ButtonMenuDiv+"=\"visible\"'>");
        document.write ("<table style='border: 0px solid black;'' cellpadding='2' cellspacing='0' width='126'><tr bgcolor=#000000><td>&nbsp;</td></tr>");
				for (b=0; b<HTop[a][3].length; b=b+3)
					{
						document.write ("<tr bgcolor=#CCCCCC  onmouseover='setPointer(this, \"2\", \"over\", \"#CCCCCC\", \"#DDDDDD\", \"#FFFF00\");' onmouseout='setPointer(this, \"2\", \"out\", \"#CCCCCC\", \"#DDDDDD\", \"#FFFF00\");' onclick='setPointer(this, \"1\", \"click\", \"#CCCCCC\", \"#DDDDDD\", \"#FFFF00\");'><td><a class=nav ");
            if(HTop[a][3][b+1]!=null)
            {
              if(HTop[a][3][b+1].search("WindowType=NewWindow")>=0)
  						{
                document.write(" target=_blank ");
              }
            }
            document.write (" href='");
						document.write (GetString+HTop[a][3][b+2]+HTop[a][2]+"&action="+HTop[a][3][b+1]);
						document.write ("'>&nbsp;&nbsp;"+HTop[a][3][b]+"</a></td></tr>");
					}				
				document.write ("</table></div>");				
			}
	}

function HideAllOther(NotToHide)
{
  for (a=0; a<HTop.length; a++)
	{
    if(a!=NotToHide)
    {
      ButtonToHide = document.getElementById("ButtonOver"+a);
      ButtonToHide.style.visibility='hidden';
      MenuToHide = document.getElementById("ButtonMenu"+a);
      MenuToHide.style.visibility='hidden';
    }
  }
}

// <div id="Button1Div" style="position:absolute; z-index:5; text-align: left; padding: 4px 0px 0px 8px; left: 163px; top: 100px; width: 136px; height: 26px; background-image: url('/images/SurpriseButton.png');"
//      OnMouseOver="document.getElementById('Button1OverDiv').style.visibility='visible';
//                   document.getElementById('Button1Menu').style.visibility='visible';">
//   Reiseangebote
// </div>
// <div id="Button1OverDiv" style="position:absolute; z-index:101; text-align: left; padding: 4px 0px 0px 8px; left: 163px; top: 100px; width: 136px; height: 26px; visibility: hidden; background-image: url('/images/SurpriseButtonOver.png');" 
//      OnMouseOut="document.getElementById('Button1OverDiv').style.visibility='hidden';
//                  document.getElementById('Button1Menu').style.visibility='hidden';">
//   <a href="http://new.surprise-reisen.ch">Reiseangebote</a>
// </div>
// <div id="Button1Menu" style="position:absolute;visibility:hidden; width:126px; z-index:100; left: 168px; top: 107px;"
//           onMouseOut="document.getElementById('Button1Menu').style.visibility='hidden';
//                       document.getElementById('Button1OverDiv').style.visibility='hidden';"
//           onMouseOver="document.getElementById('Button1Menu').style.visibility='visible';
//                        document.getElementById('Button1OverDiv').style.visibility='visible';">
//    <table style="border: 0px solid black;" cellpadding="2" cellspacing="0" width="126">
//       <tr bgcolor=#000000><td>&nbsp;</td>
//       </tr>
//       <tr bgcolor=#CCCCCC onmouseover="setPointer(this, '1', 'over', '#CCCCCC', '#DDDDDD', '#FFCC99');" 
//                           onmouseout="setPointer(this, '1', 'out', '#CCCCCC', '#DDDDDD', '#FFCC99');"
//                           onclick="setPointer(this, '1', 'click', '#CCCCCC', '#DDDDDD', '#FFFF00');">
//           <td><a class=nav href="#">&nbsp;Übersicht</a></td>
//       </tr>
//       <tr bgcolor=#CCCCCC  onmouseover="setPointer(this, '2', 'over', '#CCCCCC', '#DDDDDD', '#FFCC99');" 
//                        onmouseout="setPointer(this, '2', 'out', '#CCCCCC', '#DDDDDD', '#FFCC99');"
//                        onclick="setPointer(this, '1', 'click', '#CCCCCC', '#DDDDDD', '#FFFF00');">
//          <td><a class=nav href="?action=tb_GeneralTravelList&SN=<?php print SESSION_NUMBER; ?>">&nbsp;Alle&nbsp;unsere&nbsp;Reisen</a></td>
//       </tr>
//       <tr bgcolor=#CCCCCC  onmouseover="setPointer(this, '3', 'over', '#CCCCCC', '#DDDDDD', '#FFCC99');" 
//                        onmouseout="setPointer(this, '3', 'out', '#CCCCCC', '#DDDDDD', '#FFCC99');"
//                        onclick="setPointer(this, '1', 'click', '#CCCCCC', '#DDDDDD', '#FFFF00');">
//          <td><a class=nav href="#">&nbsp;Ansprechpartner</a></td>
//       </tr>
//  </table>
// </div>
// 
// 
// 
// 
// <div id="Button2Div" style="position:absolute; z-index:5; left: 304px; top: 100px;"><img src="/images/SurpriseButton.png"></div>
// <div id="Button3Div" style="position:absolute; z-index:5; left: 445px; top: 100px;"><img src="/images/SurpriseButton.png"></div>
// <div id="Button4Div" style="position:absolute; z-index:5; left: 586px; top: 100px;"><img src="/images/SurpriseButton.png"></div>
// <div id="Button5Div" style="position:absolute; z-index:5; left: 727px; top: 100px;"><img src="/images/SurpriseButton.png"></div>



function setlayervisible(nmlayer)
{
      if (document.layers) {
        visible = 'show';
        hidden = 'hide';
      }
      else {
        visible = 'visible';
        hidden = 'hidden';
      }

      for (a=0; a<menulayer.length; a++){
        if (document.getElementById(menulayer[a])){
          if (menulayer[a]==nmlayer) document.getElementById(menulayer[a]).style.visibility='visible';
          else document.getElementById(menulayer[a]).style.visibility='hidden';
        }
      }
}