lighthouse -- 200, Scroller bug: scrolling stops when attached to com…

…plex containers

https://mootools.lighthouseapp.com/projects/24057/tickets/200-scroller-bug-scrolling-stops-when-attached-to-complex-containers

- changes mouseover and mouseout to mouseenter and mouseleave and discussed in ticket
- clarifies expected behavior in test

Source/Interface/Scroller.js

@@ -51,15 +51,15 @@ var Scroller = new Class({
 
 	start: function(){
 		this.listener.addEvents({
-			mouseover: this.bound.attach,
-			mouseout: this.bound.detach
+			mouseenter: this.bound.attach,
+			mouseleave: this.bound.detach
 		});
 	},
 
 	stop: function(){
 		this.listener.removeEvents({
-			mouseover: this.bound.attach,
-			mouseout: this.bound.detach
+			mouseenter: this.bound.attach,
+			mouseleave: this.bound.detach
 		});
 		this.detach();
 		this.timer = $clear(this.timer);
@@ -98,4 +98,4 @@ var Scroller = new Class({
 		if (change.y || change.x) this.fireEvent('change', [scroll.x + change.x, scroll.y + change.y]);
 	}
 
-});
+});

Tests/Interface/Scroller.html

@@ -8,7 +8,7 @@
 </style>
 
 <p>
-	Drag the red box to the edge of the scrollable area, which should scroll in that direction.
+	Drag the red box to the edge of the scrollable area, which should scroll in that direction. Scroller shouldn't hiccup on entering/exiting dom elements insde of scroller element.
 </p>
 
 <div id="scrollExample" style="height: 300px; overflow: auto; width: 300px;">
@@ -49,4 +49,4 @@
 		scr.stop();
 	}
 });
-</script>
+</script>