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

  /*$('#billboardImages').before('<ul id="billboardNav">').cycle({ 
    fx: 'fade', 
    timeout: 3000, 
    pager:  '#billboardNav',
    pagerAnchorBuilder: function(idx, slide) { 
        return '<li><a href="#">&nbsp;</a></li>'; 
    } 
  });*/
  
  $('#billboardImages').cycle({ 
    fx: 'fade', 
    timeout: 3000, 
    pager:  '#billboardNav'
  });
});