Hello,
Thanks to a member on this forum what I'm trying to do is almost complete. I just have one bug that was there from the beginning and I'm not sure how to fix it.

What I'm doing is I have a set of 5 images that march across the page. They scroll to X spot, pause, then scroll the next image. The images are in an endless loop.

Here is the demo page:
DEMO

I have it cross browsed for IE6/7/8, Safari, Chrome, Opera, FF, and iPhone.

The only bug I have is if you mouse over / mouse out of the scroll area multiple times really fast it will then on its next time it scrolls, scroll really fast and delete the images really fast. It's kinda hard to explain what is happening, so just check out the demo page and the jQuery code:

1.  $(function() {
       var scrollX = 0;
       var n = 0;
       var triggerID;
       var speed = 4000;  //speed in ms
       var endTime;
       var remainingTime;
       function rearrange() {
           $('.scrollimg').last().clone().insertBefore($('.scrollimg:eq(0)')).css({width: 0, marginRight: 0});
           $('.scrollimg').last().remove();
       }
       function scrollHor(time) {
           endTime = time + (new Date()).getTime();
           $('.scrollimg:eq(0)').animate({width: 816, marginRight: 47}, time);
       }
       $(window).load(function() {
           rearrange();
           scrollHor(2000);
           triggerID = setInterval(function(){rearrange(); scrollHor(2000);}, speed);
       });
           
       $("#scrollArea").hover( function(){
           remainingTime = endTime - new Date();
           clearInterval(triggerID);
           $('.scrollimg:eq(0)').stop(true, false);
       }, function() {
           scrollHor(remainingTime);
           setTimeout(function() {
               triggerID = setInterval(function(){rearrange(); scrollHor(2000);}, speed);
           }, remainingTime);
       });
    });
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

Be a mad man and hover in and out of the scroll area really fast a few times in a row and you will then see what I'm talking about.

Is there a way to fix this?
thanks,
tim