SlideShow = Object.extend({
        delay           :   3000,
        start_frame     :   0,
        init            :
                function () {
                    var lis = $('slide-images').getElementsByTagName('li');

                    // hide all except the first one
                    for( i=1; i < lis.length; i++)
                        lis[i].style.display = 'none';
                    SlideShow.start_slideshow(lis, SlideShow.delay);
                },

        start_slideshow :   
                function (lis, delay) {
                    setTimeout(SlideShow.fade_in_out(lis, SlideShow.start_frame, delay), delay);
                },

        fade_in_out     :
                function (lis, frame, delay) {
                    return (function(){
                        Effect.Fade(lis[frame]);
                        frame = (frame + 1) % lis.length;
                        lisAppear = lis[frame];
                        setTimeout('Effect.Appear(lisAppear)', 500);
                        setTimeout(SlideShow.fade_in_out(lis, frame, delay), delay);
                        }
                    );
                }
}, {});

Event.observe(window, 'load', SlideShow.init, false);