$(document).ready(function() {

    // redefine Cycle's updateActivePagerLink function 
    $.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) { 
        $(pager).find('li').removeClass('active') 
            .filter('li:eq('+currSlideIndex+')').addClass('active'); 
    }; 
        
    $('ul#carousel').cycle({
        fx: 'fade', 
        speed:'slow',
        timeout:10000,  // milliseconds between slide transitions (0 to disable auto advance)
        random:1,
        pager:'#carousel-pager',
		activePagerClass:'active',
		pagerAnchorBuilder: function(idx, slide) { 
			// return selector string for existing anchor 
			return '#carousel-pager li:eq(' + idx + ') a'; 
		} 
    });

});