$(function() {
    $('#slideshow')
		.after('<div id="slideshow-nav">')
		.cycle({
        	fx:       'scrollLeft',
        	timeout:   5000,
			pager:  '#slideshow-nav',
        	after:     function() {
            	$('#caption').html(this.alt);
        	}
    	});
	$('#pause-btn').click(function() { 
	    $('#slideshow').cycle('pause'); 
	});
	$('#play-btn').click(function() { 
	    $('#slideshow').cycle('resume'); 
	});
});