﻿var SlideShow = Class.create({
    initialize: function(slide) {
        this.images = ['wp-content/themes/default/i/biking.jpg', 'wp-content/themes/default/i/running.jpg', 'wp-content/themes/default/i/standing.jpg'];
        this.images.each(function(img) { (new Image()).src = img;  });
        this.slide = slide;
        this.slideChanger = new PeriodicalExecuter(this.nextSlide.bind(this), 4);
        this.currentSlideIndex = 0;
    }, 
	
    nextSlide: function() {
		new Effect.Fade(this.slide, {
			duration: 0.75,
			afterFinish: function() {
				$(this.slide).src = this.images[++this.currentSlideIndex];
				if (this.currentSlideIndex >= this.images.length-1) this.currentSlideIndex = -1;
				new Effect.Appear(this.slide, {duration: 0.75});
			}.bind(this)
		});
    }
});