jQuery Forum

I updated a site that was successfully running the following code on the old home page:

2. jQuery(document).ready(function($){
3.       $('#homebox').cycle({
4.             fx: 'fade',
5.             speed: 'fast',
6.             timeout: 0, //setting to 0 stops the auto advance
7.             pager: '#menu-top-nav',
8.             pagerEvent: 'mouseover',
9.             pagerAnchorBuilder: function(idx, slide) {
10.             return '#menu-top-nav li:eq('+idx+') a';
11.             }
12.       });
13.       $('#menu-top-nav li a').click(function(){
14.             href = $(this).attr('href');
15.             window.location = href;
16.       });
17. });

I copied the entire page to a new template, then updated the div id in the above script to match the new page. All images are loading properly (I can see them in the source), but only the first two slides are cycling properly. There are a total of 6 slides that properly generate into `<div><img>` format.

What baffles me is that if I set the timeout function to 4000 all the slides cycle thru as expected, but the mouseover function still only works on the first two. I changed mouseover to hover with no luck.

I made no changes to jquery or the cycle files, both are properly included in the head of the new home page.

What am I doing wrong?

Here is a link to the live site: Harmonyfl

Thanks for your help.