function beimLaden() {
  $('.bildVorschau').hover(
      function() {
        $(this).css('filter', 'Gray()');
        $(this).css('opacity', '0.8');
      }, 
      function() {
        $(this).css('filter', 'none');
        $(this).css('opacity', '1');
      });
  for (var i = 1; i <= 9; i++) {
    var nr = (i>9)?'' + i:'0' + i;
    var vorschau = document.getElementById('vorschauBild' + nr);
    vorschau.style.position = 'absolute';
    vorschau.style.top = '0';
    vorschau.style.left = ((i-1) * VORSCHAU_BILDBREITE) + "px";
  }
  ladeSeite();
}
function bildAnzeigen(nr) {
  document.getElementById('bild' + nr).style.display = 'block';
  document.getElementById('beschriftung' + nr).style.display = 'block';
}
function bildVerstecken(nr) {
  document.getElementById('bild' + nr).style.display = 'none';
  document.getElementById('beschriftung' + nr).style.display = 'none';
}
function galerieWeiter() {
  if (seiteGalerie >= ANZAHL_SEITEN) {
    seiteGalerie = 1;
  } else {
    seiteGalerie += 1;
  }
  //$('.bildVorschau').fadeTo('normal', 0, ladeSeite);
  $('.bildVorschau').hide(0, ladeSeite);
}
function galerieZurueck() {
  if (seiteGalerie == 1) {
    seiteGalerie = ANZAHL_SEITEN;
  } else {
    seiteGalerie -= 1;
  }
  $('.bildVorschau').hide(0, ladeSeite);
  //$('.bildVorschau').fadeTo('normal', 0, ladeSeite);
}
function ladeSeite() {
  var bildNr=1 + (seiteGalerie - 1) * ANZAHL_BILDER_PRO_SEITE;
  for (var i = 1; i <= 9; i++) {
    var nr = (i>9)?'' + i:'0' + i;
    var vorschau = document.getElementById('vorschauBild' + nr);
    var beschriftung = document.getElementById('beschriftung' + nr) ;
    $(vorschau).removeClass('bildVorschau');
    if (bildNr <= beschriftungen.length) {
      var bilddatei = 'bild' + ((bildNr<=9)?'0' + bildNr:bildNr) + '.jpg';
      vorschau.src='bilder/galerie/vorschau/' + bilddatei;
      $(vorschau).addClass('bildVorschau');
      while (beschriftung.hasChildNodes()) {
        beschriftung.removeChild(beschriftung.firstChild);
      }
      beschriftung.appendChild(document.createTextNode(beschriftungen[bildNr-1]));
      bildNr += 1;
    }
  }
  //$('.bildVorschau').load(function() {$(this).fadeTo('normal', 1)});
  $('.bildVorschau').load(function() {$(this).show()});
  
  bildNr=1 + (seiteGalerie - 1) * ANZAHL_BILDER_PRO_SEITE;
  for (var i = 1; i <= 9; i++) {
    var nr = (i>9)?'' + i:'0' + i;
    var bild = document.getElementById('bild' + nr) ;
    if (bildNr <= beschriftungen.length) {
      var bilddatei = 'bild' + ((bildNr<=9)?'0' + bildNr:bildNr) + '.jpg';
      bild.src='bilder/galerie/' + bilddatei;
    }
    bildNr += 1;
  }
}