var imgs = new Array();
var bilder = new Array();
var links = new Array();
var texte = new Array();
var current = 0;

function init_galerie() {
  // Array mit Bildern der Galerie füllen
  imgs = document.getElementById('galerie_thumbs').getElementsByTagName('img');
  for (var i=0; i<imgs.length; i++) {
    bilder.push(imgs[i].src);
  }
  // Array mit Links der Galerie füllen
  links = document.getElementById('galerie_thumbs').getElementsByTagName('a');
  // Array mit Bildtexten füllen
  var ps = document.getElementById('galerie_thumbs').getElementsByTagName('p');
  for (var i=0; i<ps.length; i++) {
    texte.push(ps[i].innerHTML);
  }
  current = 0;
  changeImg(current);
}

function changeImg(pID) {
  // Gewähltes Bild + Bildtext einblenden
  document.getElementById('galerie_gross').src = bilder[pID];
  document.getElementById('bildtext').innerHTML = texte[pID];
  // Bild markieren, dazu erstmal das bisher aktive wieder deaktivieren
  imgs[current].className = '';
  imgs[pID].className = 'aktiv';
  // Pfeil weiter / zurück ausblenden, falls nötig
  if (pID <= 0) {
    document.getElementById('nav_zurueck').style.visibility = 'hidden';
  } else {
    document.getElementById('nav_zurueck').style.visibility = 'visible';
  }
  if (pID >= (bilder.length-1)) {
    document.getElementById('nav_weiter').style.visibility = 'hidden';
  } else {
    document.getElementById('nav_weiter').style.visibility = 'visible';
  }
  // Wert des aktuellen Bilds speichern
  current = pID;
}

function galerie(pNode) {
  // Position im Array herausfinden
  for (var i=0; i<links.length; i++) {
    if (pNode == links[i]) {
      changeImg(i);
    }
  }
}

function next() {
  changeImg(current+1);
}

function prev() {
  changeImg(current-1);
}