Event.observe(document,'dom:loaded',function(){
    var images = $$('#HomeGalleryImages img');
    var captions = $$('#HomeGalleryCaptions .caption');
    var current = -1;

    if( images.length == 1 ) return;

    images.each(Element.hide);
    captions.each(Element.hide);

    var rotate = function(){
        //hide the previous
        if( current >= 0 ){
            images[current].fade();
            captions[current].fade();
        }

        current +=1;
        current = current % images.length;

        //show the current
        images[current].appear();
        captions[current].appear();
    }

    rotate();

    setInterval(rotate,5000);

});