var slider;
var steps = 10000;

function makeScrollbar(content,scrollbar,handle){
var scrollSize = content.getSize().scrollSize.x - content.getSize().size.x;
handle.setStyle('width', Math.floor(content.getSize().size.x * (content.getSize().size.x/content.getSize().scrollSize.x)) + 'px');  
slider = new Slider(scrollbar, handle, {	
steps: steps,
mode: 'horizontal',
onChange: function(step){
var x = scrollSize/(steps/step);
content.scrollTo(x,0);
}
}).set(0);

$$(content, scrollbar).addEvent('mousewheel', function(e){	
e = new Event(e).stop();
var step = slider.step - e.wheel * 300;	
slider.set(step);					
});
}

var collectionWidth = 0;
$(sliderName).getChildren().each(function(el) {
collectionWidth += el.getSize().size.x;
});
$(sliderName).setStyle('width', collectionWidth + 'px');
makeScrollbar( $(sliderName+'_container'), $(sliderName+'_scrollbar'), $(sliderName+'_handle') );	

window.addEvent('resize', function(){
var oldpos = slider.step;
$(sliderName+'_scrollbar').removeEvents('mousedown');
$(sliderName+'_handle').removeEvents('mousedown');
makeScrollbar( $(sliderName+'_container'), $(sliderName+'_scrollbar'), $(sliderName+'_handle') );	
slider.set(oldpos);
});