
/*Scroller*/
var tmp=false;
function makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse){
	
	if(tmp != true){
		tmp = true;
		var f = function() {makeScrollbar(content,scrollbar,handle,horizontal,ignoreMouse); };
		
		setTimeout(f,350);
	}
	
	var steps = (horizontal ? (content.getScrollSize().x - content.getSize().x) : (content.scrollHeight - content.getSize().y))
	
	if(steps>0){
		$('track').setStyle('display', 'block');
		$('thumb').setStyle('display', 'block');
	}else{
		return;
	}
	
	var slider = new Slider(scrollbar, handle,{
		steps: steps,
		mode: (horizontal?'horizontal':'vertical'),
		onChange: function(step){
			var x = (horizontal?step:0);
			var y = (horizontal?0:step);
			content.scrollTo(x,y);
		}
	}).set(0);
	
	if(!(ignoreMouse) ){
		$$(content, scrollbar).addEvent('mousewheel', function(e){	
			
			e = new Event(e).stop();
			var step = slider.step - (e.wheel/2) * 30;
			
			slider.set(step);
		});
	}
	
	$(document.body).addEvent('mouseleave',function(){
		slider.drag.stop();
	});
}

window.addEvent('domready', function(){
	$('track').setStyle('display', 'none');
	$('thumb').setStyle('display', 'none');
	//alert($('maintext').scrollHeight)
	
	
	makeScrollbar($('content'), $('track'), $('thumb'));
	
	
});