$.getScript('js/jquery-cycle.js',function() {
    $('.mainImage').cycle({
        fx: 'fade',
        speed: 500,
        timeout: 8000,
        pager: '.thumbnails',
		pagerEvent: 'mouseover',
		pauseOnPagerHover: true,
		pagerAnchorBuilder: function(idx, slide) {
			return '.thumbnails ul li:eq(' + (idx) + ') a';
        }
    });
	
	$('.mainImage').hover(function(){
			$('.mainImage').cycle('pause');
		},	
		 	  
	function() {
		$('.mainImage').cycle('resume');
	});
	
	$('#pauseButton').click(function() { 
    	$('.mainImage').cycle('pause'); 
	});
	
	$('#resumeButton').click(function() { 
    	$('.mainImage').cycle('resume'); 
	});

});