//We wrap all the code in an object so that it doesn't interfere with any other code
var scroller = {
  init:   function() {
  	
  	var tdFlash = document.getElementById('tdFlash');
	if (tdFlash != null)
		tdFlash.style.visibility = 'visible';

    //collect the variables
    if (document.getElementById("container-three") != null)
	{    
		scroller.docH = document.getElementById("content-three").offsetHeight;
		scroller.contH = (document.getElementById("container-three").offsetHeight - 10);
		scroller.scrollAreaH = document.getElementById("scrollArea3").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;
		//if(scroller.scrollH < 15) scroller.scrollH = 15;
		document.getElementById("scroller3").style.height = Math.round(scroller.scrollH) + "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("scroller3"),null,0,0,-1,scroller.scrollDist);
	    
		//add ondrag function
		document.getElementById("scroller3").onDrag = function (x,y) {
		var scrollY = parseInt(document.getElementById("scroller3").style.top);
		var docY = 0 - (scrollY * (scroller.docH - scroller.contH) / scroller.scrollDist);
		document.getElementById("content-three").style.top = docY + "px";
		}
    }
    
    //collect the variables
    if (document.getElementById("container-two") != null)
    {
		scroller.docH2 = document.getElementById("content-two").offsetHeight;
		scroller.contH2 = (document.getElementById("container-two").offsetHeight - 10);
		scroller.scrollAreaH2 = document.getElementById("scrollArea2").offsetHeight;
	      
		//calculate height of scroller and resize the scroller div
		//(however, we make sure that it isn't to small for long pages)
		scroller.scrollH2 = (scroller.contH2 * scroller.scrollAreaH2) / scroller.docH2;
		//if(scroller.scrollH2 < 15) scroller.scrollH2 = 15;
		document.getElementById("scroller2").style.height = Math.round(scroller.scrollH2) + "px";
	    
		//what is the effective scroll distance once the scoller's height has been taken into account
		scroller.scrollDist2 = Math.round(scroller.scrollAreaH2-scroller.scrollH2);
	    
		//make the scroller div draggable
		Drag.init(document.getElementById("scroller2"),null,0,0,-1,scroller.scrollDist2);
	    
		//add ondrag function
		document.getElementById("scroller2").onDrag = function (x,y) {
		var scrollY2 = parseInt(document.getElementById("scroller2").style.top);
		var docY2 = 0 - (scrollY2 * (scroller.docH2 - scroller.contH2) / scroller.scrollDist2);
		document.getElementById("content-two").style.top = docY2 + "px";
		}
   }
   	
   	 //collect the variables
   	 if (document.getElementById("container-one") != null)
   	 {
		scroller.docH3 = document.getElementById("content-one").offsetHeight;
		scroller.contH3 = (document.getElementById("container-one").offsetHeight - 10);
		scroller.scrollAreaH3 = document.getElementById("scrollArea1").offsetHeight;
	      
		//calculate height of scroller and resize the scroller div
		//(however, we make sure that it isn't to small for long pages)
		if (scroller.docH3 > 0)
		{
			scroller.scrollH3 = (scroller.contH3 * scroller.scrollAreaH3) / scroller.docH3;
			//if(scroller.scrollH3 < 15) scroller.scrollH3 = 15;
			document.getElementById("scroller1").style.height = Math.round(scroller.scrollH3) + "px";
		}
		//what is the effective scroll distance once the scoller's height has been taken into account
		scroller.scrollDist3 = Math.round(scroller.scrollAreaH3-scroller.scrollH3);
	    
		//make the scroller div draggable
		Drag.init(document.getElementById("scroller1"),null,0,0,-1,scroller.scrollDist3);
	    
		//add ondrag function
		document.getElementById("scroller1").onDrag = function (x,y) {
		var scrollY3 = parseInt(document.getElementById("scroller1").style.top);
		var docY3 = 0 - (scrollY3 * (scroller.docH3 - scroller.contH3) / scroller.scrollDist3);
		document.getElementById("content-one").style.top = docY3 + "px";
		}
   	}
    
  }
}

onload = scroller.init;