var scroller = {
  init:   function() {
	if(document.getElementById("contentscroller"))
	{
		scroller.docH = document.getElementById("contentscroller").offsetHeight;
		scroller.contH = document.getElementById("containerscroller").offsetHeight;
		scroller.scrollAreaH = document.getElementById("scrollArea").offsetHeight;
		scroller.arrowH = 10;
		  
		scroller.scrollH = (scroller.contH * scroller.scrollAreaH) / scroller.docH;
		
		//if(scroller.scrollH > 364) scroller.scrollH = 0;
		if(scroller.scrollH > 364) // en bedankt IE >:(
		{
			scroller.scrollH = 0;
			$('scrollerup').style.display = 'none';	
			$('scrollerdown').style.display = 'none';
			$('scroller').style.display = 'none';	
										
		}
		else
		{
			$('scrollerup').style.display = 'inline';	
			$('scrollerdown').style.display = 'inline';
			$('scroller').style.display = 'inline';			
		}

		if(scroller.scrollH == 0) scroller.arrowH = 0;

		document.getElementById("scroller").style.height = Math.round(scroller.scrollH) + "px";
		document.getElementById("scrollerup").style.height = Math.round(scroller.arrowH) + "px";
		document.getElementById("scrollerdown").style.height = Math.round(scroller.arrowH) + "px";

		scroller.scrollDist = Math.round(scroller.scrollAreaH-scroller.scrollH);
		Drag.init(document.getElementById("scroller"),null,0,0,-1,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("contentscroller").style.top = docY + "px";
		}
	  }  
  }
}

onload = scroller.init;