$(document).ready(function() {
	$('.slideshow').show()
	var insertAfter = '<div id="slideshowNav"><div id="slideshowPages"></div><div id="slideshowControls"><a href="#" id="pauseButton">||</a><a style="display:none;" href="#" id="resumeButton">&gt;</a></div></div>'
	
    $('.slideshowContent').after(insertAfter).cycle({
		fx: 	'fade',
		speed: 1050, 
		timeout: 7000, //7000
		pager:  '#slideshowPages',
		pause: 1,
		cleartypeNoBg: true
	});
	
	$('#pauseButton').click(function() { 
  		  $('.slideshowContent').cycle('pause'); 
  		  $('#pauseButton').hide()
  		  $('#resumeButton').show()
	});
	
	$('#resumeButton').click(function() { 
    	$('.slideshowContent').cycle('resume'); 
     	$('#resumeButton').hide()
  		$('#pauseButton').show()
	});
});