var scroller = {
  init:   function() {

	//collect the variables
	//scroller.docW = document.getElementById("content").offsetWidth;

	var i_cnt = $$('#scrollContent img').length;	
	
	if (i_cnt < 5) return;

	if ($('page').className == 'innerPage')
	{
		scroller.docW = 135 * i_cnt + 10 * (i_cnt - 1);
	}
	else
	{
		scroller.docW = 100 * i_cnt + 10 * (i_cnt - 1);	
	}	


	scroller.contW = document.getElementById("scrollContainer").offsetWidth;
	scroller.scrollAreaW = document.getElementById("scrollArea").offsetWidth;

	//calculate height of scroller and resize the scroller div
	//(however, we make sure that it isn't to small for long pages)
	scroller.scrollW = (scroller.contW * scroller.scrollAreaW) / scroller.docW;
	//if(scroller.scrollH < 15) scroller.scrollH = 15;
	//document.getElementById("scroller").style.height = Math.round(scroller.scrollH) + "px";
	document.getElementById("scroller").style.width = 115 + "px";

	//what is the effective scroll distance once the scoller's height has been taken into account
	scroller.scrollDist = Math.round(scroller.scrollAreaW - 115);

	//make the scroller div draggable
	Drag.init(document.getElementById("scroller"),null,-1,scroller.scrollDist,0,0);
//	function(o, oRoot, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper)

	//add ondrag function
	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("scrollContent").style.left = docX + "px";
	}	  
  }
}

onload = scroller.init;