/* 
Steven Price
Mar 2010
Pause and navigate images
*/

$(document).ready(function() { 	
	
	/* write link using JS so non-JS users will never see it*/
	$('div#pause_news').append('<a id="link_pause2" href="#">Pause news scroll</a>');
	
	/* write link using JS so non-JS users will never see it*/
	$('div#prev_next_news').append('<a id="prev3" href="#">Prev</a> &nbsp;&nbsp; <a id="next3" href="#">Next</a>');
	
	/* hide previous / next buttons on load */
	$('div#prev_next_news').hide();
	
	/* begin slideshow, allow user to navigate by previous/next when pause is clicked */
	$('#s3').cycle({ 	   
	     fx:     'turnUp', 
        speed:  2000,
         timeout: 8000, 
         next:   '#next3', 
         prev:   '#prev3'		
    });
	
	
	
/* when pause is clicked hide link, show previous/next navigation. Return false on link so user isn't returned to the top of the page */
	$('a#link_pause2').click(function() {	
	   $('#s3').cycle('pause');	
	   $(this).hide();
	   $('div#prev_next_news').show();
	   return false;       
	});	
	
	
	/* Return false on link so user isn't returned to the top of the page */
	$('div#prev_next_news').click(function(){
	   return false;		   
	
	});
	
	
});