var scroller = {
  init:   function() {
    scroller.docW = document.getElementById("content").offsetWidth;
    scroller.contW = document.getElementById("container").offsetWidth;
    scroller.scrollAreaW = document.getElementById("scrollArea").offsetWidth;
      
    scroller.scrollW = (scroller.contW * scroller.scrollAreaW) / scroller.docW;
    if(scroller.scrollW < 65) scroller.scrollW = 65;
    document.getElementById("scroller").style.width = Math.round(scroller.scrollW) + "px";
    
    scroller.scrollDist = Math.round(scroller.scrollAreaW-scroller.scrollW);
    
    Drag.init(document.getElementById("scroller"),null,0,scroller.scrollDist,0,0);
    
    document.getElementById("scroller").onDrag = function (x,y) {
      var scrollX = parseInt(document.getElementById("scroller").style.left);
      var docX = 0 - (scrollX * (scroller.docW - scroller.contW) / scroller.scrollDist);
      document.getElementById("content").style.left = docX + "px";
    }
  }
}

onload = scroller.init;