var showscroll = {
  init:   function() {

    //collect the variables
    showscroll.docH = document.getElementById("showscroll-content").offsetHeight;
    showscroll.contH = document.getElementById("showscroll-box").offsetHeight;
    showscroll.scrollAreaH = document.getElementById("showscroll-area").offsetHeight;

	showscroll.timer = null;
      
    //calculate height of scroller and resize the scroller div
    //(however, we make sure that it isn't to small for long pages)
	showscroll.scrollH = 84;
    document.getElementById("showscroll-drag").style.height = Math.round(showscroll.scrollH) + "px";
    
    //what is the effective scroll distance once the scoller's height has been taken into account
    showscroll.scrollDist = Math.round(showscroll.scrollAreaH-showscroll.scrollH);
    
    //make the scroller div draggable
    Drag.init(document.getElementById("showscroll-drag"),null,0,0,-1,showscroll.scrollDist);
    
    //add ondrag function
    document.getElementById("showscroll-drag").onDrag = function (x,y) {
      var scrollY = parseInt(document.getElementById("showscroll-drag").style.top);
      var docY = 0 - (scrollY * (showscroll.docH - showscroll.contH) / showscroll.scrollDist);
      document.getElementById("showscroll-content").style.top = docY + "px";
    }


	this.showscroll.scrollerUp = function () {
      var docY = parseInt(document.getElementById("showscroll-content").style.top);
      var scrollY = parseInt(document.getElementById("showscroll-drag").style.top);

	  if ((scrollY-15)<0) { // at top
		document.getElementById("showscroll-drag").style.top = "0px";

	  } else {
		document.getElementById("showscroll-drag").style.top = (scrollY-15) + "px";
	  }

		scrollY = parseInt(document.getElementById("showscroll-drag").style.top);
		var docY = 0 - (scrollY * (showscroll.docH - showscroll.contH) / showscroll.scrollDist);
      	document.getElementById("showscroll-content").style.top = docY + "px";

	}
	
	this.showscroll.scrollerDown = function () {
      var docY = parseInt(document.getElementById("showscroll-content").style.top);
      var scrollY = parseInt(document.getElementById("showscroll-drag").style.top);
	  if ((scrollY+15) > showscroll.scrollDist) { // put us past bottom
		document.getElementById("showscroll-drag").style.top = (showscroll.scrollDist) + "px";
	  } else {
		document.getElementById("showscroll-drag").style.top = (scrollY+15) + "px";
	  }
	
		scrollY = parseInt(document.getElementById("showscroll-drag").style.top);
		var docY = 0 - (scrollY * (showscroll.docH - showscroll.contH) / showscroll.scrollDist);
      	document.getElementById("showscroll-content").style.top = docY + "px";
	}
	
	//add on up/down button functions
	document.getElementById("showscroll-up").onmousedown = function () {
		this.timer = setInterval("showscroll.scrollerUp()",20);
	}
	document.getElementById("showscroll-up").onmouseup = function () {
		clearInterval(this.timer);
	}
	document.getElementById("showscroll-down").onmousedown = function () {
		this.timer = setInterval("showscroll.scrollerDown()",20);
	}
	document.getElementById("showscroll-down").onmouseup = function () {
		clearInterval(this.timer);
	}
  }
}

var blogscroll = {
  init:   function() {

    //collect the variables
    blogscroll.docH = document.getElementById("blogscroll-content").offsetHeight;
    blogscroll.contH = document.getElementById("blogscroll-box").offsetHeight;
    blogscroll.scrollAreaH = document.getElementById("blogscroll-area").offsetHeight;

	blogscroll.timer = null;
      
    //calculate height of scroller and resize the scroller div
    //(however, we make sure that it isn't to small for long pages)
	blogscroll.scrollH = 84;
    document.getElementById("blogscroll-drag").style.height = Math.round(blogscroll.scrollH) + "px";
    
    //what is the effective scroll distance once the scoller's height has been taken into account
    blogscroll.scrollDist = Math.round(blogscroll.scrollAreaH-blogscroll.scrollH);
    
    //make the scroller div draggable
    Drag.init(document.getElementById("blogscroll-drag"),null,0,0,-1,blogscroll.scrollDist);
    
    //add ondrag function
    document.getElementById("blogscroll-drag").onDrag = function (x,y) {
      var scrollY = parseInt(document.getElementById("blogscroll-drag").style.top);
      var docY = 0 - (scrollY * (blogscroll.docH - blogscroll.contH) / blogscroll.scrollDist);
      document.getElementById("blogscroll-content").style.top = docY + "px";
    }


	this.blogscroll.scrollerUp = function () {
      var docY = parseInt(document.getElementById("blogscroll-content").style.top);
      var scrollY = parseInt(document.getElementById("blogscroll-drag").style.top);

	  if ((scrollY-15)<0) { // at top
		document.getElementById("blogscroll-drag").style.top = "0px";

	  } else {
		document.getElementById("blogscroll-drag").style.top = (scrollY-15) + "px";
	  }

		scrollY = parseInt(document.getElementById("blogscroll-drag").style.top);
		var docY = 0 - (scrollY * (blogscroll.docH - blogscroll.contH) / blogscroll.scrollDist);
      	document.getElementById("blogscroll-content").style.top = docY + "px";

	}
	
	this.blogscroll.scrollerDown = function () {
      var docY = parseInt(document.getElementById("blogscroll-content").style.top);
      var scrollY = parseInt(document.getElementById("blogscroll-drag").style.top);
	  if ((scrollY+15) > blogscroll.scrollDist) { // put us past bottom
		document.getElementById("blogscroll-drag").style.top = (blogscroll.scrollDist) + "px";
	  } else {
		document.getElementById("blogscroll-drag").style.top = (scrollY+15) + "px";
	  }
	
		scrollY = parseInt(document.getElementById("blogscroll-drag").style.top);
		var docY = 0 - (scrollY * (blogscroll.docH - blogscroll.contH) / blogscroll.scrollDist);
      	document.getElementById("blogscroll-content").style.top = docY + "px";
	}
	
	//add on up/down button functions
	document.getElementById("blogscroll-up").onmousedown = function () {
		this.timer = setInterval("blogscroll.scrollerUp()",20);
	}
	document.getElementById("blogscroll-up").onmouseup = function () {
		clearInterval(this.timer);
	}
	document.getElementById("blogscroll-down").onmousedown = function () {
		this.timer = setInterval("blogscroll.scrollerDown()",20);
	}
	document.getElementById("blogscroll-down").onmouseup = function () {
		clearInterval(this.timer);
	}
  }
}

var pastscroll = {
  init:   function() {

    //collect the variables
    pastscroll.docH = document.getElementById("pastscroll-content").offsetHeight;
    pastscroll.contH = document.getElementById("pastscroll-box").offsetHeight;
    pastscroll.scrollAreaH = document.getElementById("pastscroll-area").offsetHeight;

	pastscroll.timer = null;
      
    //calculate height of scroller and resize the scroller div
    //(however, we make sure that it isn't to small for long pages)
	pastscroll.scrollH = 84;
    document.getElementById("pastscroll-drag").style.height = Math.round(pastscroll.scrollH) + "px";
    
    //what is the effective scroll distance once the scoller's height has been taken into account
    pastscroll.scrollDist = Math.round(pastscroll.scrollAreaH-pastscroll.scrollH);
    
    //make the scroller div draggable
    Drag.init(document.getElementById("pastscroll-drag"),null,0,0,-1,pastscroll.scrollDist);
    
    //add ondrag function
    document.getElementById("pastscroll-drag").onDrag = function (x,y) {
      var scrollY = parseInt(document.getElementById("pastscroll-drag").style.top);
      var docY = 0 - (scrollY * (pastscroll.docH - pastscroll.contH) / pastscroll.scrollDist);
      document.getElementById("pastscroll-content").style.top = docY + "px";
    }


	this.blogscroll.scrollerUp = function () {
      var docY = parseInt(document.getElementById("pastscroll-content").style.top);
      var scrollY = parseInt(document.getElementById("pastscroll-drag").style.top);

	  if ((scrollY-15)<0) { // at top
		document.getElementById("pastscroll-drag").style.top = "0px";

	  } else {
		document.getElementById("pastscroll-drag").style.top = (scrollY-15) + "px";
	  }

		scrollY = parseInt(document.getElementById("pastscroll-drag").style.top);
		var docY = 0 - (scrollY * (pastscroll.docH - pastscroll.contH) / pastscroll.scrollDist);
      	document.getElementById("pastscroll-content").style.top = docY + "px";

	}
	
	this.pastscroll.scrollerDown = function () {
      var docY = parseInt(document.getElementById("pastscroll-content").style.top);
      var scrollY = parseInt(document.getElementById("pastscroll-drag").style.top);
	  if ((scrollY+15) > pastscroll.scrollDist) { // put us past bottom
		document.getElementById("pastscroll-drag").style.top = (pastscroll.scrollDist) + "px";
	  } else {
		document.getElementById("pastscroll-drag").style.top = (scrollY+15) + "px";
	  }
	
		scrollY = parseInt(document.getElementById("pastscroll-drag").style.top);
		var docY = 0 - (scrollY * (pastscroll.docH - blogscroll.contH) / pastscroll.scrollDist);
      	document.getElementById("pastscroll-content").style.top = docY + "px";
	}
	
	//add on up/down button functions
	document.getElementById("pastscroll-up").onmousedown = function () {
		this.timer = setInterval("pastscroll.scrollerUp()",20);
	}
	document.getElementById("pastscroll-up").onmouseup = function () {
		clearInterval(this.timer);
	}
	document.getElementById("pastscroll-down").onmousedown = function () {
		this.timer = setInterval("pastscroll.scrollerDown()",20);
	}
	document.getElementById("pastscroll-down").onmouseup = function () {
		clearInterval(this.timer);
	}
  }
}