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

onload = scroller.init;