$(function() {
    // start slideshow
    $('#slideshow').cycle({
        fx:      'fade',
        timeout:  12000,
        before:   onBefore
    });

    var totalSlideCount = 4;
    
    function onBefore(curr, next, opts) {
        if (!opts.addSlide)
            return;

            
        var currentImageNum = parseInt(next.src.match(/bg(\d)/)[1]);
            
        if (currentImageNum == totalSlideCount) {
            opts.addSlide = null;
            return;
        }
        
        opts.addSlide('<img src="http://www.ecoceanus.com/images/bg'+(currentImageNum+1)+'_v2.jpg" class="bg"/>');
    };
});