var scroller_viewpoint  = null;
var scrollbar_viewpoint = null;

var scroller_informalessay  = null;
var scrollbar_informalessay = null;

var scroller_dynamic = null;
var scrollbar_dynamic = null;

var scroller_curriculum2 = null;
var scrollbar_curriculum2 = null;

var scroller_curriculum3 = null;
var scrollbar_curriculum3 = null;

window.onload = function () {
  scroller_viewpoint  = new jsScroller(document.getElementById("ViewPoint-Content"), 270, 400);
  scrollbar_viewpoint = new jsScrollbar (document.getElementById("ViewPoint-Scrollbar-Container"), scroller_viewpoint, true, scrollbarEvent);
  
  scroller_informalessay  = new jsScroller(document.getElementById("InformalEssay-Content"), 270, 400);
  scrollbar_informalessay = new jsScrollbar (document.getElementById("InformalEssay-Scrollbar-Container"), scroller_informalessay, true, scrollbarEvent);
  
  scroller_dynamic  = new jsScroller(document.getElementById("Dynamic-Content"), 400, 340);
  scrollbar_dynamic = new jsScrollbar (document.getElementById("Dynamic-Scrollbar-Container"), scroller_dynamic, true, scrollbarEvent);
  
  scroller_curriculum2  = new jsScroller(document.getElementById("Curriculum2-Content"), 283, 401);
  scrollbar_curriculum2 = new jsScrollbar (document.getElementById("Curriculum2-Scrollbar-Container"), scroller_curriculum2, true, scrollbarEvent);
  
  scroller_curriculum3  = new jsScroller(document.getElementById("Curriculum3-Content"), 219, 401);
  scrollbar_curriculum3 = new jsScrollbar (document.getElementById("Curriculum3-Scrollbar-Container"), scroller_curriculum3, true, scrollbarEvent);
}

function scrollbarEvent (o, type) {
	if (type == "mousedown") {
		if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#dbd9da";
		else o.style.backgroundColor = "#ec1a23";
	} else {
		if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#dbd9da";
		else o.style.backgroundColor = "#ec1a23";
	}
}