//Position des Menues:

leer=new Image()
leer.src="http://www.ggk-online.de/images/svmenue_leer.gif"
startwertx=40// position des Menues
startwerty=5

//Parameter für Menue:

hauptmenuebg="#D9D9D9" //Hintergrund der Hauptmenuepunkte normal
hauptmenuebgaktiv="#BEBEBE" //Hintergrund der Hauptmenuepunkte mouseover
hauptmenuebreite=140 //Breite der Hauptmenuepunkte
hauptmenuehoehe=140  //Hoehe der Hauptmenuepunkte
hauptmenueschriftart="Verdana"  //Schriftart der Hauptmenuepunkte
hauptmenueschriftgroesse="10px" //Schriftgrösse der Hauptmenuepunkte
hauptmenueschriftstil="normal"   //Schriftstil der hauptmenuepunkte
hauptmenueschriftfarbenormal="#6E6E6E"  //Schriftfarbe der Hauptmenuepunkte normal
hauptmenueschriftfarbeaktiv="#00ADEF"  //Schriftfarbe der Hauptmenuepunkte mousover
hauptmenueschriftausrichtung="right" //Erlaubt: center/right/left

//Parameter Untermenues

umenuebg="#D9D9D9"
umenuebgaktiv="#BEBEBE"
umenuebreite=148
umenuehoehe=28
untermenueschriftart="Verdana"
untermenueschriftgroesse="10px"
untermenueschriftstil="normal"
untermenueschriftfarbenormal="#6E6E6E"
untermenueschriftfarbeaktiv="#00ADEF"
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("AKTUELLES","javascript:void(0)",1)
hmnupunkte[1]=new Array("PRODUKTE","javascript:void(0)",1)
hmnupunkte[2]=new Array("KONTAKTE","javascript:void(0)",1)

//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.

umnupunkte0=new Array()
umnupunkte0[0]=new Array(" UNTERNEHMEN","http://www.ggk-online.de/ggk.php")
umnupunkte0[1]=new Array(" AKTUELLES","http://www.ggk-online.de/news/aktuelles.php")
umnupunkte0[2]=new Array(" TERMINE","http://www.ggk-online.de/news/termine.php")
umnupunkte0[3]=new Array(" KATALOGE","http://www.ggk-online.de/kataloge.php")
umnupunkte0[4]=new Array(" DOWNLOADS","http://www.ggk-online.de/dms/downloads.php")

umnupunkte1=new Array()
umnupunkte1[0]=new Array(" OFFICE","http://www.ggk-online.de/office_system.php")
umnupunkte1[1]=new Array(" DOMUS","http://www.ggk-online.de/domus_system.php")
umnupunkte1[2]=new Array(" AMBIENCE","http://www.ggk-online.de/ambience_system.php")
umnupunkte1[3]=new Array(" SPECIAL","http://www.ggk-online.de/special_system.php")
umnupunkte1[4]=new Array(" M45","http://www.ggk-online.de/m45_system.php")

umnupunkte2=new Array()
umnupunkte2[0]=new Array(" FEEDBACK","http://www.ggk-online.de/feedback.php")
umnupunkte2[1]=new Array(" LINKS","http://www.ggk-online.de/links.php")
umnupunkte2[2]=new Array(" ANFAHRT","http://www.ggk-online.de/anfahrt.php")
umnupunkte2[3]=new Array(" JOBS","http://www.ggk-online.de/news/jobs.php")
umnupunkte2[4]=new Array(" IMPRESSUM","http://www.ggk-online.de/impressum.php")

// 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:3px;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:3px;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+';letter-spacing:3px;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+';letter-spacing:3px;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()