function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse,step,back,forward,max){
	var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().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()});	
	
	if (step) {
		if (back)
			$(back).addEvent('click',function(){
				move = parseInt($(handle).style.left)-step;
				x = ((move * 900)/840)/2;
				if (x >= 0) {
					$(handle).style.left=move+"px";
					$(content).scrollTo(x,0);
				}else{
					$(handle).style.left="0px";
					$(content).scrollTo(0,0);
				}
				});
		if (forward)
			$(forward).addEvent('click',function(){
				move = parseInt($(handle).style.left)+step;
				x = ((move * 900)/840)/2;
				stop = ((move * 900)/840);
				if (stop <= max) {
					$(handle).style.left=move+"px"; 
					$(content).scrollTo(x,0);
				}else{
					$(handle).style.left=max+"px";
					$(content).scrollTo(max,0);
				}
			});
	}
}

function makeScrollbarProduct(content,scrollbar,handle,horizontal,ignoreMouse,step,back,forward,max){
	var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().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()});	
	
	if (step) {
		if (back)
			$(back).addEvent('click',function(){
				move = parseInt($(handle).style.left)-step;
				x = move/2.6;
				if (x >= 0) {
					$(handle).style.left=move+"px";
					$(content).scrollTo(x,0);
				}else{
					$(handle).style.left="0px";
					$(content).scrollTo(0,0);
				}
				});
		if (forward)
			$(forward).addEvent('click',function(){
				move = parseInt($(handle).style.left)+step;
				x = move/2.6;
				stop = move;
				if (stop <= max) {
					$(handle).style.left=move+"px"; 
					$(content).scrollTo(x,0);
				}else{
					$(handle).style.left=max+"px";
					$(content).scrollTo(max,0);
				}
			});
	}
}

function makeScrollbarVertical(content,scrollbar,handle,horizontal,ignoreMouse){
	var steps = (horizontal?(content.getScrollSize().x - content.getSize().x):(content.getScrollSize().y - content.getSize().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()});	
}