$(document).ready(function(){

	$('#carouselPaging').before("<a href='#' class='carouselPause'>pause</a>");
		
    $('#carouselFrames').cycle({
		fx: 			'fade',
        timeout: 		5000,
        pager: 			'#carouselPaging',
		pagerAnchorBuilder: function(idx, slide) { 
			// return selector string for existing anchor 
			return '#carouselPaging li:eq(' + idx + ') a'; 
		}
    });
    
    $(".carouselPause").live("click", function()
		{
			$(this).removeClass("carouselPause").addClass("carouselPlay").text("play");
			$('#carouselFrames').cycle('pause');			
			return false;
		}
	);
    
    $(".carouselPlay").live("click", function()
		{
			$(this).removeClass("carouselPlay").addClass("carouselPause").text("pause");
			$('#carouselFrames').cycle('resume');			
			return false;
		}
	);
	
});