//Position des Menues:



leer=new Image()

leer.src="images/svmenue_leer.gif"

startwertx=60// position des Menues

startwerty=60



//Parameter für Menue:



hauptmenuebg="" //Hintergrund der Hauptmenuepunkte normal

hauptmenuebgaktiv="#9B9389" //Hintergrund der Hauptmenuepunkte mouseover

hauptmenuebreite=200 //Breite der Hauptmenuepunkte

hauptmenuehoehe=25  //Hoehe der Hauptmenuepunkte

hauptmenueschriftart="Verdana"  //Schriftart der Hauptmenuepunkte

hauptmenueschriftgroesse="11px" //Schriftgrösse der Hauptmenuepunkte

hauptmenueschriftstil="normal"   //Schriftstil der hauptmenuepunkte

hauptmenueschriftfarbenormal="#ffffff"  //Schriftfarbe der Hauptmenuepunkte normal

hauptmenueschriftfarbeaktiv="#000000"  //Schriftfarbe der Hauptmenuepunkte mousover

hauptmenueschriftausrichtung="right" //Erlaubt: center/right/left



//Parameter Untermenues



umenuebg="#336699"

umenuebgaktiv="#7799BB"

umenuebreite=148

umenuehoehe=35

untermenueschriftart="Verdana"

untermenueschriftgroesse="12px"

untermenueschriftstil="normal"

untermenueschriftfarbenormal="#BBCCDD"

untermenueschriftfarbeaktiv="#000000"

untermenueschriftausrichtung="left" //Erlaubt: center/right/left



//Rahmen für die Menuepunkte (in pixel , 0=kein Rahmen

menuerahmen=0



// Ab hier definierst du deine Menues:

hmnupunkte=new Array()



//jedes Arrayelement enthält folgende Einträge:

//Beschriftung,Eintrag für einen Link, eine fortlaufende Nummer

//der Eintrag für den Link folgt folgendem Schema:

//Entweder die Angabe eines links-- seite wird beim Klick aufgerufen

//oder der Function "javascript:void(0)" -- beim klick geschieht nichts

//Enthält ein Menuepunkt kein Untermenue ist der 3. Eintrag eine 0(wie im Beispiel HOME und "Kein Menue")



hmnupunkte=new Array()

hmnupunkte[0]=new Array("HOME","home.html",0)

hmnupunkte[1]=new Array("BÜCHER","buecher.html",0)

hmnupunkte[2]=new Array("FILME","filme.html",0)

hmnupunkte[3]=new Array("JOURNALISMUS","journalismus.html",0)

hmnupunkte[4]=new Array("VITA","vita.html",0)

hmnupunkte[5]=new Array("SERVICE","service.html",0)

hmnupunkte[6]=new Array("LINKS","links.html",0)

hmnupunkte[7]=new Array("E-MAIL","kontakt.html",0)

hmnupunkte[8]=new Array("IMPRESSUM","impressum.html",0)



//Ab hier definierst Du die Untermenues

// Für jedes Untermenue ein neues Array (durchnummeriert mit der Nummer aus

//hmnupunkte. Für Hauptmenuepunkte ohne Untermenue kein Array erzeugen.

// Jedes Array-Element bekommt wie im oberen Array folgende Einträge

// Menuebezeichner und Url der zu linkenden Seite

//Arbeitest du mit Unterverzeichnissen benutze Absolute Adressen (Http://www.verzeichnis/seite.htm)

//Das ganze machst du für jeden Hauptmenuepunkt der Untermenues enthält.



// Hier steht die Function für das Springen

//hlink wird aufgerufen wenn ein Hauptmenuepunkt geklickt wird

//Hier im Beispiel wird dann die Seite im gleichen Fenster geladen.



function hlink(obj)

{

self.location.href=hmnupunkte[obj][1]

}



// Hier steht die Function für das Springen

//ulink wird aufgerufen wenn ein Untermenuepunkt geklickt wird



function ulink(obj,obj1)

{

x=eval("umnupunkte"+obj)

self.location.href=x[obj1][1]

}





//******* Ab hier werden die Stylesheets fürs Menue geschrieben****************

//***********Hier brauchst du normaler Weise nichts ändern*********************



document.write('<style type="text/css">')

document.write('p.hmnunorm {font-family:'+hauptmenueschriftart+';font-size:'+hauptmenueschriftgroesse+';font-weight:'+hauptmenueschriftstil+';letter-spacing:5px;color:'+hauptmenueschriftfarbenormal+';text-decoration:none;margin:2px;line-height:'+(hauptmenuehoehe/2)+'px}')

document.write('p.hmnuaktiv {font-family:'+hauptmenueschriftart+';font-size:'+hauptmenueschriftgroesse+';font-weight:'+hauptmenueschriftstil+';letter-spacing:5px;color:'+hauptmenueschriftfarbeaktiv+';text-decoration:none;margin:2px;line-height:'+(hauptmenuehoehe/2)+'px}')

document.write('p.umnunorm {font-family:'+untermenueschriftart+';font-size:'+untermenueschriftgroesse+';font-weight:'+untermenueschriftstil+';color:'+untermenueschriftfarbenormal+';text-decoration:none;margin:2px;line-height:'+(umenuehoehe/2)+'px}')

document.write('p.umnuaktiv {font-family:'+untermenueschriftart+';font-size:'+untermenueschriftgroesse+';font-weight:'+untermenueschriftstil+';color:'+untermenueschriftfarbeaktiv+';text-decoration:none;margin:2px;line-height:'+(umenuehoehe/2)+'px}')

document.write('.hmenue{border-width:'+menuerahmen+'px;border-style:solid;margin:0px 0px 0px ;text-align:'+hauptmenueschriftausrichtung+'}')

document.write('.umenue{border-width:'+menuerahmen+'px;border-style:solid;margin:0px 5px 0px ;text-align:'+untermenueschriftausrichtung+'}')



document.write('</style>')







xpunkt=0

ypunkt=0

timer=0

altenr=null

ualtenr=null

hmenarray=new Array()

umenarray=new Array()





//****************Ab hier brauchst Du im Scripteil eigentlich nicht mehr verändern*****  



//*****************************Hauptmenueteil********************



function hmnuerstellen()

{



if(document.layers)

{



for(nr=0;nr<=hmnupunkte.length-1;nr++)

{

xpunkt=nr*hauptmenuebreite

document.write('<layer name="hmnumain'+nr+'" height="'+hauptmenuehoehe+'" width='+hauptmenuebreite+' visibility="hide"  top="0" left="'+xpunkt+'" z-index="99"></layer>')

document.write('<layer name="hmnumain_im'+nr+'" height="'+hauptmenuehoehe+'" width='+hauptmenuebreite+' visibility="hide"  top="0" left="'+xpunkt+'" z-index="100"><a href="javascript:hlink('+nr+')" onfocus="blur()" onmouseover="hmnuschreiben('+nr+',true);"  onmouseout="timer=setTimeout(\'loeschen()\',100);altenr='+nr+'"><img src="'+leer.src+'" border="0" width="'+hauptmenuebreite+'" height="'+(hauptmenuehoehe)+'"></a></layer>')

hmenarray[hmenarray.length]=nr

}



}

else

{

for(nr=0;nr<=hmnupunkte.length-1;nr++)

{

xpunkt=nr*hauptmenuebreite

document.write('<div  id="hmnumain'+nr+'" style="position:absolute;height:'+hauptmenuehoehe+';width:'+hauptmenuebreite+';top:0;left:'+xpunkt+';visibility:hidden;z-index:99"></div>')

document.write('<div  id="hmnumain_im'+nr+'" style="position:absolute;height:'+(hauptmenuehoehe)+';width:'+hauptmenuebreite+';top:0;left:'+xpunkt+';visibility:hidden;z-index:100"><a href="javascript:hlink('+nr+')" onfocus="blur()" onmouseover="hmnuschreiben('+nr+',true)"  onmouseout="timer=setTimeout(\'loeschen()\',100);altenr='+nr+'"><img src="'+leer.src+'" border="0" width="'+hauptmenuebreite+'" height="'+(hauptmenuehoehe)+'"></a></div>')

hmenarray[hmenarray.length]=nr

}



}



}





function hmnuschreiben(nr,logo)

{

clearTimeout(timer)

ualtenr=null

if(document.layers)

{

if(altenr!=null)

{

objx=eval("document.hmnumain"+altenr+".document")

objx.open()

objx.write(lstring(altenr,false))

objx.close()

}

objx=eval("document.hmnumain"+nr+".document")

objx.open()

objx.write(lstring(nr,logo))

objx.close()

if(hmnupunkte[nr][2]>0)

{

for(xnr=0;xnr<=eval("umnupunkte"+nr).length-1;xnr++)

{

umnuschreiben(nr,xnr,false)

}

}

}

else if(document.all)

{

if(altenr!=null)

{

objx=eval("document.all.hmnumain"+altenr)

objx.innerHTML=lstring(altenr,false)

}

objx=eval("document.all.hmnumain"+nr)

objx.innerHTML=lstring(nr,logo)

if(hmnupunkte[nr][2]>0)

{

for(xnr=0;xnr<=eval("umnupunkte"+nr).length-1;xnr++)

{

umnuschreiben(nr,xnr,false)

}

}

}

else if(document.getElementById)

{

if(altenr!=null)

{

document.getElementById("hmnumain"+altenr).innerHTML=lstring(altenr,false)

}

document.getElementById("hmnumain"+nr).innerHTML=lstring(nr,logo)

if(hmnupunkte[nr][2]>0)

{

for(xnr=0;xnr<=eval("umnupunkte"+nr).length-1;xnr++)

{

umnuschreiben(nr,xnr,false)

}

}

}

}





function lstring(nr,aktiv)

{

if(document.layers)

{

if(aktiv==false)

{

txt='<layer class="hmenue" name="hmnumain_d'+nr+'" height="100%" width="100%"  bgColor="'+hauptmenuebg+'" ><p class="hmnunorm" >'+hmnupunkte[nr][0]+'</p></layer>'

if(hmnupunkte[nr][2]>0)

eval("document.umnu"+nr+".visibility='hide'")

}

else

{

txt='<layer class="hmenue" name="hmnumain_d'+nr+'" height="100%" width="100%" bgColor="'+hauptmenuebgaktiv+'" ><p class="hmnuaktiv" >'+hmnupunkte[nr][0]+'</p></layer>'

if(hmnupunkte[nr][2]>0)

eval("document.umnu"+nr+".visibility='show'")

}

}

else if(document.all)

{

if(aktiv==false)

{

txt='<div class="hmenue" id="hmnumain_d'+nr+'" style="position:absolute;height:100%;width:100%;left:0;top:0;background-color:'+hauptmenuebg+'" ><p class="hmnunorm" >'+hmnupunkte[nr][0]+'</p></div>'

if(hmnupunkte[nr][2]>0)

eval("document.all.umnu"+nr+".style.visibility='hidden'")

}

else

{

txt='<div class="hmenue" id="hmnumain_d'+nr+'" style="position:absolute;height:100%;width:100%;left:0;top:0;background-color:'+hauptmenuebgaktiv+'" ><p class="hmnuaktiv" >'+hmnupunkte[nr][0]+'</p></div>'

if(hmnupunkte[nr][2]>0)

eval("document.all.umnu"+nr+".style.visibility='visible'")

}

}

else if(document.getElementById)

{

if(aktiv==false)

{

txt='<div class="hmenue" id="hmnumain_d'+nr+'" style="position:absolute;height:100%;width:100%;left:0;top:0;background-color:'+hauptmenuebg+'" ><p class="hmnunorm" >'+hmnupunkte[nr][0]+'</p></div>'

if(hmnupunkte[nr][2]>0)

{

document.getElementById("umnu"+nr).style.visibility='hidden'

for(ix=0;ix<=eval("umnupunkte"+nr).length-1;ix++)

{

document.getElementById("umnumain"+nr+"_"+ix).style.visibility='hidden'

document.getElementById("umnumain_im"+nr+"_"+ix).style.visibility='hidden'

}

}

}

else

{

txt='<div class="hmenue" id="hmnumain_d'+nr+'" style="position:absolute;height:100%;width:100%;left:0;top:0;background-color:'+hauptmenuebgaktiv+'" ><p class="hmnuaktiv" >'+hmnupunkte[nr][0]+'</p></div>'

if(hmnupunkte[nr][2]>0)

{

document.getElementById("umnu"+nr).style.visibility='visible'

for(ix=0;ix<=eval("umnupunkte"+nr).length-1;ix++)

{

document.getElementById("umnumain"+nr+"_"+ix).style.visibility='visible'

document.getElementById("umnumain_im"+nr+"_"+ix).style.visibility='visible'

}



}

}

}

ualtnr=null

return txt

}

//*************Hauptmenueteil Ende*****************



//********************Untermenues*******************



function umnuerstellen()

{

for (i=0;i<=hmnupunkte.length-1;i++)

{

///*******************

if(document.layers)

{

if(hmnupunkte[i][2]>0)

{

xpunkt=i*hauptmenuebreite



document.write("<layer name='umnu"+i+"' left='"+xpunkt+"' top='"+hauptmenuehoehe+"' visibility='hide' z-index='101'>")

for(nr=0;nr<=eval("umnupunkte"+i).length-1;nr++)

{

ypunkt=nr*umenuehoehe

document.write('<layer name="umnumain'+i+'_'+nr+'" height="'+umenuehoehe+'" width='+umenuebreite+'  top="'+ypunkt+'" >')

document.write(ulstring(i,nr,false)+"</layer>")

document.write('<layer  name="umnumain_im'+i+'_'+nr+'" height="'+umenuehoehe+'" width="'+umenuebreite+'"  top="'+ypunkt+'" ><a href="javascript:ulink('+i+','+nr+')" onfocus="blur()"  onmouseover="umnuschreiben('+i+','+nr+',true)"  onmouseout="timer=setTimeout(\'loeschen()\',100);ualtenr=\''+i+'_'+nr+'\'"><img src="'+leer.src+'" border="0" width="'+umenuebreite+'" height="'+(umenuehoehe+(menuerahmen*2))+'"></a></layer>')

}

document.write('</layer>')

umenarray[umenarray.length]=i

}

}

else

{

if(hmnupunkte[i][2]>0)

{

xpunkt=i*hauptmenuebreite

document.write("<div id='umnu"+i+"' style='position:absolute;left:"+xpunkt+";top:"+hauptmenuehoehe+";visibility:hidden;z-index:101'>")

for(nr=0;nr<=eval("umnupunkte"+i).length-1;nr++)

{



ypunkt=nr*umenuehoehe

document.write('<div id="umnumain'+i+'_'+nr+'" style="position:absolute;height:'+umenuehoehe+';width:'+umenuebreite+';top:'+ypunkt+';left:0">')

document.write(ulstring(i,nr,false)+"</div>")

document.write('<div  id="umnumain_im'+i+'_'+nr+'" style="position:absolute;height:'+umenuehoehe+';width:'+umenuebreite+';top:'+ypunkt+';left:0"><a href="javascript:ulink('+i+','+nr+')" onfocus="blur()"  onmouseover="umnuschreiben('+i+','+nr+',true)"  onmouseout="timer=setTimeout(\'loeschen()\',100);ualtenr=\''+i+'_'+nr+'\'"><img src="'+leer.src+'" border="0" width="'+umenuebreite+'" height="'+(umenuehoehe)+'"></a></div>')

}

document.write('</div>')

umenarray[umenarray.length]=i

}

}

}

}



function umnuschreiben(hnr,nr,logo)

{

clearTimeout(timer)

if(ualtenr!=null)

teilnr=ualtenr.split("_")



if(document.layers)

{

if(ualtenr!=null)

{

objx=eval("document.umnu"+teilnr[0]+".document.umnumain"+teilnr[0]+"_"+teilnr[1]+".document")

objx.open()

objx.write(ulstring(teilnr[0],teilnr[1],false))

objx.close()

}

objx=eval("document.umnu"+hnr+".document.umnumain"+hnr+"_"+nr+".document")

objx.open()

objx.write(ulstring(hnr,nr,logo))

objx.close()

}

else if(document.all)

{

if(ualtenr!=null)

{

objx=eval("document.all.umnumain"+teilnr[0]+"_"+teilnr[1])

objx.innerHTML=ulstring(teilnr[0],teilnr[1],false)

}

objx=eval("document.all.umnumain"+hnr+"_"+nr)

objx.innerHTML=ulstring(hnr,nr,logo)



}

else if(document.getElementById)

{

if(ualtenr!=null)

{

document.getElementById("umnumain"+teilnr[0]+"_"+teilnr[1]).innerHTML=ulstring(teilnr[0],teilnr[1],false)

}



document.getElementById("umnumain"+hnr+"_"+nr).innerHTML=ulstring(hnr,nr,logo)

}

}

function ini()

{

for(i=0;i<=hmnupunkte.length-1;i++)

{

hmnuschreiben(i,false)

}

positionieren()

}



function ulstring(hnr,nr,aktiv)

{

if(document.layers)

{



if(aktiv==false)



txt='<layer class="umenue" name="umnumain_d'+hnr+'_'+nr+'" height="100%" width="100%"  bgColor="'+umenuebg+'"><p class="umnunorm" >'+eval("umnupunkte"+hnr+"["+nr+"][0]")+'</p></layer>'

else

txt='<layer class="umenue" name="umnumain_d'+hnr+'_'+nr+'" height="100%" width="100%"  bgColor="'+umenuebgaktiv+'" ><p class="umnuaktiv" >'+eval("umnupunkte"+hnr+"["+nr+"][0]")+'</p></layer>'

}

else

{

if(aktiv==false)

txt='<div class="umenue" id="umnumain_d'+hnr+'_'+nr+'" style="position:absolute;height:100%;width:100%;left:0;top:0;background-color:'+umenuebg+';" ><p class="umnunorm" >'+eval("umnupunkte"+hnr+"["+nr+"][0]")+'</p></div>'

else

txt='<div class="umenue" id="umnumain_d'+hnr+'_'+nr+'" style="position:absolute;height:100%;width:100%;left:0;top:0;background-color:'+umenuebgaktiv+';" ><p class="umnuaktiv" >'+eval("umnupunkte"+hnr+"["+nr+"][0]")+'</p></div>'

}

return txt

}



//****************Untermenues Ende*********************



//***************Allgemeine Functionen

function loeschen()

{

if(document.layers)

{

for(i=0;i<=hmenarray.length-1;i++)

{



x=eval("document.hmnumain"+hmenarray[i]+".document")

x.open()

x.write(lstring(i,false))

x.close()



}

for(i=0;i<=umenarray.length-1;i++)

{

eval("document.umnu"+umenarray[i]+".visibility='hide'")

}

}

else if(document.all)

{

for(i=0;i<=hmenarray.length-1;i++)

{

x=eval("document.all.hmnumain"+hmenarray[i])

x.innerHTML=lstring(i,false)

}

for(i=0;i<=umenarray.length-1;i++)

{



eval("document.all.umnu"+umenarray[i]+".style.visibility='hidden'")

}

}

else if(document.getElementById)

{

for(i=0;i<=hmenarray.length-1;i++)

{

document.getElementById("hmnumain"+hmenarray[i]).innerHTML=lstring(i,false)

}



for(i=0;i<=umenarray.length-1;i++)

{

document.getElementById("umnu"+umenarray[i]).style.visibility='hidden'

for(ix=0;ix<=eval("umnupunkte"+umenarray[i]).length-1;ix++)

{

document.getElementById("umnumain"+umenarray[i]+"_"+ix).style.visibility='hidden'

document.getElementById("umnumain_im"+umenarray[i]+"_"+ix).style.visibility='hidden'

//document.getElementById("umnu"+umenarray[i]).style.visibility='hidden'

}

}

}

altenr=null

ualtenr=null



}



function positionieren()

{

for (i=0;i<=hmnupunkte.length-1;i++)

{

if(document.layers)

{

eval("document.hmnumain"+i+".left="+startwertx)

eval("document.hmnumain"+i+".top="+((hauptmenuehoehe*i)+startwerty))

eval("document.hmnumain_im"+i+".left="+startwertx)

eval("document.hmnumain_im"+i+".top="+((hauptmenuehoehe*i)+startwerty))

eval("document.hmnumain"+i+".visibility='show'")

eval("document.hmnumain_im"+i+".visibility='show'")

}





else if(document.all)

{

eval("document.all.hmnumain"+i+".style.left="+startwertx)

eval("document.all.hmnumain"+i+".style.top="+((hauptmenuehoehe*i)+startwerty))

eval("document.all.hmnumain_im"+i+".style.left="+startwertx)

eval("document.all.hmnumain_im"+i+".style.top="+((hauptmenuehoehe*i)+startwerty))

eval("document.all.hmnumain"+i+".style.visibility='visible'")

eval("document.all.hmnumain_im"+i+".style.visibility='visible'")

}

else if(document.getElementById&&!document.all)

{

document.getElementById("hmnumain"+i).style.left=startwertx

document.getElementById("hmnumain"+i).style.top=((hauptmenuehoehe*i)+startwerty)

document.getElementById("hmnumain_im"+i).style.left=startwertx

document.getElementById("hmnumain_im"+i).style.top=((hauptmenuehoehe*i)+startwerty)

document.getElementById("hmnumain"+i).style.visibility="visible"

document.getElementById("hmnumain_im"+i).style.visibility="visible"

}

}

for (i=0;i<=umenarray.length-1;i++)

{

if(document.layers)

{

eval("document.umnu"+umenarray[i]+".left="+(hauptmenuebreite+startwertx))

eval("document.umnu"+umenarray[i]+".top=parseInt(document.hmnumain"+umenarray[i]+".top)")



}



else if(document.all)

{

eval("document.all.umnu"+umenarray[i]+".style.left="+(hauptmenuebreite+startwertx))

eval("document.all.umnu"+umenarray[i]+".style.top=parseInt(document.all.hmnumain"+umenarray[i]+".offsetTop)")



}

if(document.getElementById&&!document.all)

{

document.getElementById("umnu"+umenarray[i]).style.left=(hauptmenuebreite+startwertx)

document.getElementById("umnu"+umenarray[i]).style.top=parseInt(document.getElementById("hmnumain"+umenarray[i]).offsetTop)



}

}

}





//************Aufruf zum schreiben der Menues



hmnuerstellen()



umnuerstellen()