//We wrap all the code in an object so that it doesn't interfere with any other code
	var vertscroller = {
	  init:   function() {
	
		//collect the variables
		vertscroller.docH = document.getElementById("vertscrollitem").offsetHeight + 0;
		vertscroller.contH = document.getElementById("vertscrollcontainer").offsetHeight;
		vertscroller.scrollAreaH = document.getElementById("vertscrollArea").offsetHeight;
		  
		//calculate width of scroller and resize the scroller div
		//(however, we make sure that it isn't to small for long pages)
		vertscroller.scrollH = (vertscroller.contH * vertscroller.scrollAreaH) / vertscroller.docH;
		//if(scroller.scrollW < 15) scroller.scrollW = 15;
		document.getElementById("vertscroller").style.height = Math.round(vertscroller.scrollH - 4) + "px";
		
		//what is the effective scroll distance once the scoller's width has been taken into account
		vertscroller.scrollDist = Math.round(vertscroller.scrollAreaH-vertscroller.scrollH);
		
		//make the scroller div draggable
		Drag.init(document.getElementById("vertscroller"),null,0,0,0,vertscroller.scrollDist);
		
		// make the scrollbar disappear if it isn't needed
		if(vertscroller.scrollH >= (vertscroller.scrollAreaH) ) {
			document.getElementById("vertscrollArea").style.display = 'none';
		}
		
		//add ondrag function
		document.getElementById("vertscroller").onDrag = function (x,y) {
		  var scrollY = parseInt(document.getElementById("vertscroller").style.top);
		  var docY = 0 - (scrollY * (vertscroller.docH - vertscroller.contH) / vertscroller.scrollDist);
		  document.getElementById("vertscrollcontent").style.top = docY + "px";
		}
	  }
	}
	
	onload = vertscroller.init;