$(document).ready(function(){
    //insert pager
    $('.slides').each(function(){
        //add the list 
        $(this).append('<ul id="slide-pager" class="slide-pager" />');
        //fill it with the appropriate number of links
        counter = 1;
        $('#slides > div').each(function(){
            $('#slide-pager').append('<li id="rotator-' + counter + '" class="pager-item" />');
            counter++;
        });
    });
    
    $('#slides').cycle({
        speed:  'fast', 
        timeout: 5000,
        cleartypeNoBg: true,
        pager:  '#slide-pager',
        //pauseOnPagerHover: true,
        pagerAnchorBuilder: function(idx, slide) { 
        // return selector string for existing anchor 
        return '#slide-pager li:eq(' + idx + ')'; 
        }
    });
});