//We wrap all the code in an object so that it doesn't interfere with any other code

var contendWidth = 600;

var scrollSpeed = contendWidth * 0.02;



var scroller = {

  init: function() {



    //collect the variables

    contendWidth = document.getElementById("gallery_tbl").offsetWidth;



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

	scroller.docW = contendWidth;



    scroller.contW = document.getElementById("containerg").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.width = Math.round(scroller.scrollW) + "px";



    //what is the effective scroll distance once the scoller's height has been taken into account

    scroller.scrollDist = Math.round(scroller.scrollAreaW-scroller.scrollW);



    //make the scroller div draggable

    Drag.init(document.getElementById("scroller"),null, -1, scroller.scrollDist, 0, 0);



    //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("contentg").style.left = docX + "px";

    }

  }

}



onload = scroller.init;





/**

 *

 * @access public

 * @return void

 **/

function manuallyScrollLeft() {

	var scrollX = Math.max(0, parseInt(document.getElementById("scroller").style.left));

    var docX = 0 - (scrollX * (scroller.docW - scroller.contW) / scroller.scrollDist);



	document.getElementById("contentg").style.left = Math.min(0, docX + scrollSpeed) + "px";

	document.getElementById("scroller").style.left = Math.max(0, scrollX - scrollSpeed) + "px";

}



/**

 *

 * @access public

 * @return void

 **/

function manuallyScrollRight() {

	var scrollX = Math.max(0, parseInt(document.getElementById("scroller").style.left));

    var docX = 0 - (scrollX * (scroller.docW - scroller.contW) / scroller.scrollDist);



	document.getElementById("contentg").style.left = Math.max(0 - scroller.contW, docX - scrollSpeed) + "px";

	document.getElementById("scroller").style.left = Math.min(scroller.scrollDist, scrollX + scrollSpeed) + "px";

}