function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
				
	var slider = new Slider(scrollbar, handle, {	
		steps: content.getSize().scrollSize.y - content.getSize().size.y,
		mode: (horizontal?'horizontal':'vertical'),
		onChange: function(step){
			// Scrolls the content element in x or y direction.
			var x = (horizontal?step:0);
			var y = (horizontal?0:step);
			content.scrollTo(x,y);
		}
	}).set(0);
				if( !(ignoreMouse) ){
					// Scroll the content element when the mousewheel is used within the 
					// content or the scrollbar element.
					$$(content, scrollbar).addEvent('mousewheel', function(e){	
						e = new Event(e).stop();
						var step = slider.step - e.wheel * 30;	
						slider.set(step);					
					});
				}
				// Stops the handle dragging process when the mouse leaves the document body.
				$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
			}
						
			window.addEvent('domready', function(){				
				// -- first example, vertical scrollbar --
				makeScrollbar( $('scrollPane'), $('scrollbar1'), $('handle1') );
			});