$(document).ready(function(){
	$('#slideshow').after('<div id="slideshownav">')
	.cycle({
        fx:     'fade',
        speed:   1200,
        timeout: 4000,
		pager: '#slideshownav'
    })
	
	$('#slideshownav').append('<div class="controls"><a href="#" id="pause">Pause</a><a href="#" id="play" class="selected">Play</a></div>');

	$('#pause').click(function(){
		$('#slideshow').cycle('pause');
		$('#play').removeClass('selected');
		$(this).addClass('selected');
		return false;
	});

	$('#play').click(function(){
		$('#slideshow').cycle('resume');
		$('#pause').removeClass('selected');
		$(this).addClass('selected');
		return false;
	});

});