jQuery(document).ready(function($) {
    $('#slideshow .background, #slideshow .foreground').slideUp(0);
    $('#slideshow').cycle({
        fx: 'fade',
        timeout: 12000,
        speed: 2000,
        prev: '#prev',
        next: '#next',
        pager: '#pager',
        before: rollup,
        after: rolldown
    });

    function rollup(old_slide, new_slide, options) {
        var old_bg = $(old_slide).find('.background');
        var old_fg = $(old_slide).find('.foreground');
        if(old_bg.length) {
            old_fg.slideUp();
            old_bg.slideUp();
        }
    }

    function rolldown(old_slide, new_slide, options) {
        var new_bg = $(new_slide).find('.background');
        var new_fg = $(new_slide).find('.foreground');
        if(new_bg.length) {
            new_fg.slideDown(1000);
            new_bg.slideDown(1000);
        }
    }
});