$(function() {


    $('#slideshow').after('<div id="nav" class="nav">').cycle({
		continuous:  0,
 		timeout:  6000,
        fx:     'fade',
        speed:  '2000 ',
        pager:  '#nav',
		before: onBefore
		

    });

	$('#pauseButton').click(function() { 
    $('#slideshow').cycle('pause'); 
});
    
	$('#resumeButton').click(function() { 
    $('#slideshow').cycle('resume'); 
});
        function onBefore() {
        $('#title').html(this.alt);
    }
});