/**
 * Image slideshow with transitions
 *
 * @author Jeff Keen
 * @requires prototype.js, scriptaculous.js
 */

var pics = new Array();
    pics[0] = 'chicago-bean.jpg';
    pics[1] = 'detroit-skyline.jpg';
    pics[2] = 'rock-passage.jpg';
    
var transSpeed = 9000; // Time between slides. 1000 equals 1.0 seconds
var fadeInSpeed = 2.0; // seconds
var fadeOutSpeed = 2.0; // seconds
var imagePath = '/img/slideshow/';

// Do not modify below
var toA;
var toB;
var loops = 0;
var key = 0; // array key of preloaded pics
var totalPics = pics.length;

var preLoad = new Array()
for (i=0; i<totalPics; i++) {
   preLoad[i] = new Image();
   preLoad[i].src = imagePath + pics[i];
}

function runSlideShow() {
    if (loops != 0) { $('slide').appear({ duration: fadeInSpeed, from: 0.7, to: 1 }); } // Don't fade in on first load
    $('slide').src = preLoad[key].src; // This starts while fade-in is occurring
    toA = setTimeout("Effect.Fade('slide', { duration:"+fadeOutSpeed+", from: 1.0, to: 0.7 })", transSpeed-(fadeOutSpeed*1000));
    
    loops++;
    key++;

    if (key > (totalPics-1)) { key = 0; }
    toB = setTimeout('runSlideShow()', transSpeed);
}

Event.observe(window, 'load', function() {
	runSlideShow();
});