var showcase = $('.cycle').cycle({ 
    fx:     'fade',
    easing: 'easeOut',
    speed:  800, 
    timeout: 8000, 
    pager:  '#cyclenav',
    after: onAfter,
    slideExpr: 'img'

});

function onAfter(tin,tout,opts) {
    var theslide = opts.currSlide+1;
    $('#cycleurl').html('<a href="' + tout.name + '" target="_blank">' + tout.alt + '</a>');
    $('#cycle').html('<h1>' + tout.title + '</h1>'); 
}

var showcase = $('#showcase').cycle({ 
    fx:     'fade',
    easing: 'easeOut',
    speed:  800, 
    timeout: 8000, 
    pager:  '#showcasenav',
    after: onAfter2,
    slideExpr: 'img'

});

function onAfter2(tin,tout,opts) {
    var theslide = opts.currSlide+1;
    $('#showcaseurl').html('<a href="' + tout.name + '" target="_blank">' + tout.alt + '</a>');
    $('#scase').html('<h1>' + tout.title + '</h1>'); 
}