trouble i've got is when using the controls its cycling the hidden tab panels images as well, so when changing tabs it doesnt land on the image i want it to. im trying to to work out a way to cycle based on the active tab panel

heres what i've got so far im trying to add an active class to the visible panel and only cycle to that active class any ideas?

1.  
2.       if($('.ui-tabs-panel').is(':visible')){
3.         $('.content-scroll').addClass('content-scroll-active');
4.         $('.content-scroll').cycle({ 
5.             fx:     'fade', 
6.             speed:  'slow',
7.             timeout: 0, 
8.             next:   '#contentBox span.next', 
9.             prev:   '#contentBox span.prev' 
10.         });        
11.       }else{
12.         $('.content-scroll').cycle('stop');
13.         $('.content-scroll').removeClass('content-scroll-active');
14.       }