//depends on fade.js

SlideShow = {};
SlideShow.fade = true;
SlideShow.speed = 7000;
SlideShow.id = "mainpic";
SlideShow.images = [];
SlideShow.currentPhoto = 1;
SlideShow.timer = null;
SlideShow.stopped = true;
SlideShow.startButtonId = "startButton";
SlideShow.stopButtonId = "stopButton";

SlideShow.addImage = function(imgsrc) {
    SlideShow.images[SlideShow.images.length] = imgsrc;
}

SlideShow.changeImage = function() {
    if (SlideShow.currentPhoto >= SlideShow.images.length) {
        SlideShow.currentPhoto = 0;
    }
    var imgsrc = SlideShow.images[SlideShow.currentPhoto++];
    if (SlideShow.fade) {
        SlideShow.fadeImg(imgsrc);
    } else {
        document.getElementById(SlideShow.id).src = imgsrc;
    }
}
SlideShow.fadeImg = function (imgSrc) {
    Fade.fadeOutHandler = function() {
        document.getElementById(SlideShow.id).src = imgSrc
        setTimeout("Fade.fadeIn('" + SlideShow.id + "')", 200);
    }
    Fade.fadeOut(SlideShow.id);
}

SlideShow.start = function() {
    if (SlideShow.stopped) {
        SlideShow.timer = setInterval(SlideShow.changeImage, SlideShow.speed);
        if (document.getElementById(SlideShow.startButtonId) != null) {
            document.getElementById(SlideShow.startButtonId).style.display = 'none';
            document.getElementById(SlideShow.stopButtonId).style.display = 'block';
        }
        SlideShow.stopped = false;
    }
}

SlideShow.stopSlideShow = function() {
    clearInterval(SlideShow.timer);
    if (document.getElementById(SlideShow.startButtonId) != null) {
        document.getElementById(SlideShow.startButtonId).style.display = 'block';
        document.getElementById(SlideShow.stopButtonId).style.display = 'none';
    }
    SlideShow.stopped = true;
}