$(document).ready(function() {
    $('#heroNav').addClass('js');
    $.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
        $(pager).find('li').removeClass('active')
            .filter('li:eq(' + currSlideIndex + ')').addClass('active');
    };
    //cycle images in banner
    $('#slides').cycle({ 
        speed:       600,
        timeout: 5000,
        pauseOnPagerHover: 0,
        pager:      $('#heroNav'), 
        pagerEvent: 'click',
        fx:     'fade', 
        speed:  'slow', 
        next:   '#next', 
        prev:   '#previous',
        pagerAnchorBuilder: function(idx, slide) {
        // return sel string for existing anchor
        return '#heroNav li:eq(' + (idx) + ')';
        }
    });
});