$(function() {
    $('#s1').cycle({ 
		fx: 'fade',
        speed: 500,
		timeout: 9000,
		random: 0,
		pager:  '#nav',
		pagerAnchorBuilder: function(idx, slide) { 
		        return '<a href="#"></a>'; 
		    }
    });
    $('#goto1').click(function() { 
        $('#s1').cycle(0); 
        return false; 
    });
    $('#goto2').click(function() { 
        $('#s1').cycle(1); 
        return false; 
    });
    $('#goto3').click(function() { 
        $('#s1').cycle(2); 
        return false; 
    });
    $('#goto4').click(function() { 
        $('#s1').cycle(3); 
        return false; 
    });
});

$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
    $(pager).find('li').removeClass('activeLI')
        .filter('li:eq('+currSlideIndex+')').addClass('activeLI');
};