var spotlightImages = [];

$(function(){
    var timerTime = 5000;
    var timerDiff = 40;

    var next = function () {
        var images = spotlightImages[$(this).parent().parent().attr('id')];
    
        if($(this).hasClass('fading')) {
            return;
        }
        var currentSrc = $(this).attr('src');
        var currentSrcIndex = $.inArray(currentSrc, images);
        var nextSrc = images[(currentSrcIndex +1 == images.length ? 0 : currentSrcIndex+1)];
        $(this)
            .addClass('fading')
            .css('display','block')
            .parent()
                .css('backgroundImage', "url(" + currentSrc + ")")
            .end()
            .css('opacity',0)
            .attr('src', nextSrc)
            .fadeTo(400, 1, function(){
                $(this).removeClass('fading');
            });
    }
    
    $('div.spotlight_content.gespot img').each(function( i, obj ) {
        var diff = (Math.floor(Math.random() * timerDiff - timerDiff / 2)) * 100; // randomize interval a bit.
        var interval = timerTime + diff;
        $(obj)
            .everyTime(interval, 'spotlight_' + i, next)
            .click(next);
    } );
});