$(document).ready(function() {

	$("#slideshow").after("<div id='pager'></div>").fadeIn().cycle({
		fx: 'fade',
		speed: 1000,
		timeout: 5000,
		pause: 1,
		sync: 1,
		pager: '#pager'
	});
	$(".hover_pause").hover(function() {
		$("#pause").text("PAUSED").addClass("paused"); 
	}, function() {
		$("#pause").text("PAUSE").removeClass("paused"); 
	}); 
	$("#pause").hover(function() {
		$("#slideshow").cycle("pause"); 
	}, function() {
		$("#slideshow").cycle("resume"); 
	}); 

});