// JavaScript Document



var scroll1 = new Scroller('drag', {area: 150, velocity: 1});
var scroll2 = new Scroller('mousemove', {area: 100, velocity: 1});
 
// Drag
$('drag').addEvent('mousedown', function() {
	this.setStyle('cursor', 'url(/demos/Scroller/closedhand.cur), move');
	scroll1.start();
});
$('drag').addEvent('mouseup', function() {
	this.setStyle('cursor', 'url(/demos/Scroller/openhand.cur), move');
	scroll1.stop();
});
 
 
// Mousemove
$('mousemove').addEvent('mouseover', scroll2.start.bind(scroll2));
$('mousemove').addEvent('mouseout', scroll2.stop.bind(scroll2));