//We wrap all the code in an object so that it doesn't interfere with any other code
  function makeScroll() {

    //collect the variables
    docH = document.getElementById("content").offsetHeight;
    contH = document.getElementById("container").offsetHeight;
    scrollAreaH = document.getElementById("scrollArea").offsetHeight;
      
    //calculate height of scroller and resize the scroller div
    //(however, we make sure that it isn't to small for long pages)
    scrollH = (contH * scrollAreaH) / docH;
    if(scrollH < 15) scrollH = 15;
    document.getElementById("scroller").style.height = Math.round(scrollH) + "px";
    
    //what is the effective scroll distance once the scoller's height has been taken into account
    scrollDist = Math.round(scrollAreaH-scrollH);
    
    //make the scroller div draggable
    Drag.init(document.getElementById("scroller"),null,0,0,-1,scrollDist);
    
    //add ondrag function
    document.getElementById("scroller").onDrag = function (x,y) {
      var scrollY = parseInt(document.getElementById("scroller").style.top);
      var docY = 0 - (scrollY * (docH - contH) / scrollDist);
      document.getElementById("content").style.top = docY + "px";
    }

	// Call drag stop function
	document.getElementById("scroller").onDragEnd = function () {
		//
	}

	if(scrollH >= scrollAreaH) {
		document.getElementById('scrollArea').style.background = "transparent";
		document.getElementById('scrollArea').style.border = "1px solid transparent";

		document.getElementById('scroller').style.background = "transparent";
		document.getElementById('scroller').style.borderTop = "1px solid transparent";
		document.getElementById('scroller').style.borderBottom = "1px solid transparent";
	} else {
		document.getElementById('scrollArea').style.background = "#ccc";
		document.getElementById('scrollArea').style.border = "1px solid #333";

		document.getElementById('scroller').style.background = "#333";
		document.getElementById('scroller').style.borderTop = "1px solid #000";
		document.getElementById('scroller').style.borderBottom = "1px solid #000";
	}
  }


window.onload = function() { 
	document.getElementById('scrollArea').style.background = "transparent";
	document.getElementById('scrollArea').style.border = "1px solid transparent";
	
	document.getElementById('scroller').style.background = "transparent";
	document.getElementById('scroller').style.borderTop = "1px solid transparent";
	document.getElementById('scroller').style.borderBottom = "1px solid transparent";
	
	makeScroll();
	setInterval('makeScroll()',50);
}