var erstesbild = 1; // ist entweder 1 oder 7 oder 13 oder...
var aktbild = 1; // geht von 1 bis maxbilder
var maxbilder = 0 // ist die max. Anzahl Bilder der Galerie

function schliessen(){
  var i = 1;
  while(i <= maxbilder){
    document.getElementById("Bildbox"+i).style.display='none';
    document.getElementById('imgthumb2-'+i).style.display='none';
    document.getElementById('imgthumb-'+i).style.display='none';
    i++;
  }
}


function anzeigen(was){
  aktbild = was;
  ThumbsAnzeigen();
}

function tastendruck(Ereignis){
  if (!Ereignis) Ereignis = window.event;
  if(Ereignis.keyCode==39) naechstesanzeigen(); // Pfeiltaste links
  if(Ereignis.keyCode==37) vorherigesanzeigen(); // Pfeiltaste rechts
  if(Ereignis.keyCode==40) zeilehoch();// Pfeil nach oben
  if(Ereignis.keyCode==38) zeilerunter();// Pfeil nach unten
}

function zeilehoch() {
  if(aktbild < erstesbild+3) {
    aktbild = aktbild + 3;
    ThumbsAnzeigen();
  }
}
function zeilerunter() {
  if(aktbild > erstesbild+2) {
    aktbild = aktbild - 3;
    ThumbsAnzeigen();
  }
}
function naechstesanzeigen(){
  if(aktbild < maxbilder) aktbild++;
  ThumbsAnzeigen();
}

function vorherigesanzeigen(){
  if(aktbild > 1) aktbild--;
  ThumbsAnzeigen();
}

function ThumbsAnzeigen(){
  schliessen();
  // großes Bild anzeigen
  document.getElementById('Bildbox'+aktbild).style.display='block';
  aktbild0 = aktbild-1 
  erstesbild = (aktbild0 - (aktbild0 % 6)) / 6;
  erstesbild = erstesbild * 6 + 1;
  var i = erstesbild;
  var maxbild = erstesbild + 6;
  if(maxbild > maxbilder) maxbild = maxbilder+1;
  while(i < maxbild){
    if(i==aktbild) {
      document.getElementById('imgthumb2-'+i).style.display='inline';
    }else{
      document.getElementById('imgthumb-'+i).style.display='inline';
    }
    i++;
  }
  document.getElementById('bildnr').value = 'Bild '+aktbild; 
}