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

$('ul#slides').cycle({
    fx: 'fade',
    pause: 8,
    pager: '#slide-navigation',
    pagerAnchorBuilder: pagerFactory
    /*,
    pagerAnchorBuilder: function(idx, slide) {
      // return selector string for existing anchor
      return '#slide-navigation li:eq(' + idx + ') a';
    }
    */
});

function pagerFactory(idx, slide) {
    var s = idx > 10 ? ' style="display:none"' : '';
    //return '<li'+s+'><a href="#">'+(idx+1)+'</a></li>';
    return '<li'+s+'><a href="#"><span>'+(idx+1)+'</span></a></li>';
};