I have some issues with the jQuery Plugin Cycle. 

This is my slider Design:

The code:

2. $(function() {
3.     $('#testimonial-features').cycle({  
4.             timeout:  0,
5. fx: 'scrollHorz',
6.             pager: '#testimonial-switcher',
7.             pagerAnchorBuilder: function(idx, slide) { 
8.              return '#testimonial-switcher li:eq(' + idx + ') a';       
9.             }
10.     });

and HTML:

2. <div id="testimonial-switcher">
3. <ul>
4.     <li><a href="#"><img src="../Bilder/button_video.png" /></a></li>
5.     <li><a href="#"><img src="../Bilder/button_photo.png" /></a></li>
6. </ul>
7. </div>

Everything works fine but I need to define an activ and rollover button for each pager.

I tried this script:

2. $.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
3.     $(pager).find('img').attr('src','../Bilder/button_video.png');
4.     $(pager).find('li').removeClass('activeLI') 
5.             .filter('li:eq('+currSlideIndex+')').addClass('activeLI')
6.             .find('img').attr('src','../Bilder/button_video_linkover.png'); 
7. };

and basically it works.

But I need to add a second button in this script. I called it: button_photo and button_photo_linkover.

Because at the moment this script works for both pager. That means there are 2 times "button_video and "button_video_linkover and that doesn't make scene for my layout. 

Does anyone know how I can add a second active status in this script or maybe a complete different way to solve my problem? 

The second step would be to add a script for a rollover effect. ...