function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
	
	var steps = (horizontal?( $('text').getSize().scrollSize.x - $('band').getSize().size.x ):( $('text').getSize().scrollSize.y - $('band').getSize().size.y ))
	var slider = new Slider(scrollbar, handle, {	
		steps: steps,
		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(){
	window.addEvent('load',function(f){
			if($('band').getStyle('height').toInt() < $('text').getStyle('height').toInt()){
				$('scroll').setStyle("height",$('band').getSize().size.y);
				$('scroll').setStyle("right","70%");
				$('scroll').setStyle("visibility","visible");
				makeScrollbar( $('left'), $('scroll'), $('scroller') );
			}else{
				$('scroll').setStyle("visibility","hidden");
			}
	});

	window.addEvent('resize',function(e){
			if($('band').getStyle('height').toInt() < $('text').getStyle('height').toInt()){
				$('scroll').setStyle("height",$('band').getSize().size.y);
				$('scroll').setStyle("right","70%");
				$('scroll').setStyle("visibility","visible");
				makeScrollbar( $('left'), $('scroll'), $('scroller') );
			}else{
				$('scroll').setStyle("visibility","hidden");
			}
	});
});