// wird im template aufgerufen mit Angabe der Groesse
/*
window.addEvent('domready', function() {
 if($('scrollpane'))
  makeScrollbar($('scrollpane'), $('scrollbar'), $('scrollknob'), false, false);
});
*/

function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse,tmpsize){
	var maxSize = tmpsize;
	if(!tmpsize) {
		maxSize = 405;
	}
	var ssize = (horizontal ? content.getSize().scrollSize.x : content.getSize().scrollSize.y);
	var size = (horizontal ? content.getSize().x : content.getSize().y);
	if(ssize <= maxSize) {
		scrollbar.setStyle('visibility', 'hidden');
		handle.setStyle('visibility', 'hidden');
		return true;
	}
	var steps = ssize - maxSize;
	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() });
}