var slider;
var content;
var scrollbar;
function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
	if ( content && content.getScrollSize().y - content.getSize().y > 0){
		scrollbar.setStyle('display','block');

		slider = new Slider(scrollbar, handle, {
			steps: 100,
			mode: (horizontal? 'horizontal':'vertical'),
			onChange: function(step){
				// Scrolls the content element in x or y direction.
				var x = (horizontal?(((content.getScrollSize().x-content.getSize().x)/100)*step):0);
				var y = (horizontal?0:(((content.getScrollSize().y-content.getSize().y)/100)*step));
				content.scrollTo(x,y);
			}
		}).set(0);

		// Stops the handle dragging process when the mouse leaves the document body.
		$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
	}else{
		scrollbar.setStyle('display','none');
	}
}

function handle(delta) {
        
	var step = slider.step - delta * 2;
	slider.set(step);		
}
 
function wheel(event){
        var delta = 0;
        if (!event) event = window.event;
        if (event.wheelDelta) {
                delta = event.wheelDelta/120;
                if (window.opera) delta = -delta;
        } else if (event.detail) {
                delta = -event.detail/3;
        }
        if (delta)
                handle(delta);
}
 
/* Initialization code. */
if (window.addEventListener)
        window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;