jQuery Forum

It's probably not working because you are calling doTimer as the document.ready callback. Try this instead:

1. $(function() { // Shorthand for $(document).ready(function() {
2.       function nextImage() {
3.             var next = $('img.activeThumb.currentHighlight').
4.                   removeClass('currentHighlight'); // Unhighlight old one
5.                   next('img.activeThumb'); // Find next one
   
6.             if (next.length == 0) { // Cycle back to the first
   
7.                   next = $('img.activeThumb:first');
8.             }
9.             next.addClass('currentHighlight'); // Highlight new one
   
10.       }
11.       var timer = null;
12.       $('img.activeThumb').hover(function() {
    
13.             clearInterval(timer); // Stop on hover
    
14.       }, function() {
15.             setInterval(nextImage, 2000); // Restart on exit
    
16.       });
17.       nextImage(); // Highlight first image
    
18.       setInterval(nextImage, 2000); // Start cycle
    
19. });

Thanks so much for the response.  I can see your logic makes much more sense than my lengthy code.  When I ran this it threw an error for line 5, says object is not a function.  Also not sure that it matters, but my .activeThumb and .defaultThumb classes are applied directly to my div's not the images themselves.  I tested my .currentHighlight class, and when I manually set a div to that class it highlights appropriately.  Only problem is the highlight never moves. 

Sorry, there should have been a period (.) at the end of line 4 instead of the semi-colon (;). The perils of cut-and-paste!

Excellent!  I just had to change the hover object and then the removing of .currentHighlight class seems to work as well as the first .currentHighlight class being set upon loading... Strange thing is after a few seconds of leaving the hover, the first image becomes highlighted again but stops.  What I mean is, this code only highlights my first image for some reason.  It never sets the .currentHighlight class for any of the other images.  After going over this several times, it seems like the selector for the next div.activeThumb does not work properly.  Meaning it will not select any div.activeThumb except the first one.  So far here is the revised code.