var scroller = {
	init:   function() {
		scroller.docH = document.getElementById("content").offsetHeight;
		scroller.contH = document.getElementById("container").offsetHeight;
		scroller.scrollAreaH = document.getElementById("scrollArea").offsetHeight;
		scroller.scrollH = (scroller.contH * scroller.scrollAreaH) / scroller.docH;
		if(scroller.scrollH < 15) scroller.scrollH = 15;
		// scroller.scrollH = 40;
		document.getElementById("scroller").style.height = Math.round(scroller.scrollH) + "px";
		scroller.scrollDist = Math.round(scroller.scrollAreaH-scroller.scrollH);
		// Drag.init(document.getElementById("scroller"),null,0,0,-1,scroller.scrollDist);
		Drag.init(document.getElementById("scroller"),null,0,0,0,scroller.scrollDist);
		document.getElementById("scroller").onDrag = function (x,y) {
		var scrollY = parseInt(document.getElementById("scroller").style.top);
		var docY = 0 - (scrollY * (scroller.docH - scroller.contH) / scroller.scrollDist);
		document.getElementById("content").style.top = docY + 8 + "px";
		}
	}
}
onload = scroller.init;