$(function() {

    $('#pause').click(function() { $('#slideshow').cycle('pause'); return false; });
    $('#play').click(function() { $('#slideshow').cycle('resume'); return false; });
    
    $('#slideshow').cycle({
        fx:     'scrollLeft',
        speed:  'slow',
        timeout: 0,
        pager:  '#nav',

 pagerAnchorBuilder: function(id, slide) { 

        // Split off the filename with no extension (period + 3 letter extension)
        var new_src = slide.src.substring(0,slide.src.length-4);

        // Add the "t"
        new_src += "t";

        // Add the period and the 3 letter extension back on
        new_src += slide.src.substring(slide.src.length-4,slide.src.length);

        // Set this as the source for our image
        return '<li><a href="javascript:void(0);"><img src="' + new_src + '" width="196" height="64" alt="" /></a></li>';
}

    });

});