// Blendet das "ausgewählte" Bild groß ein
function BildAnzeigen ( xnImgNumber ) {
    if ( xnImgNumber != xnImageShow ) {
      Effect.Fade(xaImageFade[xnImageShow], { duration: 0.3 });
      Effect.Appear(xaImageFade[xnImgNumber], { duration: 0.3 });
      xnImageShow = xnImgNumber;
    }
          
    BildAktuell(xnImageShow); 
    
    BildText(xnImageShow);
}

// Blendet das aktuelle Bild aus und das vorherige ein
function BildZurueck ( ) {
    Effect.Fade(xaImageFade[xnImageShow], { duration: 0.3 });
    xnImageShow--;
    Effect.Appear(xaImageFade[xnImageShow], { duration: 0.3 });
    
    BildAktuell(xnImageShow); 
    
    BildText(xnImageShow);
}

// Blendet das aktuelle Bild aus und das darauffolgende ein
function BildWeiter ( ) {
    Effect.Fade(xaImageFade[xnImageShow], { duration: 0.3 });
    xnImageShow++;
    Effect.Appear(xaImageFade[xnImageShow], { duration: 0.3 });
    
    BildAktuell(xnImageShow); 
    
    BildText(xnImageShow);
}

// Gibt die Zahl des aktuellen Bildes aus (Das "x" bei "Bild x von y")
function BildAktuell(xnImageShow) {
    $('aktBild').update(xnImageShow+1);
    $('aktBild').innerHTML;
}

// Zeigt den jeweils passenden Beschreibungstext zum Bild an
function BildText(xnImageShow) {
    xaBildTexte = $$('.bildText');
    if ( xaBildTexte != null ){
      for (var i = 0; i < xaThumbs.length; ++i) {
        if (i == xnImageShow){
          xaBildTexte[i].show();
        } else {
          xaBildTexte[i].hide();
        }
      }
    }
}

Event.observe(window, 'load', function() {
  xaImageFade = $$('.galGross'); 
  // Thumbs
  xaThumbs = $$('.galThumb img');
  if ( xaThumbs != null ) {
    xnImageShow = 0;
    for (var i = 0; i < xaThumbs.length; ++i) {
      xaThumbs[i].curNumber = i;
      xaThumbs[i].observe("click", function(event) {
        var element = Event.element(event);
        BildAnzeigen(element.curNumber);
        StopEvent(event);
      });
    }
  }
  // Button "Bild zurück"
  $('bildZurueck').observe("click", function(event) {
        var element = Event.element(event);
        BildZurueck();
        StopEvent(event);
  });
  // Button "Bild weiter"
  $('bildWeiter').observe("click", function(event) {
        var element = Event.element(event);
        BildWeiter();
        StopEvent(event);
  });
});

function StopEvent(pE)
{
   if (!pE)
     if (window.event)
	pE = window.event;
     else
	return;
   if (pE.cancelBubble != null)
      pE.cancelBubble = true;
   if (pE.stopPropagation)
      pE.stopPropagation();
   if (pE.preventDefault)
      pE.preventDefault();
   if (window.event)
      pE.returnValue = false;
   if (pE.cancel != null)
      pE.cancel = true;
}  // StopEvent