timer=false // Variable für timeout
//Alle grafiken für das Hauptmenue gleiche breite und Hoehe
bildbreite_hmnu=180 
bildhoehe_hmnu = 40

iix=0

//Alle grafiken für das Hauptmenue gleiche breite und Hoehe
bildbreite_umnu=180
bildhoehe_umnu = 40
//abstand zwischen den Grafiken(horizontal und vertikal)
abstand=0
startwerty=150 // y Position an der das Hauptmenue beginnt
startwertyumnu=84	// y Position an der das Untermenue beginnt

naviframe="nav" // Hier den Namen des Navigationsframes vergeben
mainframe="main" //Hier den Namen des Hauptframes vergeben

//Ab hier die Menues füllen.
// es wird für jeden menuepunkt je eine Grafik für den 
//Normalzustand und für den Hooverzustand benötigt
//die beiden grafiken haben den gleichen Namen + "_norm" für
//die normale Grafik und "_akt" für die Hoovergrafik
//Beispiel: home_norm.gif und home_akt.gif

//die beiden ersten Eintraege jeweils für das Hauptmenue

//1.Name der Normalen grafik(ohne "_norm" und ".gif" 
//2.Für Menuepunkte ohne Untermenue eine Seite auf die gelinkt wird
//bzw. für Menuepunkte mit untermenue "javascript:void()" 
//ab dem Dritten Eintrag dann folgen die Untermenuepunkte in gleichem Schema
//1. name der grafik, Name der Seite auf die gelinkt wird. 

menues=new Array()
menues[0]=new Array("images/bNotfall","notfall.html")
menues[1]=new Array("images/bVerein","javascript:void(0)" ,"images/bGeschichte" ,"geschichte.html","images/bVorstand" ,"vorstand.html","images/bGeraetehaus" ,"geraetehaus.html","images/bAusruestung" ,"ausruestung.html","images/bGruendungsfest","gruendungsfest_2001.html","images/bMaibaum","maibaumspender.html","images/bKontakt","kontakt.html")
menues[2]=new Array("images/bMannschaft","mannschaft.html")
menues[3]=new Array("images/bJugend","javascript:void(0)","images/bJugend","jugend.html","images/bFotos","fotos-jugend.html","images/bUebungsplan","uebungsplan-jugend.html")


menues[4]=new Array("images/bEinsaetze","einsaetze.html")
menues[5]=new Array("images/bTermine","javascript:void(0)","images/bUebungsplan", "uebungsplan.html", "images/bVeranstaltungen","termine.html")


menues[6]=new Array("images/bBrandschutz","javascript:void(0)","images/bBrandschutzerz","http://www.brandschutzerziehung.de/html/brandaktuell.html","images/bRauchmelder","rauchmelder.html" ,"images/bBrandschutz","http://www.ffw-egglfing.de/Hauptseite/Lehrreiches/Vorbeugender_Brandschutz.htm")
menues[7]=new Array("images/bLinks","links.html")
menues[8]=new Array("images/bMexikoparty","http://www.ffw-wallerfing.de/mexikoparty/index.htm")
menues[9]=new Array("images/bFotos","fotos.html")
menues[10]=new Array("images/bGaestebuch","http://cgi01.onlinehome.de/cgi-bin/gb_shw?clsid=1e8c5cd0abc7973ddac9e06c89e6b5a4")

// define _blank 
newwin=new Array()
newwin[0]=new Array(0,0)// 0 is nix. 0 bedeutet es ist ein normales menue (ohne sub) ,1 oder ,0 steht für _blank oder _self
newwin[1]=new Array(0,0)
newwin[2]=new Array(0,0)
newwin[3]=new Array(0,0)
newwin[4]=new Array(0,0)
newwin[5]=new Array(0,0)
newwin[6]=new Array("sub",1,0,1)	// "sub" steht für untermenues ,0,0,1 bedeutet der 3. eingrag im submenue
newwin[7]=new Array(0,0)
newwin[8]=new Array(0,1)		
newwin[9]=new Array(0,0)
newwin[10]=new Array(0,1)	//Gästebuch
//Ab hier werden die grafiken vorgeladen

tempbild=new Array()
for(i=0;i<menues.length;i++)
{
for(xi=0;xi<menues[i].length-1;xi=xi+2)
{
x=tempbild.length
tempbild[x]=new Array(new Image(),new Image())
tempbild[x][0].src=menues[i][xi]+".gif"
tempbild[x][1].src=menues[i][xi]+".gif"
}
}


//Function zum erstellen des Hauptmenues: 


function hmnu_erstellen()
{

for(i=0;i<menues.length;i++)
{
if(document.layers)
parent.frames[naviframe].document.write( '<layer name="hmnu'+i+'" top="'+ (((bildhoehe_hmnu+abstand)*i)+startwerty) +'" visibility="show">')
else
parent.frames[naviframe].document.write( '<div id="hmnu'+i+'" style="position:absolute;top:'+ (((bildhoehe_hmnu+abstand)*i)+startwerty) +';visibility:visible;">')
if( newwin[i][1] == 1 ) { mainframe="_blank" }
parent.frames[naviframe].document.write('<a href="'+menues[i][1]+'" target="'+mainframe+'" onmouseover="parent.bw_hmnu('+i+',1)" onmouseout="parent.bw_hmnu('+i+',0)">')
if( mainframe == "_blank" ) { mainframe="main" }
parent.frames[naviframe].document.write('<img src="'+menues[i][0]+'.gif" width="'+bildbreite_hmnu+'" height="'+ bildhoehe_hmnu + '" border="0" name="hmnubild'+i+'"></a>')
if(document.layers)
 parent.frames[naviframe].document.write('</layer>')
else
 parent.frames[naviframe].document.write('</div>')
}
// print counter von onlinehome ...
if(document.layers)
 parent.frames[naviframe].document.write( '<layer name="hmnu'+i+'" top="'+ (((bildhoehe_hmnu+abstand)*i)+startwerty) +'" visibility="show">')
else
parent.frames[naviframe].document.write( '<div id="couner" style="position:absolute;top:'+ (((bildhoehe_hmnu+abstand)*i)+startwerty) +';visibility:visible;">')
parent.frames[naviframe].document.write('<table align=center width=150><tr><td align=right><img src=http://cgicounter.onlinehome.de/cgi-bin/cnt?clsid=1e8c5cd0abc7973ddac9e06c89e6b5a42></td></tr></table>')
if(document.layers)
 parent.frames[naviframe].document.write('</layer>')
else
parent.frames[naviframe].document.write('</div>')

} //end funktion

//Function für den Bildwechsel im Hauptmenue und das Anzeigen der Untermenues

function bw_hmnu(nr,zustand)
{
if(zustand==1)
endung="_akt"
else
endung="_norm"

if(document.layers)
parent.frames[naviframe].document.layers['hmnu'+nr].document.images['hmnubild'+nr].src = menues[nr][0]+".gif"
else
parent.frames[naviframe].document.images['hmnubild'+nr].src=menues[nr][0]+".gif"
if(zustand==1)
{
clearTimeout(timer)
umnu_weg()
umnu_zeigen(nr)
}
else
//timer=setTimeout("umnu_weg()",7000) //Timeout bestimmt die Zeit ab der das Untermenue wieder verstecht wird
											// auch bei mouseover timeout wird menu geschlossen
clearTimeout(timer)						// bleib so lange bis nicht mehr mouseover dann 900 und weg
}

// Function zum verstecken der Untermenues
function umnu_weg()
{
for(i=0;i<menues.length;i++)
{
if(document.all)
{
if(parent.frames[mainframe].document.all["umnu"+i])
parent.frames[mainframe].document.all["umnu"+i].style.visibility="hidden"
}

if(document.layers)
{
if(parent.frames[mainframe].document.layers["umnu"+i])
parent.frames[mainframe].document.layers["umnu"+i].visibility="hide"
}

if(document.getElementById)
{
if(parent.frames[mainframe].document.getElementById("umnu"+i))
parent.frames[mainframe].document.getElementById("umnu"+i).style.visibility="hidden"
}

}
}

//function zum Anzeigen des entsprechenden Untermenues
function umnu_zeigen(nr)
{
if(document.all)
{
if(parent.frames[mainframe].document.all["umnu"+nr])
{
parent.frames[mainframe].document.all["umnu"+nr].style.top = (((bildhoehe_hmnu+abstand)*nr)+startwerty -startwertyumnu)+parseInt( parent.frames[mainframe].document.body.scrollTop)
parent.frames[mainframe].document.all["umnu"+nr].style.left = parseInt( parent.frames[mainframe].document.body.scrollLeft)
parent.frames[mainframe].document.all["umnu"+nr].style.visibility="visible"
}
}
if(document.layers)
{
if(parent.frames[mainframe].document.layers["umnu"+nr])
{

parent.frames[mainframe].document.layers["umnu"+nr].top = (((bildhoehe_hmnu+abstand)*nr)+startwerty)+parseInt(parent.frames[mainframe].pageYOffset)
parent.frames[mainframe].document.layers["umnu"+nr].left = parseInt(parent.frames[mainframe].pageXOffset)
parent.frames[mainframe].document.layers["umnu"+nr].visibility="show"
}
}
if(document.getElementById&&!document.all)
{
if(parent.frames[mainframe].document.getElementById("umnu"+nr))
{
parent.frames[mainframe].document.getElementById("umnu"+nr).style.top = (((bildhoehe_hmnu+abstand)*nr)+startwerty)+parseInt( parent.frames[mainframe].pageYOffset)
parent.frames[mainframe].document.getElementById("umnu"+nr).style.left = parseInt( parent.frames[mainframe].pageXOffset)
parent.frames[mainframe].document.getElementById("umnu"+nr).style.visibility="visible"
}
}
}

//untermenues erstellen
function umnu_erstellen()
{
for(i=0;i<menues.length;i++)
{ iix=0
if(document.layers)
parent.frames[mainframe].document.write( '<layer name="umnu'+i+'" top="'+ (((bildhoehe_hmnu+abstand)*i)+startwerty) +'" visibility="hide">')
else
parent.frames[mainframe].document.write( '<div id="umnu'+i+'" style="position:absolute;top:'+ (((bildhoehe_hmnu+abstand)*i)+startwerty) +';visibility:hidden;">')
parent.frames[mainframe].document.write('<table border="0" cellspacing="0" cellpadding="0">')
for(xi=2;xi<menues[i].length-1;xi=xi+2)
{ iix=iix+1
if( newwin[i][0] == "sub" ) {
  if( newwin[i][iix] == 1 ) {
    parent.frames[mainframe].document.write('<tr> <td><a href="'+menues[i][xi+1]+'" target="_blank" onmouseover="parent.bw_umnu('+i+','+xi+',1)" onmouseout="parent.bw_umnu('+i+','+xi+',0)">')
  } else {
    parent.frames[mainframe].document.write('<tr> <td><a href="'+menues[i][xi+1]+'" target="'+mainframe+'" onmouseover="parent.bw_umnu('+i+','+xi+',1)" onmouseout="parent.bw_umnu('+i+','+xi+',0)">')	
  }
} else {
   parent.frames[mainframe].document.write('<tr> <td><a href="'+menues[i][xi+1]+'" target="'+mainframe+'" onmouseover="parent.bw_umnu('+i+','+xi+',1)" onmouseout="parent.bw_umnu('+i+','+xi+',0)">')
}
parent.frames[mainframe].document.write('<img src="'+menues[i][xi]+'.gif" width="'+bildbreite_umnu+'" height="'+ bildhoehe_umnu + '" border="0" name="umnubild'+i+'_'+xi+'"></a></td></tr>')
}
if(document.layers)
parent.frames[mainframe].document.write( '</table></layer>')
else
parent.frames[mainframe].document.write( '</table></div>')
}
}

//Function zum Bildwechsel der Untermenues
function bw_umnu(xnr,nr,zustand)
{
if(zustand==1)
{
clearTimeout(timer)
endung="_akt"
}
else
{
timer=setTimeout("umnu_weg()",900)
endung="_norm"
}
if(document.layers)
parent.frames[ mainframe ].document.layers['umnu'+xnr].document.images['umnubild'+xnr+'_'+nr].src = menues[xnr][nr]+".gif"
else
parent.frames[ mainframe ].document.images['umnubild'+xnr+'_'+nr].src=menues[xnr][nr]+".gif"
}

//function zum Positionieren des Hauptmenues an den unteren Rand der Naviseite
function pos_hmnu(nr)
{
if(document.all)
{
startxpos = parseInt(parent.frames[naviframe].document.body.clientWidth)-bildbreite_hmnu
parent.frames[naviframe].document.all['hmnu'+nr].style.left=startxpos 
}

if(document.layers)
{
startxpos = parseInt(parent.frames[naviframe].innerWidth)-bildbreite_hmnu
parent.frames[naviframe].document.layers['hmnu'+nr].left=startxpos 
}
if(document.getElementById&&!document.all)
{
startxpos = parseInt(parent.frames[naviframe].innerWidth)-bildbreite_hmnu
parent.frames[naviframe].document.getElementById('hmnu'+nr).style.left=startxpos 
}
}

function ini()
{
for(i=0;i<menues.length;i++)
{
pos_hmnu(i)
}

}