main.js

// init and stop the inner slideshows
var inners = $('.gallery-project .gallery-images').cycle().cycle('stop');

var slideshow = $('#slideshow').cycle({
    fx: 'fade',
    speed: 300,
    timeout: 0,
    prev: '#prev',
    next: '#next',
    before: function() {
        // stop all inner slideshows
        inners.cycle('stop');
        
        // start the new slide's slideshow
        $(this).find('.gallery-images').cycle({
            fx: 'fade',
            timeout: 2000,
            pager: $(this).find('.slidesjs-pagination'),
            autostop: true,
            end: function() {
                // when inner slideshow ends, advance the outer slideshow
                slideshow.cycle('next');
            }
        });
    }
});