//dieser Kram ist dafür, dass das Zoom-Fenster ausgeblendet wird,
//sobald man irgendwo ins Dokument klickt.
//function clickereignis (Ereignis) {
  //if (!Ereignis)
  //Ereignis = window.event;
  //zoomclose('grossbildansicht')
//}
//document.onmouseup = clickereignis;
//document.onkeyup = clickereignis;

var i=0;

function suum(obj,bild){
  var IMObilderanzahl1 = ImageGallerieObject['attributes'][0]['bilderanzahl'];
  var IMObilderanzahl = (parseInt(IMObilderanzahl1));
  var pic = (parseInt(bild));
  var picnat = pic+1;
  if(pic!=0){ 
    var vorigesbild = (parseInt(pic)-1)%(parseInt(IMObilderanzahl));
  } else {
    var vorigesbild = IMObilderanzahl-1;
  }
  var naechstesbild = (parseInt(pic)+1)%(parseInt(IMObilderanzahl));
  var IMOsrc = ImageGallerieObject['bilder'][pic%(parseInt(IMObilderanzahl))]['imgsrc'];
  var IMObeschreibung = ImageGallerieObject['bilder'][pic%(parseInt(IMObilderanzahl))]['beschreibung'];
  //Fenster-Position definieren:
  document.getElementById('grossbildansicht').style.top = document.documentElement.scrollTop+'px';
  document.getElementById('grossbildansicht').style.width = '990px';
  var drittel = Math.round(935/3);
  if(navigator.appName=='Microsoft Internet Explorer'){
    //alert('IE');
    document.getElementById('grossbildansicht').style.width = '970px';
    var drittel = Math.round(921/3);
  }
  //alert (drittel);
  document.getElementById('grossbildansicht').style.height = document.documentElement.clientHeight-11+'px';
  //document.getElementById('grossbildansicht_back').style.width = '10000px';
  //document.getElementById('grossbildansicht_back').style.height = '10000px';
  //alert(document.documentElement.clientHeight);
  //nur für IE6: Select-Felder ausblenden, weil sie ansonsten durchschimmern (bekannter Bug)
  //es gibt wohl noch elegantere Lösungen, die sind aber komplizierter; hatte ich keine Zeit für
  var selectfelder = document.getElementsByTagName("select");
  for (var i = 0; i < selectfelder.length; i++) {
    selectfelder[i].style.visibility = 'hidden';
  }
  //Einblenden des Fensters  
  document.getElementById('grossbildansicht').style.display = 'block';
  //document.getElementById('grossbildansicht_back').style.display = 'block';   
  //filter:alpha(opacity=75);-moz-opacity:75;opacity:.75; --> später mal einblenden...
  //Inhalt einbauen
  document.getElementById('grossbildansicht').innerHTML = "<div style='margin:0px;background-color:#308030;color:white;padding:0px;border:0px solid black;height:80px'>"
                                                        + "<h1 style='border:0px solid black;color:white;float:left;margin:0px;20px;0px;0px;'>"+ImageGallerieObject['attributes'][0]['name']+"</h1>"
                                                        + "<p style=';color:white;float:left;margin:14px;0px;0px;0px;'>"+ImageGallerieObject['attributes'][0]['describtion']+"</p>"
                                                        + "<p style=';color:white;float:left;margin:14px;0px;0px;0px;'><a onclick='suum(\""+obj+"\",\""+vorigesbild+"\")'><span style='padding-bottom:0px;border:0px solid red;'>&#171;</span> zurück </a> | Bild "+picnat+" von "+ImageGallerieObject['attributes'][0]['bilderanzahl']+" | <a onclick='suum(\""+obj+"\",\""+naechstesbild+"\")'> weiter &#187;</a></p>"
                                                        + "<p style='border:0px solid black;float:right;color:white;font-family:tahoma;font-size:16pt;font-weight:800'><a style='color:#ffffff;text-decoration:none' href='javascript:zoomclose(\"grossbildansicht\")' title='Fenster Schließen'>x</a></p><br /></div>"
                                                        + "<p style='width:100%;text-align:center;margin-top:25px;'><img src='"+IMOsrc+"' /><br />"+IMObeschreibung+"<br /><a href='javascript:zoomclose(\"grossbildansicht\")' style='font-size:smaller;font-family:verdana;text-decoration:none;color:#308030'>[ Großbildansicht schließen ]</a></p>";

}

function vor(obj,bild){
var bildneu = Number(bild)+1;
alert(bildneu);
var IMO = ImageGallerieObject['bilder'][Number(bildneu)]['imgsrc'];
document.getElementById('grossbildansicht').innerHTML = "<table width='100%' height='100%'><tr><td><a onclick='vor(\""+obj+"\",\""+Number(bild)+1+"\")'>voriges Bild</span></td><td>nächstes Bild</td></tr><tr><td colspan='2' style='vertical-align:center;text-align:center;background-color:#ffffff'><img style='width:400px;height:400px' src='"+IMO+"' /><br /><a href='javascript:zoomclose(\"grossbildansicht\")' style='font-size:smaller;font-family:verdana;text-decoration:none;color:#9B866F'>[ Großbildansicht schließen ]</a></td></tr></table>";
}


function zoomclose(fenster) {
  //nur für IE6: Select-Felder wieder einblenden
  var selectfelder = document.getElementsByTagName("select");
  for (var i = 0; i < selectfelder.length; i++) {
    selectfelder[i].style.visibility = 'visible';
  }
  //Fenster ausblenden:
  document.getElementById('grossbildansicht').style.display = "none";
  document.getElementById('grossbildansicht_back').style.display = "none";
}