var updateDate = "7.10.2010"

//========= ab hier bitte nichts mehr ändern !! =====================

//----- Netacspe ?
//var IE4 = (document.all)						? true:false;
//var NS4 = (document.layers) 				? true:false;
//var NS6 = (document.getElementById)	? true:false;

var giAktMenu = 0;            // aktuelle Menüzeile
var giAktUMenu = 0;           // aktuelle UnterMenüzeile

//------------------------------------------ Titel für UnterMenüs setzen

//-------------------------   Produkte
var sTitel_3_1 = "Pflanzungen"
var sTitel_3_2 = "Plätze <small>&</small> Wege"
var sTitel_3_3 = "Treppen <small>&</small> Podeste"
var sTitel_3_4 = "Teiche <small>&</small> Wasser"
var sTitel_3_5 = "Rollrasen"
var sTitel_3_6 = "Pflege"
var sTitel_3_7 = "Bäume fällen"
var sTitel_3_8 = "Zäune <small>&</small> Hecken"
var sTitel_3_9 = "Spielplätze"
//-------------------------   Kontakt
var sTitel_4_1 = "Anfahrt"
var sTitel_4_2 = "eMail-Formular"


hmMenuKOPF  = "<HTML>\n<HEAD>\n"
hmMenuKOPF += "<LINK REL=STYLESHEET HREF=" + "css/menu.css"
hmMenuKOPF += ">\n</HEAD>\n\n"
hmMenuKOPF += "<BODY background='menu.jpg'>\n"
//hmMenuKOPF += "<BODY>\n"
//hmMenuKOPF += "<BODY bgcolor=#ffce63 background='bilder/menu_HG.gif'>\n"
//hmMenuKOPF += "<p class=UnterMenu align='left'>\n<a href='javascript:top.hmKlickAufMenu(15,0,0)'>"
//hmMenuKOPF += "<img border=0 align=bottom src=Bilder/Zeile.gif width='70' height='12'>"


//----- Grafiken für Menütexte setzen
var graf_n = new Array();
var graf_p = new Array();
var graf_a = new Array();
graf_n[1] = new Image();  graf_n[1].src = "menu/startseite_n.gif";
graf_p[1] = new Image();  graf_p[1].src = "menu/startseite_p.gif";
graf_a[1] = new Image();  graf_a[1].src = "menu/startseite_a.gif";
graf_n[2] = new Image();  graf_n[2].src = "menu/firma_n.gif";
graf_p[2] = new Image();  graf_p[2].src = "menu/firma_p.gif";
graf_a[2] = new Image();  graf_a[2].src = "menu/firma_a.gif";
graf_n[3] = new Image();  graf_n[3].src = "menu/arbeiten_n.gif";
graf_p[3] = new Image();  graf_p[3].src = "menu/arbeiten_p.gif";
graf_a[3] = new Image();  graf_a[3].src = "menu/arbeiten_a.gif";
graf_n[4] = new Image();  graf_n[4].src = "menu/kontakt_n.gif";
graf_p[4] = new Image();  graf_p[4].src = "menu/kontakt_p.gif";
graf_a[4] = new Image();  graf_a[4].src = "menu/kontakt_a.gif";


var grafik_1n = setMenuGrafik(1, graf_n[1].src);
var grafik_1p = setMenuGrafik(1, graf_p[1].src);
var grafik_1a = setMenuGrafik(1, graf_a[1].src);
var grafik_2n = setMenuGrafik(2, graf_n[2].src);
var grafik_2p = setMenuGrafik(2, graf_p[2].src);
var grafik_2a = setMenuGrafik(2, graf_a[2].src);
var grafik_3n = setMenuGrafik(3, graf_n[3].src);
var grafik_3p = setMenuGrafik(3, graf_p[3].src);
var grafik_3a = setMenuGrafik(3, graf_a[3].src);
var grafik_4n = setMenuGrafik(4, graf_n[4].src);
var grafik_4p = setMenuGrafik(4, graf_p[4].src);
var grafik_4a = setMenuGrafik(4, graf_a[4].src);


//----- feste Grafiken setzen
var grafikAuf  = "<img border=0 align=middle src=gif/auf.gif width=16 height=21 alt=' zu '>";
var grafikZu   = "<img border=0 align=middle src=gif/zu.gif  width=16 height=21 alt=' auf '>";
var grafikTab  = "<img border=0 align=middle src=gif/tab.gif width=16 height=11>";
var grafik3x5  = "<img border=0 src=gif/3x3.gif width='3' height='5'>";

//----- Zustand der Pfeile
glMenuZustand = new Array(-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1);
glMenuZustand = new Array(-1,-1,-1,1,-1,-1,-1,-1,-1,-1,-1);



//===================================================== Seiten-Aufrufe mit zusätzlichem Menü
//==========================================================================================
function hmSeiteAnzeigen(xiEbene1, xiEbene2, xiEbene3, xsAnker)
{	hmShowSeite("klickAufSeite", xiEbene1, xiEbene2, xiEbene3, xsAnker)
}

//============================================== Seiten-Aufrufe mit nur einem Menü angezeigt
//==========================================================================================
function hmKlickAufMenu(xiEbene1, xiEbene2, xiEbene3)
{	hmShowSeite("einMenu", xiEbene1, xiEbene2, xiEbene3, "")
}


//==========================================================================================
//==========================================================================================//==========================================================================================//================================================================= Liste der Seiten-Aufrufe
//==========================================================================================
function hmShowSeite(xsMode, xiEbene1, xiEbene2, xiEbene3, xsAnker)
{
	//alert("showSeite");

  var bMenuAnzeigen = false;
  var iOldMenu  = giAktMenu;

  giAktMenu = xiEbene1;                      // neue aktuelle MenüZeile
	giAktUMenu = xiEbene2;                     // neue aktuelle UnterMenüZeile


  //--------------- muss das Memü neu angezeigt werden ?
  if (iOldMenu != giAktMenu)
    bMenuAnzeigen = true;

  if (glMenuZustand[xiEbene1] == -1)
    bMenuAnzeigen = true;

//  if (xsMode == "klickAufSeite")")")//    bMenuAnzeigen = false;

//  if (bMenuAnzeigen)
    hmMenuAnzeigen(xiEbene1, true, xsMode);

  //--------------- SeitenNummer zusammenbauen
  var sSeite = "" + xiEbene1;
  if (xiEbene2 >= 1) sSeite += "_" + xiEbene2;
  if (xiEbene3 >= 1) sSeite += "_" + xiEbene3;

  //--------------- Liste aller möglichen Seiten


	//alert(sSeite)

	switch(sSeite)
		{
		case "0":			parent.frameMain.location = "1_startseite.htm";				break;

		case "1":			parent.frameMain.location = "1_startseite.htm";				break;

		case "2":			parent.frameMain.location = "2_firma.shtml";					break;

		case "3":			parent.frameMain.location = "3_arbeiten.htm";					break;
		case "3_1":		parent.frameMain.location = "3_pflanzung.htm";				break;
		case "3_2":		parent.frameMain.location = "3_platz.htm";						break;
		case "3_3":		parent.frameMain.location = "3_treppe.htm";						break;
		case "3_4":		parent.frameMain.location = "3_wasser.htm";						break;
		case "3_5":		parent.frameMain.location = "3_rollrasen.htm";				break;
		case "3_6":		parent.frameMain.location = "3_pflege.htm";						break;
		case "3_7":		parent.frameMain.location = "3_baum.htm";							break;
		case "3_8":		parent.frameMain.location = "3_zaun.htm";							break;
		case "3_9":		parent.frameMain.location = "3_spielplatz.htm";				break;

		case "4":			parent.frameMain.location = "4_kontakt.htm";					break;
		case "4_1":		parent.frameMain.location = "4_anfahrt.htm";					break;
		case "4_2":		parent.frameMain.location = "4_email.htm";						break;

		case "9":			parent.frameMain.location = "9_sitemap.htm";					break;

		default:			parent.frameMain.location = "baustelle.htm";					break;
    }

	parent.frameMain.focus();

}


//==========================================================================================
//======================================================================== Menü neu aufbauen
//==========================================================================================
function hmMenuAnzeigen(xiNr, xbSeiteAnzeigen, xsMode)
{
//alert();

  //--------------- lokale Variablen
  var nr;
  var grafik;

  var saveZustand = glMenuZustand[xiNr];
	var sVorUntermenu  = '<table width="190" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left" valign="top" class="UnterMenu">'
	var sNachUntermenu = '</td> </tr> </table>'

  //------------------------ Menustruktur ändern, Unterkapitel her/weg
  if ( ! (xbSeiteAnzeigen && glMenuZustand[xiNr] == 1))
    glMenuZustand[xiNr] *= -1;


  //------------------------ falls nur das aktuelle Menü offen sein soll
  if (xsMode == "einMenu" || xsMode == "klickAufSeite")
  	{
//		for (i=0; i < glMenuZustand.length; ++i)
//			glMenuZustand[i] = -1;
		glMenuZustand[xiNr] = 1;
		}

  //------------------------ falls nur das aktuelle Menü offen sein soll
  if (xsMode == "start")
		glMenuZustand[xiNr] = -1;
		//alert(xiNr);

		//glMenuZustand[1] = -1;



	if (xsMode == "plusMinus")
		{
//		for (i=0; i < glMenuZustand.length; ++i)
//			glMenuZustand[i] = -1;
		glMenuZustand[xiNr] = saveZustand * -1;
  	}

  //--------------- "Übersicht" vor dem Menü
  var sSource = ''
	sSource += '<table width="162" border="0" cellspacing="0" cellpadding="0">'
	sSource += '  <tr><td align="right" class="Sitemap"><a href="javascript:top.hmKlickAufMenu(9,0,0)">&Uuml;bersicht</a></td></tr>'
	sSource += '</table>'
	sSource += '<img src="leer.gif" width="5" height="5"><br>'


  //--------------- Menü zusammensetzen, steht dann alles in "sSource"
	sSource += '<nobr><b>\n'

  //--------------- 1. Menü Zeile       = Startseite =
  nr = 1;
  grafik = (giAktMenu == nr) ? grafik_1a : grafik_1n;
  sSource += getPfeil(nr,1,false) + "<a href='javascript:top.hmKlickAufMenu(1,0,0)'" + grafik + "</a><br>\n";

  //--------------- 2. Menü Zeile       = unser Team =
  nr = 2;
  grafik = (giAktMenu == nr) ? grafik_2a : grafik_2n;
  sSource += getPfeil(nr,1,false) + "<a href='javascript:top.hmKlickAufMenu(2,0,0)'" + grafik + "</a><br>\n";

  //--------------- 3. Menü Zeile       = wir stellen her =
  nr = 3;
  grafik = (giAktMenu == nr) ? grafik_3a : grafik_3n;
  sSource += getPfeil(nr,1,true) + "<a href='javascript:top.hmKlickAufMenu(3,0,0)'" + grafik + "</a><br>\n";
  if (glMenuZustand[nr] == 1)
    {
		sSource += sVorUntermenu
    sSource += PfeilUntermenu(nr,1) + "<a href='javascript:top.hmKlickAufMenu(3,1,0)'>" + sTitel_3_1 + "</a><br>";
    sSource += PfeilUntermenu(nr,2) + "<a href='javascript:top.hmKlickAufMenu(3,2,0)'>" + sTitel_3_2 + "</a><br>";
    sSource += PfeilUntermenu(nr,3) + "<a href='javascript:top.hmKlickAufMenu(3,3,0)'>" + sTitel_3_3 + "</a><br>";
    sSource += PfeilUntermenu(nr,4) + "<a href='javascript:top.hmKlickAufMenu(3,4,0)'>" + sTitel_3_4 + "</a><br>";
    sSource += PfeilUntermenu(nr,5) + "<a href='javascript:top.hmKlickAufMenu(3,5,0)'>" + sTitel_3_5 + "</a><br>";
    sSource += PfeilUntermenu(nr,6) + "<a href='javascript:top.hmKlickAufMenu(3,6,0)'>" + sTitel_3_6 + "</a><br>";
    sSource += PfeilUntermenu(nr,7) + "<a href='javascript:top.hmKlickAufMenu(3,7,0)'>" + sTitel_3_7 + "</a><br>";
    sSource += PfeilUntermenu(nr,8) + "<a href='javascript:top.hmKlickAufMenu(3,8,0)'>" + sTitel_3_8 + "</a><br>";
    sSource += PfeilUntermenu(nr,9) + "<a href='javascript:top.hmKlickAufMenu(3,9,0)'>" + sTitel_3_9 + "</a><br>";
    sSource += sNachUntermenu
    }

  //--------------- 4. Menü Zeile       = SAMINA - Betten =
  nr = 4;
  grafik = (giAktMenu == nr) ? grafik_4a : grafik_4n;
  sSource += getPfeil(nr,1,true) + "<a href='javascript:top.hmKlickAufMenu(4,0,0)'" + grafik + "</a><br>\n";
  if (glMenuZustand[nr] == 1)
    {
		sSource += sVorUntermenu
    sSource += PfeilUntermenu(nr,1) + "<a href='javascript:top.hmKlickAufMenu(4,1,0)'>" + sTitel_4_1 + "</a><br>";
    sSource += sNachUntermenu
		sSource += sVorUntermenu
    sSource += PfeilUntermenu(nr,2) + "<a href='javascript:top.hmKlickAufMenu(4,2,0)'>" + sTitel_4_2 + "</a><br>";
    sSource += sNachUntermenu
    }

  sSource += "</b>\n";


//---------------------  Update Info und Fotos
hmMenuENDE  = "<p align='left' class='update'>letzte Änderung: <b>"
hmMenuENDE += "<script language='JavaScript'>document.write(top.updateDate); </script>"

var menubild = new Array();
menubild[1] = "m1.jpg";
menubild[2] = "m2.jpg";
menubild[3] = "m3.jpg";
menubild[4] = "m4.jpg";
menubild[5] = "m5.jpg";
menubild[6] = "m6.jpg";
menubild[7] = "m7.jpg";
menubild[8] = "m8.jpg";
var len = menubild.length
var start = (Math.ceil((len-1) * Math.random()))
if (start <= 0)  start = 1
if (start >= len)  start = len-1

var reihe1 = new Array()
var reihe2 = new Array(1)   // 1 leeren am Anfang rein machen
var wahl

for (var i = 0; i < len; i++) {	reihe1.push(i) }  // Liste mit gleicher Anz.erstellen
for (var i = 0; i < len; i++)											// Zufalls-Liste machen
{
	rlen = reihe1.length
	wahl = (Math.ceil((rlen-1) * Math.random()))
	reihe2.push(reihe1[wahl])
	reihe1.splice(wahl,1)
}
reihe2.splice(reihe2.length-1,1)     // die letzte ist die 0 und die muss wieder weg

for (var i = 1; i < len; i++)
{
	m = reihe2[i]
	hmMenuENDE += '<br><br><img src="grafik/menubilder/'+ menubild[m] +'" WIDTH="164" HEIGHT="110" border="0">'
}

hmMenuENDE += "</b></p>\n"
hmMenuENDE += "\n</BODY>\n</HTML>"



//alert(hmMenuENDE)
  //--------------------------- Menü neu ausgeben
  self.frameMenu.document.open();
  self.frameMenu.document.writeln(hmMenuKOPF);
  self.frameMenu.document.writeln(sSource);
  self.frameMenu.document.writeln(hmMenuENDE);
  self.frameMenu.document.close();

//alert (glMenuZustand)

}



//==========================================================================================
//================================================ setzt den Pfeil vor die UnterMenü Texte
//==========================================================================================
function PfeilUntermenu (xNr1, xNr2)
{
	if (giAktMenu == xNr1)
	{
		if (giAktUMenu == xNr2)
			return '<img src="gif/pfeilUMenu.gif" width="30" height="12">'
		else
			return '<img src="gif/Zeile.gif" width="30" height="6">'
	}
	else
		return '<img src="gif/Zeile.gif" width="30" height="6">'



}


//==========================================================================================
//================================================ setzt den Pfeil vor die MenüText-Grafiken
//==========================================================================================
function getPfeil (xiNr, xiEbenen, xbMitPfeil)
{
  sSource  = ""
  var i = 0;
  for (i = 1; i <= xiEbenen; i++)
    {
    if (i == xiEbenen && xbMitPfeil)           // wenn mit Pfeil
      {
      sSource += "<a href='javascript:top.hmMenuAnzeigen(" + xiNr + ", false, " + '"plusMinus"' + ")'>";
      if (glMenuZustand[xiNr] == -1)
        sSource += grafikZu;
      else
        sSource += grafikAuf;
      sSource += "</a>";
      }
    else                                       // Platzhalter, wie ein TAB
      sSource += grafikTab;
    }
  return sSource;
}



//==========================================================================================
//====================================== setzt den Aufruf für die MenüText-Grafiken zusammen
//==========================================================================================
function setMenuGrafik (xiNr, sGrafik)
{
  sObjName = '"Menu_' + xiNr + '", ' + xiNr
  sSource  = " onMouseOut='top.setMouseOut(" +sObjName+ ")'";
  sSource += " onMouseOver='top.setMouseOver(" +sObjName+ ")'>";
  sSource += "<img name='Menu_" +xiNr+ "' border=0 align=middle";
  sSource += " src='" +sGrafik+ "' width='154' height='21'>";

  return sSource
}

//==========================================================================================
//============================================ ändert die Grafik bei onMousOver / onMouseOut
//==========================================================================================
function setMouseOver (xObjName, xiNr)
{
  if (giAktMenu != xiNr)                                    // wenn nicht gerade aktuelle Zeile
      //alert(menu.document.images[xObjName].src)
      frameMenu.document.images[xObjName].src = graf_p[xiNr].src;
}

function setMouseOut (xObjName, xiNr)
{
  if (giAktMenu != xiNr)                                    // wenn nicht gerade aktuelle Zeile
      frameMenu.document.images[xObjName].src = graf_n[xiNr].src;
}


//==========================================================================================
//========================================== [intern] ======== Index für die Grafik bekommen
//==========================================================================================
function getImageIndex (xsImage)
{
  for (i=0; i<=(frameMenu.document.images.length); i++)
    {
    if (frameMenu.document.images[i].name == xsImage)
      return i;
    }
}

//==========================================================================================
//================================================================= öffnet die Sitemap-Seite
//==========================================================================================
function openSitemap ()
{
  parent.frameMain.location = "sitemap.htm";
}

//==========================================================================================
//===================================================================== öffnet neues Fenster
//==========================================================================================
function openWindow (sURL,iBreit,iHoch,iX,iY)
{
	if (iBreit > 0)
	{	if (iBreit > screen.width) iBreit = screen.width - 20;
		if (iHoch > screen.height) iHoch = screen.height - 40;
		var sSize  = "width=" + iBreit + ",height=" + iHoch
  			sSize +=",alwaysRaised=yes,titlebar=no,scrollbars=yes";
		fenster = open(sURL,"fenster",sSize);
		//fenster.focus();
		fenster.focus();
		if (iX > 0) fenster.moveTo(iX,iY);
	}
	else
	{	open(sURL,"");
	}
}


//==========================================================================================
//============================================================== macht die orange Trennlinie
//==========================================================================================
function trennLinie (xProz)
{
	frameMain.document.writeln("<hr color=#FBA34D height=2px width="+xProz+"% align=center>");
}

function helleLinie (xProz)
{
	frameMain.document.writeln("<hr color=#F3C293 height=2px width="+xProz+"% align=center>");
}


/*
//==========================================================================================
//============================================================= macht den Text der Fusszeile
//==========================================================================================
function fussZeile ()
{
  sSource  = '<div align="center"> <hr noshade>'
  sSource += '<div align="left"><font color="#FF9900"><a href="#start"><img src="Bilder/pfeil_hoch.gif" width="19" height="13" alt="zum Seitenanfang" border="0"></a></font></div>'
  sSource += '<div align="center" class="FussNote"><font color="#999999"><img src="Bilder/Logo_mini.gif" width="13" height="13"> <a href="frames.htm" target="_top">Manfred '
  sSource += 'Sch&auml;uble</a> Rickenbach</font><font color="#FF9900"><br> </font></div>'
  sSource += '</div> </div><br>'

  frameMain.document.writeln(sSource);
}


//==========================================================================================
//============================================================= Grafik mit MouseOverBild
//==========================================================================================
function setGrafik (xsName, xiNr, xsAnker, xsAlt)
{
	iNr    = xiNr + 20;					// die ersten 20 sind für MenüTasten

  switch(xsName)
  { //  die Grafik "TOP" aufrufen, nur die ersten 2 Parameter nötig
		case "top":
    {	graf_n[iNr] = new Image();  graf_n[iNr].src = "top_n.gif";
			graf_p[iNr] = new Image();  graf_p[iNr].src = "top_p.gif";
			sAnker = '#Start';
			sSize  = ' align="absmiddle" border=0 alt="nach oben"';
			break;
    }
		//  andere Grafiken aufrufen, alle Parameter nötig
    //  Name der Grafik= Name vom Obj.+ "_n.gif" bzw. "_p.gif"
    default:
    {	graf_n[iNr] = new Image();  graf_n[iNr].src = xsName + "_n.gif";
			graf_p[iNr] = new Image();  graf_p[iNr].src = xsName + "_p.gif";
			sAnker = xsAnker;
			sSize  = ' align="absmiddle" border=0 alt="' + xsAlt + '" ';
    	break;
		}
  }
	xsName = xsName + xiNr;
	sOver  =  'onMouseOut=top.mouseChange(1,"' + xsName + '",' + iNr + ') ';
	sOver += 'onMouseOver=top.mouseChange(2,"' + xsName + '",' + iNr + ') ';

  //sSource   = "<a href=" + sAnker + " ";
	sSource   = "<a href='" + sAnker + "' "'"'";
	sSource  += sOver + ">";
  sSource  += "<img src='" + graf_n[iNr].src + "'";
  sSource  += sSize + "name=" + xsName + "></a>";

  frameMain.document.writeln(sSource);

//		align="absmiddle" "middle" "texttop"  "top"
}

// gehört dazu, ändert die Grafik bei MouseBewegung
function mouseChange(xMode, xsName, xiNr)
{
  if (xMode == 1)		frameMain.document.images[xsName].src = graf_n[xiNr].src;
	else							frameMain.document.images[xsName].src = graf_p[xiNr].src;
}


//==========================================================================================
//============================================================= Eingabe prüfen
//==========================================================================================
function checkIntern ()
{
	sTitel_20_2 = frameMain.document.form1.intern.value;
	sText       = sTitel_20_1
//	if (sTitel_20_2 == sText || sTitel_20_2 == "ff2002")
	if (sTitel_20_2 == sText)
		hmSeiteAnzeigen(6,1,0,'');
	else
		hmSeiteAnzeigen(6,1,1,'');
}

function cancleIntern ()
{
	sTitel_20_2 = "cancle";
	hmSeiteAnzeigen(1,0,0,'');
}


//==========================================================================================
//============================================================= neu starten
//==========================================================================================

function startHomepage()
{
//	parent.location = "frames.htm"
}


//==========================================================================================
//============================================================= Eingabe prüfen
//==========================================================================================
function setTitel (xsTitel)
{
	titel.document.all.seitenTitel.innerText = xsTitel;
}
*/

//==========================================================================================
//============================================================= neu starten
//==========================================================================================

function starteHomepage()
{
	//alert("2222");
}


