Ayuda con función de jquerytools

Hola, estoy con una página web en la cual presento varios productos en 4 divs con sus respectivos scroll. Estoy implementando el scroll de jquerytools.

Se puede ver en esta página http://jquerytools.org/demos/rangeinput/scrollbar.html

El problema es que no se cómo modificar la función para que pueda usarlo en las 4 divs. Sin que interaccionen unas con otras.

la función es la siguiente:


var scroll = $("#scroll");

$(":range").rangeinput({

onSlide: function(ev, step) {
scroll.css({left: -step});
},

progress: true,

value: 100,

change: function(e, i) {
scroll.animate({left: -i}, "fast");
},
er is clicked
speed: 0
});

Muchas gracias de antemano

Un saludo

Añade tu respuesta

Haz clic para o