$(document).ready(function() {
    //$('#slideshow').before('<div id="nav" class="nav">');
    $('#slideshow').cycle({
        fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        speed: 3000,
        timeout: 7000,
        pager: '#nav',
        before: onBefore 
        //after: onAfter
    });
});

function onBefore(currSlideElement, nextSlideElement,
options, forwardFlag) {
    $('#output').html(this.title);
}
function onAfter(currSlideElement, nextSlideElement,
options, forwardFlag) {
    $('#output').html(this.title);
}