var LastIT = Class.create();
LastIT.prototype = {
  referenceList: ['blaier.png','brielmann.png','hofmaier_1.png','ic.png','lemidi.png','rempfer.png', 'oliverschmid.png', 'feuerwehrmoessingen.png'],
  referenceListCurrent: 1,
  slideTime: 5000,
  referencePath: '/images/ref/',
  initialize: function() {
    this.createReferenceSlider();
  },
  createReferenceSlider: function() {
    if(!$('reference-slider-box')){
      return;
    }

    var r = [];
    $(this.referenceList).each(function(item){
      if(Math.round(Math.random())){
        r.push(item);
      }
      else {
        r.unshift(item);
      }
    });
    this.referenceList = r;
    var img1 = Builder.node('img', {
      src: this.referencePath+r[0],
      id: 'reference-slider-img1',
      style: 'z-index:1;',
      alt: 'Last-IT Referenz'
    });
    var img2 = Builder.node('img', {
      src: this.referencePath+r[1],
      id: 'reference-slider-img2',
      alt: 'Last-IT Referenz',
      style: 'z-index:2;'
    });
    $(img2).hide();
    $('reference-slider').appendChild(img1);
    $('reference-slider').appendChild(img2);
    this.slide();
  },
  slide: function() {
    this.referenceListCurrent = (this.referenceListCurrent + 1) % this.referenceList.length;
    if($('reference-slider-img2').visible()) {
      Effect.Fade($('reference-slider-img2'), {afterFinish: function(){
        $('reference-slider-img2').src = this.referencePath+this.referenceList[this.referenceListCurrent];
        setTimeout(this.slide.bind(this), this.slideTime);
      }.bind(this)});
    }
    else {
      Effect.Appear($('reference-slider-img2'), {afterFinish: function(){
        $('reference-slider-img1').src = this.referencePath+this.referenceList[this.referenceListCurrent];
        setTimeout(this.slide.bind(this), this.slideTime);
      }.bind(this)});
    }
  }
}
document.observe('dom:loaded', function(){new LastIT();});