$(document).ready(function() {

$('#slideshow').cycle({
    fx:     'fade',
    speed:  'slow',
    timeout: 6000,
    pager:  '#ssPager',
	// next:   '#ssNext', 
    // prev:   '#ssPrev',
	
	// callback fn that creates a thumbnail to use as pager anchor 
    pagerAnchorBuilder: function() { 
        return '<a href="#"><img src="/sitefiles/image/home/banners/circle-white.png"></a>'; 
    }
	
});

$('#ssPrev, #ssNext, #ssPager a').click(function() {
  $('#slideshow').cycle('pause');
  $('#ssPause').hide();
  $('#ssPlay').show();
});

$('#ssPause').click(function() {
  $('#slideshow').cycle('pause');
  $('#ssPause').hide();
  $('#ssPlay').show();
});

$('#ssPlay').click(function() {
  $('#slideshow').cycle('resume');
  $('#ssPause').show();
  $('#ssPlay').hide();
});

});