$(document).ready(function() {
	var carousel = $('#carousel_html');
	
	carousel.cycle({
		fx: 'fade',
		speed: 2000, 	// transition time
		timeout: 8000,	// 8 seconds delay before automatically changing slides
		pager: '#carousel_pager'
	});

	// stop the animation if the user clicks on a button in the pager
  $('#carousel_pager a').click(function() {
    carousel.cycle('pause');
  });
});