// #################################################################################################
// ##   INFO: Gehe zu 'ZOOM-TEMPLATE', um zu HTML zu schreiben, das Großbildansicht definiert !!  ##
// #################################################################################################

var i=0;

function suum(obj,bild){
  //Variablen definieren und ausrechnen:
  var galleryName = ImageGallerieObject['attributes'][0]['name'];
  var galleryDescription = ImageGallerieObject['attributes'][0]['describtion']; 
  var numberOfPics1 = ImageGallerieObject['attributes'][0]['bilderanzahl'];
  var numberOfPics = (parseInt(numberOfPics1));
  var showedPicObj = (parseInt(bild));
  var showedPic = showedPicObj+1;//verhindert, daß bspw. beim ersten Bild "Bild 0" angezeigt wird... 
  if(showedPicObj!=0){ 
    var lastPic = (parseInt(showedPicObj)-1)%(parseInt(numberOfPics));
  } else {
    var lastPic = numberOfPics-1;
  }
  var nextPic = (parseInt(showedPicObj)+1)%(parseInt(numberOfPics));
  var picPath = ImageGallerieObject['bilder'][showedPicObj%(parseInt(numberOfPics))]['imgsrc'];
  var picDescription = ImageGallerieObject['bilder'][showedPicObj%(parseInt(numberOfPics))]['beschreibung'];
  
  //Fenster-Position definieren: derart daß Großansicht genau im sichtbaren Bereich angezeigt wird
  document.getElementById('grossbildansicht').style.top = document.documentElement.scrollTop+'px';
  document.getElementById('grossbildansicht').style.height = document.documentElement.clientHeight-11+'px';
    
  //für IE6: Select-Felder ausblenden, weil sie ansonsten durchschimmern (bekannter Bug)
  //es gibt wohl noch elegantere Lösungen, die sind aber komplizierter; dafrü hatte ich keine Zeit/Lust
  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';
  
//#####################################################################################  
//############################# ZOOM-TEMPLATE #########################################  
//#####################################################################################  

  //Hier eine Browserweiche für IE,
  //weil im bestehenden Template IE-Breite von FF-Breite (s. CSS) abweicht: 
  if (navigator.appName.indexOf("Explorer") != -1){
    document.getElementById('grossbildansicht').style.width = '921px';
  }
      
  document.getElementById('grossbildansicht').innerHTML = 
    "<div class='zoom'>"
  + "<h1>"+galleryName+"</h1>"
  + "<p class='ersterAbsatz'>"+galleryDescription+"</p>"
  + "<p class='zweiterAbsatz'><a onclick='suum(\""+obj+"\",\""+lastPic+"\")'>&#171;</span> zurück </a> | Bild "+showedPic+" von "+numberOfPics+" | <a onclick='suum(\""+obj+"\",\""+nextPic+"\")'> weiter &#187;</a></p>"
  + "<p class='dritterAbsatz'><a href='javascript:zoomclose(\"grossbildansicht\")' title='Fenster Schließen'>X</a></p><br /></div>"
  + "<p class='vierterAbsatz'><img src='"+picPath+"' /><br />"+picDescription+"<br /><a href='javascript:zoomclose(\"grossbildansicht\")'>[ Großbildansicht schließen ]</a></p>";

//#####################################################################################
//###################### Ende ZOOM-TEMPLATE ###########################################
//#####################################################################################  

}

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

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