var durationWait = 1850;




function Slideshow(slideshow, timeout) {
   this.images = [];
   
   this.images[0] = '/images/frontheaders/img_header_1.jpg';
   this.images[1] = '/images/frontheaders/img_header_2.jpg';
   this.images[2] = '/images/frontheaders/img_header_3.jpg';
   this.images[3] = '/images/frontheaders/img_header_4.jpg';
   this.images[4] = '/images/frontheaders/img_header_5.jpg';
   
   $(slideshow).innerHTML = ''; 
   for (var x = 0; x < this.images.length; x++) {
      $(slideshow).innerHTML+='<div class="slide"><img src="'+this.images[x]+'" alt=""/></div>';
   }
   
    this.slides = [];
    var nl = $(slideshow).getElementsByTagName('div');
    for (var i = 0; i < nl.length; i++) {
      if (Element.hasClassName(nl[i], 'slide')) {
        this.slides.push(nl[i]);
      }
    }
    for (var i = 0; i < this.slides.length; i++) {
      this.slides[i].style.zIndex = this.slides.length - i;
    }
    this.timeout = timeout;
    this.current = 0;
    Element.show(slideshow);
    setTimeout((function(){this.next();}).bind(this), this.timeout + durationWait);
  }
  Slideshow.prototype = {
    next: function() {
      for (var i = 0; i < this.slides.length; i++) {
        var slide = this.slides[(this.current + i) % this.slides.length];
        slide.style.zIndex = this.slides.length - i;
      }
      Effect.Fade(this.slides[this.current], {
        afterFinish: function(effect) {
          effect.element.style.zIndex = 0;
          Element.show(effect.element);
          Element.setOpacity(effect.element, 1);
        }
      });
      this.current = (this.current + 1) % this.slides.length;
      setTimeout((function(){this.next();}).bind(this), this.timeout +durationWait);
    }
  }