var slider;
var steps = 10000;

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

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

}

window.addEvent('domready', function(){
var picturesWidth = 0;
$(sliderName).getChildren().each(function(el) {
picturesWidth += el.getSize().size.y;
});
$(sliderName).setStyle('height', picturesWidth + '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);
});