//Pop-it menu- By Dynamic Drive//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com//This credit MUST stay intact for usevar linkset=new Array()//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUTlinkset[0]='<div class="menuitems"><a href="html/knopf.html" target="anzeige">Brote von Knopfbrot</a></div>'linkset[0]+='<div class="menuitems"><a href="html/loewz.html" target="anzeige">Konditorei Löwenzahn</a></div>'linkset[0]+='<div class="menuitems"><a href="html/fleisch.html" target="anzeige">Fleisch, Wurstwaren</a></div>'linkset[1]='<div class="menuitems"><a href="http://www.rapunzel.de" target="_blank">Rapunzel</a></div>'linkset[1]+='<div class="menuitems"><a href="http://www.davert.de" target="_blank">Davert</a></div>'
linkset[1]+='<div class="menuitems"><a href="http://www.bauckhof.de" target="_blank">Bauck Hof</a></div>'linkset[1]+='<div class="menuitems"><a href="http://www.allos.de" target="_blank">Allos</a></div>'linkset[1]+='<div class="menuitems"><a href="http://www.erdmannhauser.de" target="_blank">Erdmannhauser</a></div>'linkset[1]+='<div class="menuitems"><a href="http://www.dr.hauschka.de" target="_blank">Dr. Hauschka</a></div>'linkset[1]+='<div class="menuitems"><a href="http://www.lavera.de" target="_blank">Lavera</a></div>'linkset[1]+='<div class="menuitems"><a href="http://www.lebensbaum.de" target="_blank">Lebensbaum</a></div>'linkset[1]+='<div class="menuitems"><a href="http://www.primavera-life.de" target="_blank">Primavera Life</a></div>'linkset[1]+='<div class="menuitems"><a href="http://www.riegel.de" target="_blank">Peter Riegel</a></div>'linkset[1]+='<div class="menuitems"><a href="http://www.weleda.de" target="_blank">Weleda</a></div>'
linkset[1]+='<div class="menuitems"><a href="http://www.zwergenwiese.de" target="_blank">Zwergenwiese</a></div>'
linkset[2]='<div class="menuitems"><a href="html/kuko.html" target="anzeige">Lithografien und Holzschnitte</a></div>'
linkset[2]+='<div class="menuitems"><a href="html/vernissage111105/index.html" target="_blank">Vernissage 11.11.2005</a></div>'
linkset[2]+='<div class="menuitems"><a href="html/urkunden.html" target="anzeige">Zur bio fach 2005</a></div>'
linkset[2]+='<div class="menuitems"><a href="html/baufest/baustellenfest.html" target="_blank">1. Baustellenfest am 1.10.05</a></div>'
linkset[2]+='<div class="menuitems"><a href="html/gold/index.html" target="_blank">Kleine Feier am 2.04.05</a></div>'
linkset[2]+='<div class="menuitems"><a href="html/fest05/index.html" target="_blank">Kirchheimer Straßenfest 2005</a></div>'
linkset[2]+='<div class="menuitems"><a href="html/weinprobe.html" target="anzeige">Philosophische Weinprobe</a></div>'

////No need to edit beyond herevar ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1var ns6=document.getElementById&&!document.allvar ns4=document.layersfunction showmenu(e,which){if (!document.all&&!document.getElementById&&!document.layers)returnclearhidemenu()menuobj=ie4? document.all.popmenu : ns6? document.getElementById("popmenu") : ns4? document.popmenu : ""menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobjif (ie4||ns6)menuobj.innerHTML=whichelse{menuobj.document.write('<layer name=gui bgColor=#E6E6E6 width=165 onmouseover="clearhidemenu()" onmouseout="hidemenu()">'+which+'</layer>')menuobj.document.close()}menuobj.contentwidth=(ie4||ns6)? menuobj.offsetWidth : menuobj.document.gui.document.widthmenuobj.contentheight=(ie4||ns6)? menuobj.offsetHeight : menuobj.document.gui.document.heighteventX=ie4? event.clientX : ns6? e.clientX : e.xeventY=ie4? event.clientY : ns6? e.clientY : e.y//Find out how close the mouse is to the corner of the windowvar rightedge=ie4? document.body.clientWidth-eventX : window.innerWidth-eventXvar bottomedge=ie4? document.body.clientHeight-eventY : window.innerHeight-eventY//if the horizontal distance isn't enough to accomodate the width of the context menuif (rightedge<menuobj.contentwidth)//move the horizontal position of the menu to the left by it's widthmenuobj.thestyle.left=ie4? document.body.scrollLeft+eventX-menuobj.contentwidth : ns6? window.pageXOffset+eventX-menuobj.contentwidth : eventX-menuobj.contentwidthelse//position the horizontal position of the menu where the mouse was clickedmenuobj.thestyle.left=ie4? document.body.scrollLeft+eventX : ns6? window.pageXOffset+eventX : eventX//same concept with the vertical positionif (bottomedge<menuobj.contentheight)menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheightelsemenuobj.thestyle.top=ie4? document.body.scrollTop+event.clientY : ns6? window.pageYOffset+eventY : eventYmenuobj.thestyle.visibility="visible"return false}function contains_ns6(a, b) {//Determines if 1 element in contained in another- by Brainjar.comwhile (b.parentNode)if ((b = b.parentNode) == a)return true;return false;}function hidemenu(){if (window.menuobj)menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide"}function dynamichide(e){if (ie4&&!menuobj.contains(e.toElement))hidemenu()else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))hidemenu()}function delayhidemenu(){if (ie4||ns6||ns4)delayhide=setTimeout("hidemenu()",500)}function clearhidemenu(){if (window.delayhide)clearTimeout(delayhide)}function highlightmenu(e,state){if (document.all)source_el=event.srcElementelse if (document.getElementById)source_el=e.targetif (source_el.className=="menuitems"){source_el.id=(state=="on")? "mouseoverstyle" : ""}else{while(source_el.id!="popmenu"){source_el=document.getElementById? source_el.parentNode : source_el.parentElementif (source_el.className=="menuitems"){source_el.id=(state=="on")? "mouseoverstyle" : ""}}}}if (ie4||ns6)document.onclick=hidemenu<!-- www.javascript.agoentgen.de -->var wstatvar ns4up = (document.layers) ? 1 : 0var ie4up = (document.all) ? 1 : 0var xsize = screen.widthvar ysize = screen.heightvar breite=450var hoehe=170var xpos=(xsize-breite)/1.1var ypos=(ysize-hoehe)/1.2function opwin() {wstat=window.open("txtanim.html","","scrollbars=no,status=no,toolbar=no,location=no,directories=no,resizable=yes,menubar=no,width="+breite+",height="+hoehe+",screenX="+xpos+",screenY="+ypos+",top="+ypos+",left="+xpos)}

//Beginn Wechselbuttons

Normal2 = new Image(); 
  Normal2.src = "images/home.jpg"; /* Hier erste Standard-Grafik angeben */
  Highlight2 = new Image(); 
  Highlight2.src = "images/home-hell.jpg"; /* Hier erste Highlight-Grafik angeben */

  Normal3 = new Image(); 
  Normal3.src = "images/anfahrt.jpg"; /* Hier zweite Standard-Grafik angeben */
  Highlight3 = new Image(); 
  Highlight3.src = "images/anfahrt-hell.jpg"; /* Hier zweite Highlight-Grafik angeben */

  Normal4 = new Image(); 
  Normal4.src = "images/oeffnungszeiten.jpg"; /* Hier zweite Standard-Grafik angeben */
  Highlight4 = new Image(); 
  Highlight4.src = "images/oeffnungszeiten-hell.jpg"; /* Hier zweite Highlight-Grafik angeben */

  Normal5 = new Image(); 
  Normal5.src = "images/impressum.jpg"; /* Hier zweite Standard-Grafik angeben */
  Highlight5 = new Image(); 
  Highlight5.src = "images/impressum-hell.jpg"; /* Hier zweite Highlight-Grafik angeben */

  Normal6 = new Image(); 
  Normal6.src = "images/leserwahl.jpg"; /* Hier zweite Standard-Grafik angeben */
  Highlight6 = new Image(); 
  Highlight6.src = "images/leserwahl-hell.jpg"; /* Hier zweite Highlight-Grafik angeben */

  Normal7 = new Image(); 
  Normal7.src = "images/wirueberuns.jpg"; /* Hier zweite Standard-Grafik angeben */
  Highlight7 = new Image(); 
  Highlight7.src = "images/wirueberuns-hell.jpg"; /* Hier zweite Highlight-Grafik angeben */

  Normal8 = new Image(); 
  Normal8.src = "images/brotfleisch.jpg"; /* Hier zweite Standard-Grafik angeben */
  Highlight8 = new Image(); 
  Highlight8.src = "images/brotfleisch-hell.jpg"; /* Hier zweite Highlight-Grafik angeben */

  Normal9 = new Image(); 
  Normal9.src = "images/lieferanten.jpg"; /* Hier zweite Standard-Grafik angeben */
  Highlight9 = new Image(); 
  Highlight9.src = "images/lieferanten-hell.jpg"; /* Hier zweite Highlight-Grafik angeben */

  Normal14 = new Image(); 
  Normal14.src = "images/philwein.jpg"; /* Hier zweite Standard-Grafik angeben */
  Highlight14 = new Image(); 
  Highlight14.src = "images/philwein-hell.jpg"; /* Hier zweite Highlight-Grafik angeben */

  Normal15 = new Image(); 
  Normal15.src = "images/kirchheim.jpg"; /* Hier zweite Standard-Grafik angeben */
  Highlight15 = new Image(); 
  Highlight15.src = "images/kirchheim-hell.jpg"; /* Hier zweite Highlight-Grafik angeben */

  Normal16 = new Image(); 
  Normal16.src = "images/biofach.jpg"; /* Hier zweite Standard-Grafik angeben */
  Highlight16 = new Image(); 
  Highlight16.src = "images/biofach-hell.jpg"; /* Hier zweite Highlight-Grafik angeben */
  /* usw. fuer alle weiteren zu benutzenden Grafiken */

  Normal17 = new Image(); 
  Normal17.src = "images/pechlatt.jpg"; /* Hier zweite Standard-Grafik angeben */
  Highlight17 = new Image(); 
  Highlight17.src = "images/pechlatt-hell.jpg"; /* Hier zweite Highlight-Grafik angeben */

  Normal18 = new Image(); 
  Normal18.src = "images/lieblingsladen.jpg"; /* Hier zweite Standard-Grafik angeben */
  Highlight18 = new Image(); 
  Highlight18.src = "images/lieblingsladen-hell.jpg"; /* Hier zweite Highlight-Grafik angeben */

  Normal19 = new Image(); 
  Normal19.src = "images/archiv.jpg"; /* Hier zweite Standard-Grafik angeben */
  Highlight19 = new Image(); 
  Highlight19.src = "images/archiv-hell.jpg"; /* Hier zweite Highlight-Grafik angeben */

  function Bildwechsel(Bildnr,Bildobjekt)
  {
   window.document.images[Bildnr].src = Bildobjekt.src;
  }

