I've run across an funny issue when using the Featured Posts widget for the Suffusion theme in Wordpress.  The theme's author can't quite figure it out, either.  This widget uses the jquery cycle plugin and the website with the issue is http://watsoncatholic.ca

What happens is that the bullets (or numbers) at the bottom of the slider are doubled.  The index (idx) goes from 0-4, and then this is repeated again.

The code that calls the .cycle function is:

1.             $j('#<?php echo $widget_id; ?>-sliderContent').cycle({
2.                 fx: '<?php echo $transition_effect; ?>',
3.                 timeout: <?php echo $frame_time; ?>,
4.                 speed: <?php echo $frame_delay; ?>,
5.                 pause: 1,
6.                 sync: 0,
7.                 pager: '#<?php echo $widget_id; ?>-sliderPager',
8.                 prev: 'a.sliderPrev',
9.                 next: 'a.sliderNext',
10.                     pagerAnchorBuilder: function (idx, slide) {
11.                         var anchor;
12.                         if ('<?php echo $index_style; ?>' == 'numbers') {
13.                                 anchor = (idx + 1);
14.                         }
15.                         else {
16.                                 anchor = '&nbsp;';
17.                         }
18.                         return '<!-- idx=' + idx + ' slide=' + slide + ' --> <a href="#">' + anchor + '</a>';
19.                 }
20.             });

(I've added the html comment code so that I can see the idx and slide values in the generated html.)

This produces the following:

1. <div id="suf-featured-posts-2-sliderPager" class="sliderPager left">
2.    <!-- idx=0 slide=[object HTMLLIElement] -->
3.    <a href="#" class="">&nbsp;</a>
4.    <!-- idx=1 slide=[object HTMLLIElement] -->
5.    <a href="#" class="activeSlide">&nbsp;</a>
6.    <!-- idx=2 slide=[object HTMLLIElement] -->
7.    <a href="#" class="">&nbsp;</a>
8.    <!-- idx=3 slide=[object HTMLLIElement] -->
9.    <a href="#" class="">&nbsp;</a>
10.    <!-- idx=4 slide=[object HTMLLIElement] -->
11.    <a href="#" class="">&nbsp;</a>
12.    <!-- idx=0 slide=[object HTMLLIElement] -->
13.    <a href="#">&nbsp;</a>
14.    <!-- idx=1 slide=[object HTMLLIElement] -->
15.    <a href="#">&nbsp;</a>
16.    <!-- idx=2 slide=[object HTMLLIElement] -->
17.    <a href="#">&nbsp;</a>
18.    <!-- idx=3 slide=[object HTMLLIElement] -->
19.    <a href="#">&nbsp;</a>
20.    <!-- idx=4 slide=[object HTMLLIElement] -->
21.    <a href="#">&nbsp;</a>
22. </div>

As you can see, the idx goes from 0-4, and then the whole thing repeats again.  But only the first 0-4 numbers/bullets are active.

Any ideas? :-)

Thanks so much!