jQuery(document).ready(function(){

  jQuery('.hero-content').before('<ul id="home-rotator-nav">').cycle({ 
    fx:     'fade', 
    speed:   500,
    timeout: 10000,
    prev:   '#prev', 
    next:   '#next', 
    pager:  '#home-rotator-nav',
    pagerEvent: 'click',
    
    // callback fn that creates a thumbnail to use as page r anchor 
    pagerAnchorBuilder: function(idx, slide) { 
    var src = jQuery('img',slide).attr('src');
    return '<li><a href="#"><img src="' + src + '/@mx_104" width="104" /></a></li>'; 
    } 

  });
  
});