/**
 *  Javascript Basics Bibliothek
*/ 

bilderGalerie = {
  
  // Elementen-Objekt (DIV) des Galeriebildes
  galerie : false,
  // Bilderlisting der Galerie
  bilder : new Array(),
  // Aktueller Bildindex
  index : 0,
  // Initialisierungs-Funktion
  initialisieren : function( Element ) {
    if ( Element != '' )
      this.galerie = document.getElementById( Element );
    if ( this.galerie )
      this.galerie.style.backgroundImage = 'url(' + this.bilder[0] + ')';
    if ( this.bilder.length <= 1 ) {
      /**
       *  Steht nur ein Bild im Array, werden Navigationselemente und Textbox ausgeblendet
      */             
      document.getElementById( 'produktdaten_bild_bttn_prev' ).style.display = 'none';
      document.getElementById( 'produktdaten_bild_bttn_next' ).style.display = 'none';
      document.getElementById( 'produktdaten_text' ).style.display = 'none';
    }
    // Preloader starten
    this.preloader();
  },
  // Galeriebilder vorausladen
  preloader : function() {
    var pre = new Array();
    for( i=0; i < this.bilder.length; i++ ) {
      pre[i] = new Image();
      pre[i].src = this.bilder[i];
    }
    return ;
  },
  // Ladestatus des Bildes prüfen
  ladestatus : function() {
    var check = new Image();
    check.src = this.bilder[this.index];
    // Ladestatus Grafik anzeigen
    if ( check.complete != true )
      this.galerie.style.backgroundImage = 'url(assets/img_galerie_bild_laden.gif)';
  },
  // Rubrikbeschreibung ausblenden
  beschreibung_ausblenden : function() {
    if ( this.index == 0 )
      document.getElementById( 'produktdaten_text' ).style.display = 'block';
    else
      document.getElementById( 'produktdaten_text' ).style.display = 'none';
  },
  // Button Hover
  hoverButton : function( Bttn ) {
    document.getElementById( Bttn ).style.display = '';
  },
  // Weiter zum nächsten Bild ...
  weiter : function() {
    this.index++;
    if( typeof( this.bilder[this.index] ) == 'string' && this.bilder[this.index].match(/.+/) ) {
      this.galerie.style.backgroundImage = 'url(' + this.bilder[this.index] + ')';
      // this.index = naechster;
    } else {
      this.galerie.style.backgroundImage = 'url(' + this.bilder[0] + ')';
      this.index = 0;
    }
    // Beschreibung
    this.beschreibung_ausblenden();
    document.getElementById( 'debuggin' ).innerHTML = 'Id: ' + this.index;
  },
  // Zurück zum vorherigen Bild ...
  zurueck : function() {
    this.index--;
    if( typeof( this.bilder[this.index] ) == 'string' && this.bilder[this.index].match(/.+/) ) {
      this.galerie.style.backgroundImage = 'url(' + this.bilder[this.index] + ')';
      // this.index = naechster;
    } else {
      this.index = this.bilder.length-1;
      this.galerie.style.backgroundImage = 'url(' + this.bilder[this.index] + ')';
    }
    // Beschreibung
    this.beschreibung_ausblenden();
    document.getElementById( 'debuggin' ).innerHTML = 'Id: ' + this.index;
  }
} // object end

/**
 *  MooTool FX-Bibliothek
 *  ---------------------
*/

window.addEvent( 'domready', function() {
  
  // Verhalten für Button 'Zurück'
  var galBttnPrev = $('produktdaten_bild_bttn_prev');
  $('produktdaten_bild_bttn_prev').addEvent( 'mouseover', function(e) {
    e.stop();
    galBttnPrev.fade(0.8);
    });
    
  $('produktdaten_bild_bttn_prev').addEvent( 'mouseout', function(e) {
    e.stop();
    galBttnPrev.fade(0.01);
    });
    
  // Verhalten für Button 'Weiter'
  var galBttnNext = $('produktdaten_bild_bttn_next');
  $('produktdaten_bild_bttn_next').addEvent( 'mouseover', function(e) {
    e.stop();
    galBttnNext.fade(0.8);
    });
    
  $('produktdaten_bild_bttn_next').addEvent( 'mouseout', function(e) {
    e.stop();
    galBttnNext.fade(0.01);
    });
    
});

/*
var BildBox = new Fx.Morph( 'produktdaten_bild', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});

BildBox.start({
  'opacity' : 0,
  'background-color' : '#f00'
  });
*/

// eof