//We wrap all the code in an object so that it doesn't interfere with any other code
var scroller = {
  init:function() {

    //collect the variables
    scroller.docH = document.getElementById("content").offsetHeight;
    scroller.contH = document.getElementById("container").offsetHeight;
    scroller.scrollAreaH = document.getElementById("scrollArea").offsetHeight;
      
    //calculate height of scroller and resize the scroller div
    //(however, we make sure that it isn't to small for long pages)
    scroller.scrollH = (scroller.contH * scroller.scrollAreaH) / scroller.docH;
	//---- set minimum size
    //if(scroller.scrollH < 15) scroller.scrollH = 15;
	//----- set maximum size 
    if(scroller.scrollH > 15) scroller.scrollH = 15;
	var iconH =  Math.round(scroller.scrollH);
    document.getElementById("scroller").style.height = iconH + "px";
	
    
    //what is the effective scroll distance once the scoller's height has been taken into account
    scroller.scrollDist = Math.round(scroller.scrollAreaH-scroller.scrollH);
    
    //make the scroller div draggable
    Drag.init(document.getElementById("scroller"),null,0,0,-1,scroller.scrollDist);
    
    //add ondrag function
    document.getElementById("scroller").onDrag = function (x,y) {
      var scrollY = parseInt(document.getElementById("scroller").style.top);
      var docY = 0 - (scrollY * (scroller.docH - scroller.contH) / scroller.scrollDist);
      document.getElementById("content").style.top = docY + "px";
    }
  }
}
function point_it(event)
{ 
	var scrollY = event.offsetY?(event.offsetY):event.pageY-document.getElementById("scrollArea").offsetTop;
 	document.getElementById("scroller").style.top = scrollY + "px";	 
 	document.getElementById("scroller").onDrag();	
}
function oncl(str){     
     var scrollY = parseInt(document.getElementById("scroller").style.top);
     var scrollp = parseInt(document.getElementById("scrollArea").style.height)-parseInt(document.getElementById("scroller").style.height)-3;
    if(str == '+' && scrollY<scrollp){
	 	scrollY=scrollY+4;
	 } else  if(str == '-' && scrollY>1){
	 	//scrollY--;
		scrollY=scrollY-4;
	 } 	 
	 document.getElementById("scroller").style.top = scrollY + "px";	 
	 document.getElementById("scroller").onDrag();	 
}
onload = scroller.init;

/* Code Added by us*/

var flag = true;
var move = '+';				

function unsetTimer(){
	flag = false;		
}		

function scrollDiv(){ 
	oncl(move);			
	if(flag)
	 setTimeout("scrollDiv()",33);
}	
/* Code Added by us*/