// Mehrdimensionales Array
// erste Ebene slideid
// zweite Ebene ['imgs'] Array mit den Bilder.src
//              ['descr'] Array mit den Bildbeschreibungen
//              ['zoomurl'] Action die beim Klick auf die Zoomfunktion ausgefuehrt wird (per eval)
//              ['current'] Nummer des Aktuellen Bildes in der Slideshow
var slides = new Array();


// Bild zur slideshow hinzufuegen
function slide_add_img(slideshow, bildurl, bildtext, zoomurl) {
  if (!slides[slideshow]) {
    slides[slideshow] = new Array();
    slides[slideshow]['imgs'] = new Array();
    slides[slideshow]['descr'] = new Array();
    slides[slideshow]['zoomurl'] = new Array();
    slides[slideshow]['current'] = 0;
  }
  var img_number = slides[slideshow]['imgs'].length;
  slides[slideshow]['imgs'][img_number] = new Image;
  slides[slideshow]['imgs'][img_number].src = bildurl;
  slides[slideshow]['descr'][img_number] = bildtext;
  slides[slideshow]['zoomurl'][img_number] = zoomurl;
}

// Naechstes Bild der slideshow anzeigen
// mit automatischem "Ueberlauf" zum ersten
function slide_next(slideshow) {
  if (slides[slideshow]['current'] < (slides[slideshow]['imgs'].length - 1)) {
    slides[slideshow]['current']++;
  } else {
    slides[slideshow]['current'] = 0;
  }
  c = slides[slideshow]['current'];
  document.getElementById('slide_img_' + slideshow).src = slides[slideshow]['imgs'][c].src;
  document.getElementById('slide_img_descr_' + slideshow).innerHTML = slides[slideshow]['descr'][c];
  slide_update_pos_display(slideshow, c + 1, slides[slideshow]['imgs'].length);
}

// Positionsanzeige in der slideshow aktualisieren
function slide_update_pos_display(slideshow, current, total) {
  document.getElementById('slide_pos_display_' + slideshow).innerHTML = "Bild " + current + " von " + total;
}

// Vorheriges Bild der slideshow anzeigen
// mit automatischem "Ueberlauf" zum letzen Bild
function slide_prev(slideshow) {
  if (slides[slideshow]['current'] > 0) {
    slides[slideshow]['current']--;
  } else {
    slides[slideshow]['current'] = slides[slideshow]['imgs'].length - 1;
  }
  c = slides[slideshow]['current'];
  document.getElementById('slide_img_' + slideshow).src = slides[slideshow]['imgs'][c].src;
  document.getElementById('slide_img_descr_' + slideshow).innerHTML = slides[slideshow]['descr'][c];
  slide_update_pos_display(slideshow, c + 1, slides[slideshow]['imgs'].length);
}

// Zeigt das erste Bild der slideshow - zum initialisieren
function slide_show_first(slideshow) {
  document.getElementById('slide_img_' + slideshow).src = slides[slideshow]['imgs'][0].src;
  document.getElementById('slide_img_descr_' + slideshow).innerHTML = slides[slideshow]['descr'][0];
}

// Ruft die zoomurl auf
function slide_zoom_click_handler(slideshow) {
  eval(slides[slideshow]['zoomurl'][slides[slideshow]['current']]);
}

// Wird beim Klick auf das Bild aufgerufen
function slide_click_handler(slideshow) {
  slide_next(slideshow);
}

// Initialisieren
function slide_start() {
  var i = 0;
  for (i = 0; i < slides.length; i++) {
    if (slides[i]) {
      slide_show_first(i);
      slide_update_pos_display(i, slides[i]['current'] + 1, slides[i]['imgs'].length);
    }
  }
}

// Die Breite der Slideschow einstellen
function slide_set_width(slideshow, width) {
	document.getElementById('slide_' + slideshow).style.width = width + 'px';
}

function openBild(bildid) {
  var win = window.open("bildpopup.php?id=" + bildid, "Bild", "resizable=no,scrollbars=no,width=750,height=550");
  win.focus(); 
}


// gibt das HTML fuer eine Slideshow aus
function slide_new(slideshow) {
  with (document) {
    write('<table id="slide_' + slideshow + '" class="slide">');
      write('<tr><td class="slide_left">');
      write('<table class="imageview">');
        write('<tr><td class="slide_img">');
        write('<img class="slide_img" onclick="slide_click_handler(' + slideshow + ')" id="slide_img_' + slideshow + '" src="/images/pixel.gif" width="251" height="167" alt="">');
        write('</td></tr>');
        write('<tr><td>');
        write('<table class="counter">');
          write('<tr>');
          write('<td class="prevbutton">');
          write('<a href="javascript:slide_prev(' + slideshow + ')"><img src="/images/pfeil_links.png" border="0"></a>');
          write('</td><td class="counterdisplay">');
          write('<span id="slide_pos_display_' + slideshow + '"></span>');
          write('</td><td class="nextbutton">');
          write('<a href="javascript:slide_next(' + slideshow + ')"><img src="/images/pfeil_rechts.png" border="0" align="right"></a>');
          write('</td><td class="nextbutton">');
          write('<a href="javascript:slide_zoom_click_handler(' + slideshow + ')"><img src="/images/plus.png" border="0" align="right"></a>');
          write('</td>');
          write('</td></tr>');
        write('</table>');
        write('</td></tr>');
      write('</table>');
      write('</td>');
      write('<td id="slide_img_descr_' + slideshow + '" class="descr">');
      write('</td></tr>');
    write('</table>');
  }
}