var imgsArr = new Array();
var bilderArr = new Array();
var linksArr = new Array();
var texteArr = new Array();
var currentImg = 0;

function init_galerie() {
  // Array mit Bildern der Galerie füllen
  imgsArr = document.getElementById('galerie_thumbs').getElementsByTagName('img');
  for (var i=0; i<imgsArr.length; i++) {
    bilderArr.push(imgsArr[i].src);
  }
  // Array mit Links der Galerie füllen
  linksArr = document.getElementById('galerie_thumbs').getElementsByTagName('a');
  // Array mit Bildtexten füllen
  var psArr = document.getElementById('galerie_thumbs').getElementsByTagName('p');
  for (var i=0; i<psArr.length; i++) {
    texteArr.push(psArr[i].innerHTML);
  }
  currentImg = 0;
  changeImg(currentImg);
}

function changeImg(pID) {
  // Gewähltes Bild + Bildtext einblenden
  document.getElementById('galerie_gross').src = bilderArr[pID];
  document.getElementById('bildtext').innerHTML = texteArr[pID];
  // Bild markieren, dazu erstmal das bisher aktive wieder deaktivieren
  imgsArr[currentImg].className = '';
  imgsArr[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 >= (bilderArr.length-1)) {
    document.getElementById('nav_weiter').style.visibility = 'hidden';
  } else {
    document.getElementById('nav_weiter').style.visibility = 'visible';
  }
  // Wert des aktuellen Bilds speichern
  currentImg = pID;
}

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

function as_next() {
  changeImg(currentImg+1);
}

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