Links don't work with new cycle plugin

Links don't work with new cycle plugin

I have a highlight rotator that shows thumbnails of the items on it below.  When the user mouses over one of these thumbnails the large highlight should change and if they click the thumbnail it should take them to another page.

In the previous version of the cycle plugin this worked fine.  Now however clicking the thunbnails doesn't work.

My code is like this
  1. <div id="highlights_container"> 
     <div id="highlight_fader" class="highlightbox">
     <a href="<snipped>">
     <div class="highlightbox" style="background-image: url(<snipped>/highlight-68dabb119f228f28b3253022f7b12190.jpg)">
     <h2 class="title"><span>SPECIAL FEATURE</span> : ddddddddddddd</h2>




     </div>
     </a>
     <a href="<snipped>">
     <div class="highlightbox" style="background-image: url(<snipped>/highlight-0335f64e6180e21b14d8d4ffce34a117.jpg)">
     <h2 class="title"><span>NEWS</span> : fgdgdgdgdgdgdgd</h2>
     </div>
     </a>






     <a href="<snipped>">
     <div class="highlightbox" style="background-image: url(<snipped>/highlight-7ac9ceffc8bd27644dc80e17c04c489b.jpg)">
     <h2 class="title"><span>STRATEGY GUIDE</span> : strat guide</h2>
     </div>
     </a>
     <a href="<snipped>">
     <div class="highlightbox" style="background-image: url(<snipped>/highlight-75a9270a50e8cff86f254a0d106890f3.jpg)">






     <h2 class="title"><span>NEWS</span> : 6 portals</h2>
     </div>
     </a>
     </div>
    </div>
    <div id="highlight_nav">
     <div class="highlight_thumb">
     <a href="<snipped>"><img src="<snipped>/highlight-68dabb119f228f28b3253022f7b12190_thumb.jpg" width="126" height="40" alt="ddddddddddddd" /></a>







     </div>
     <div class="highlight_thumb">
     <a href="<snipped>"><img src="<snipped>/highlight-0335f64e6180e21b14d8d4ffce34a117_thumb.jpg" width="126" height="40" alt="fgdgdgdgdgdgdgd" /></a>
     </div>
     <div class="highlight_thumb">
     <a href="<snipped>"><img src="<snipped>/highlight-7ac9ceffc8bd27644dc80e17c04c489b_thumb.jpg" width="126" height="40" alt="strat guide" /></a>
     </div>
     <div class="highlight_thumb">
     <a href="<snipped>"><img src="<snipped>/highlight-75a9270a50e8cff86f254a0d106890f3_thumb.jpg" width="126" height="40" alt="6 portals" /></a>








     </div>
    </div>


I initially copied the Another advanced pager demo so my jquery code is more of less the same as that.
  1. $('#highlight_fader').cycle({
            fx: 'fade',
            timeout: 4000,
            speed: 300,
            pause: 1,
            pager: '#highlight_nav',
            pagerEvent: 'mouseover',
            pagerAnchorBuilder: function(idx, slide) {
                return '#highlight_nav div:eq(' + (idx) + ')';
            }
        });









Anyone know why it's stopped working :/