
var linkset = new Array()
var picset  = new Array()

linkset[0]='<div class="menuitems"><a href="project.html">Öffnungszeiten</a></div>'
linkset[0]+='<div class="menuitems"><a href="project_members.html">Angebote & Aktionen</a></div>'

linkset[1]='<div class="menuitems"><a href="start.php?pageID=207">Mittagsmenü</a></div>'
linkset[1]+='<div class="menuitems"><a href="start.php?pageID=208">Abendmenü</a></div>'
linkset[1]+='<div class="menuitems"><a href="start.php?pageID=209">Abendkarte</a></div>'
linkset[1]+='<div class="menuitems"><a href="start.php?pageID=206">Tageskarte</a></div>'

linkset[2]='<div class="menuitems"><a href="start.php?pageID=306">Weißweine</a></div>'
linkset[2]+='<div class="menuitems"><a href="start.php?pageID=307">Rotweine</a></div>'
linkset[2]+='<div class="menuitems"><a href="start.php?pageID=308">Offene Weine</a></div>'

linkset[3]='<div class="menuitems"><a href="start.php?pageID=406">Räumlichkeiten</a></div>'
/*linkset[3]+='<div class="menuitems"><a href="start.php?pageID=407">Geschichte des Hauses</a></div>'*/

linkset[4]='<div class="menuitems"><a href="start.php?pageID=605">Im Gästebuch blättern</a></div>'
linkset[4]+='<div class="menuitems"><a href="start.php?pageID=606">Neuer Eintrag</a></div>'

picset[0]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/popup/plan.jpg" width="400" height="300"><div class="imagetext">Die Zufahrt zur Parkgarage ist rot eingezeichnet.</div>'

picset[1]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/popup/panorama_1_1.jpg" width="400" height="300"><div class="imagetext">Blick zur Oper</div>'
picset[2]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/popup/panorama_1_2.jpg" width="400" height="300"><div class="imagetext">Schöckel</div>'
picset[3]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/popup/panorama_1_3.jpg" width="400" height="300"><div class="imagetext">Plabutsch</div>'
picset[4]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/popup/panorama_2_1.jpg" width="400" height="300"><div class="imagetext">Jakominiplatz bei Tag</div>'
picset[5]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/popup/panorama_2_2.jpg" width="400" height="300"><div class="imagetext">Jakominiplatz bei Nacht</div>'
picset[6]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/popup/panorama_2_3.jpg" width="400" height="300"><div class="imagetext">Steirerhof</div>'
picset[19]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/popup/panorama_3_1.jpg" width="400" height="300"><div class="imagetext">Schlossberg bei Tag</div>'
picset[20]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/popup/panorama_3_2.jpg" width="400" height="300"><div class="imagetext">Schlossberg bei Nacht</div>'
picset[21]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/popup/panorama_3_3.jpg" width="400" height="300"><div class="imagetext">Uhrturm</div>'
picset[22]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/popup/panorama_4_1.jpg" width="400" height="300"><div class="imagetext">Sonnenuntergang über Graz</div>'
picset[23]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/popup/panorama_4_2.jpg" width="400" height="300"><div class="imagetext">Jakominiplatz bei Sonnenuntergang</div>'


picset[7]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/restaurant/" width="400" height="300"><div class="imagetext">Opern Stüberl, bis zu 10 Personen</div>'
picset[8]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/restaurant/pic03.jpg" width="400" height="300"><div class="imagetext">Barbereich</div>'
picset[9]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/restaurant/pic13.jpg" width="400" height="300"><div class="imagetext">Unsere Küche</div>'
picset[10]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/restaurant/pic05.jpg" width="400" height="300"><div class="imagetext">Theke</div>'
picset[11]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/restaurant/pic09.jpg" width="400" height="300"><div class="imagetext">Eingang zum Restaurant</div>'
picset[12]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/restaurant/pic04.jpg" width="400" height="300"><div class="imagetext">Blick in Richtung - Großer Raum</div>'
picset[13]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/restaurant/pic01.jpg" width="400" height="300"><div class="imagetext">Blick in Richtung - Eingang</div></div>'
picset[14]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/restaurant/pic08.jpg" width="400" height="300"><div class="imagetext">Großer Raum, mit Glaswand abtrennbar, bis zu 30 Personen</div>'
picset[15]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/restaurant/pic10.jpg" width="400" height="300"><div class="imagetext">Terasse, bis zu 16 Personen</div>'
picset[16]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/restaurant/pic11.jpg" width="400" height="300"><div class="imagetext">Nische, bis zu 16 Personen</div>'
picset[17]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/restaurant/pic12.jpg" width="400" height="300"><div class="imagetext">Tisch 7 und 8</div>'
picset[18]='<div class="picitems" align="center" valign="middle"><img class="picbottom" src="images/restaurant/pic07.jpg" width="400" height="300"><div class="imagetext">Großer Raum</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="#EBDFDF" width="180" 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 showimage(e,which)  {
  if (!document.all&&!document.getElementById&&!document.layers)
  return
  
  clearhidemenu()
  
  menuobj=ie4? document.all.popimage : ns6? document.getElementById("popimage") : ns4? document.popimage : ""
  menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobj
  
  if (ie4||ns6)
  menuobj.innerHTML=which
  else{
  menuobj.document.write('<layer name="gui" bgColor="#EBDFDF" width="400" 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
  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()",100)
}

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" : ""
      }
    }
  }
}

function highlightimage(e,state){
  if (document.all)
    source_el=event.srcElement
  else if (document.getElementById)
    source_el=e.target
  if (source_el.className=="picitems") {
    source_el.id=(state=="on")? "mouseoverstyle" : ""
  }
  else  {
    while(source_el.id!="popimage")  {
      source_el=document.getElementById? source_el.parentNode : source_el.parentElement
      if (source_el.className=="picitems") {
        source_el.id=(state=="on")? "mouseoverstyle" : ""
      }
    }
  }
}

if (ie4||ns6)
document.onclick=hidemenu




