I'd like for a user to be able to click on one of the thumbnails, switches to that respected rotation and stops.

In case someone wants to stop and read one of the rotations.

I cut out the javascript I assume would be the script in questions.

2. (function($)
3. {
4. $.fn.et_switcher = function(options)
5. {
6. var defaults =
7. {
8.   slides: '>div',
9.   activeClass: 'active',
10.   linksNav: '',
11.   findParent: true, //use parent elements in defining lengths
12.   lengthElement: 'li', //parent element, used only if findParent is set to true
13.   useArrows: false,
14.   arrowLeft: 'prevlink',
15.   arrowRight: 'nextlink',
16.   auto: false,
17.   autoSpeed: <?php echo(get_option($shortname.'_slider_autospeed')); ?>
18. };
19. 
    
20. var options = $.extend(defaults, options);
21. 
    
22. return this.each(function()
23. {
24. var slidesContainer = jQuery(this);
25. slidesContainer.find(options.slides).hide().end().find(options.slides).filter(':first').css('display','block');
26.  
27. if (options.linksNav != '') {
28. var linkSwitcher = jQuery(options.linksNav);
30. linkSwitcher.click(function(){
32. var targetElement;
33. 
    
34. if (options.findParent) targetElement = jQuery(this).parent();
35. else targetElement = jQuery(this);
37. if (targetElement.hasClass('active')) return false;
39. jQuery('div.item .active').animate({marginTop: '0px'},500,function(){
40. jQuery(this).removeClass('active');
42. });
43. jQuery(this).animate({marginTop: '-15px'},500,function(){
44. jQuery(this).addClass('active');
46. });
47. var ordernum = targetElement.prevAll(options.lengthElement).length;
49. slidesContainer.find(options.slides).filter(':visible').hide().end().end().find(options.slides).filter(':eq('+ordernum+')').stop().fadeIn(700);
51. jQuery('div.#slides div.slide div.banner').css('top', '0px');
52. slidesContainer.find(options.slides).filter(':visible').children('div').animate({top: '90px'}, 300);
54. if (typeof interval != 'undefined') {
55. clearInterval(interval);
56. auto_rotate();
57. };
59. return false;
61. });
63. };
65. jQuery('#'+options.arrowRight+', #'+options.arrowLeft).click(function(){
66.  
67. var slideActive = slidesContainer.find(options.slides).filter(":visible"),
68. nextSlide = slideActive.next(),
69. prevSlide = slideActive.prev();
70. 
    
71. if (jQuery(this).attr("id") == options.arrowRight) {
72. if (nextSlide.length) {
73. var ordernum = nextSlide.prevAll().length;                        
74. } else { var ordernum = 0; }
75. };
76. 
    
77. if (jQuery(this).attr("id") == options.arrowLeft) {
78. if (prevSlide.length) {
79. var ordernum = prevSlide.prevAll().length;                  
80. } else { var ordernum = slidesContainer.find(options.slides).length-1; }
81. };
82. 
    
83. slidesContainer.find(options.slides).filter(':visible').hide().end().end().find(options.slides).filter(':eq('+ordernum+')').stop().fadeIn(700);
84. 
    
85. if (typeof interval != 'undefined') {
86. clearInterval(interval);
87. auto_rotate();
88. };
89. 
    
90. return false;
91. });   
92. 
    
93. if (options.auto) {
94. auto_rotate();
95. };
97. function auto_rotate(){
98. interval = setInterval(function(){
99. var slideActive = slidesContainer.find(options.slides).filter(":visible"),
100. nextSlide = slideActive.next();
101.  
102. if (nextSlide.length) {
103. var ordernum = nextSlide.prevAll().length;                        
104. } else { var ordernum = 0; }
105.  
106. if (options.linksNav === '') 
107. jQuery('#'+options.arrowRight).trigger("click");
108. else
109. linkSwitcher.filter(':eq('+ordernum+')').trigger("click");
110. },options.autoSpeed);
111. };
112. });
113. }
114. })(jQuery);
116. var $featuredArea = jQuery('#featured #slides');
118. if ($featuredArea.length) {
119. $featuredArea.et_switcher({
120. linksNav: '#switcher div div.wrap',
121. auto: <?php if (get_option($shortname.'_slider_auto') == 'on') print "true"; else print "false";  ?>,
122. autoSpeed: <?php echo(get_option($shortname.'_slider_autospeed')); ?>,
123. findParent: true,
124. lengthElement: 'div'
125. });
126. };
127. 
     
128. jQuery('div.#slides div.active div.banner').css('top', '90px');