function makeScrollbar(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()});
}
 
function trim(content){
    var thumbsBlock = document.getElementById("slidethumbs");
    var slidethumbwrapper = document.getElementById("slidethumbwrapper");
    if (thumbsBlock != null) {
        var thumbs = thumbsBlock.getElementsByTagName('li'); 
    }
    if (thumbs){
    	var newwidth = 0;
    	for(var i = 0; i < thumbs.length; i++){
		if(thumbs[i].scrollWidth) newwidth += thumbs[i].scrollWidth + 6;
    	}
    	thumbsBlock.style.width = newwidth + "px";
	if(newwidth > slidethumbwrapper.scrollWidth){
		var slidescroll = document.createElement("div");
		var slidehandle = document.createElement("div");
		slidescroll.setAttribute("id", "slidescroll");
		slidescroll.style.width = slidethumbwrapper.style.width;
		slidehandle.setAttribute("id", "slidehandle");
		if(document.all) slidehandle.className = "hor_bar";
		else slidehandle.setAttribute("class", "hor_bar");
		slidescroll.appendChild(slidehandle);
		slidethumbwrapper.appendChild(slidescroll);
    		makeScrollbar(content, slidescroll, slidehandle, true);
	}
    }
}