/*
 Governs the image rotation
*/

Event.observe(document,'dom:loaded',function(){
    var images = $$('#RotateImage .image');
    var current_image = 0;

    images.each(Element.hide);
    images[0].appear({duration: 3.0});

    var rotate_images = function(){
        images[current_image].fade({duration: 3.0})
        current_image+=1;
        if( current_image >= images.length ) current_image = 0;
        images[current_image].appear({duration: 3.0});
    };
    setInterval( rotate_images, 10000 );
});