Stopping the scrolling animation when hovering the scroller.

1 files changed, 23 insertions, 12 deletions

diff --git a/public/javascripts/application.js b/public/javascripts/application.js
index 6efba66..816c859 100644
--- a/public/javascripts/application.js
+++ b/public/javascripts/application.js
@@ -222,6 +222,7 @@ Event.observe(window, "load", function(e){
     var LOAD_MORE_OFFSET          = 400;
     
     var currentIteration          = 0;
+    var currentAnimTimeout
     
 
     var getWindowWidth = function(){
@@ -249,21 +250,31 @@ Event.observe(window, "load", function(e){
       });
     }
     
-    fetchNewBar(function(){
-      var animateBar = function(){
-        var currentOffset = parseInt(recentActivitiesTarget.getStyle("left"));
-        var newOffset = currentOffset - ANIMATION_STEP
-        recentActivitiesTarget.setStyle({left: newOffset + "px"});
-        
+    var animateBar = function(){
+      var currentOffset = parseInt(recentActivitiesTarget.getStyle("left"));
+      var newOffset = currentOffset - ANIMATION_STEP
+      recentActivitiesTarget.setStyle({left: newOffset + "px"});
+      
 
-        if ((BAR_WIDTH * currentIteration) - (getWindowWidth() - newOffset) <= LOAD_MORE_OFFSET) {
-          fetchNewBar();
-        }
-        
-        setTimeout(animateBar, FPS);
+      if ((BAR_WIDTH * currentIteration) - (getWindowWidth() - newOffset) <= LOAD_MORE_OFFSET) {
+        fetchNewBar();
       }
-      animateBar();
+      
+      currentAnimTimeout = setTimeout(animateBar, FPS);
+    }
+    
+
+    recentActivitiesTarget.observe("mouseover", function(e){
+      clearTimeout(currentAnimTimeout);
     });
+    
+    recentActivitiesTarget.observe("mouseout", function(e){
+      if (!e.relatedTarget || !e.relatedTarget.descendantOf(this)) {
+        animateBar();
+      }
+    })
+    
+    fetchNewBar(animateBar);
   }
 });