document.write('<link rel="stylesheet" type="text/css" href="' + sWebRoot + 'includes/css/scroll.css">');
	
	function startScroll(sScrollBox, sDirection, sMinArrow, sMaxArrow) {
	
		oScrollBox = document.getElementById(sScrollBox);
		
		if (sDirection == "up" || sDirection == "down") {
			sStartPosition = oScrollBox.scrollTop;
		}
		else{
			sStartPosition = oScrollBox.scrollLeft;
		}
		
		if (bIsScrolling){
			stopScroll();
		}

		bIsScrolling = true;
		scrollInterval = setInterval(function() {scroll(oScrollBox, sStartPosition, sDirection, sMinArrow, sMaxArrow);}, 10);
		
	}
	
	
	
	
	function stopScroll() {
	
		if (bIsScrolling == true) {
			clearInterval(scrollInterval);
		}
		bIsScrolling = false;
		
	}
	
	
	
	
	function scroll(oScrollBox, sStartPosition, sDirection, sMinArrow, sMaxArrow) {
		
		var iStep = 2;
	
		if (oScrollBox)	{
		
			if (sDirection == "left" || sDirection == "right") {
			
				if (sDirection == "right") {
					oScrollBox.scrollLeft = oScrollBox.scrollLeft + iStep;
				}
				else {
					oScrollBox.scrollLeft = oScrollBox.scrollLeft - iStep;
				}
				
			var sixty = document.getElementById("sixty");
			var seventy = document.getElementById("seventy");
			var eighty = document.getElementById("eighty");
			var ninety = document.getElementById("ninety");
			sixty.style.color   = "#F57B20";
			seventy.style.color = "#F57B20";
			eighty.style.color  = "#F57B20";
			ninety.style.color  = "#F57B20";
			
			
		
			if (oScrollBox.scrollLeft  <= 1860) {
				sixty.style.color = "#000000";
			}
			else if( (oScrollBox.scrollLeft  > 1860) && (oScrollBox.scrollLeft  <= 4340) )  {
				seventy.style.color = "#000000";
			}
			else if( (oScrollBox.scrollLeft  > 4340) && (oScrollBox.scrollLeft  <= 8060) )  {
				eighty.style.color = "#000000";
			}
			else if( (oScrollBox.scrollLeft  > 4340) && (oScrollBox.scrollLeft  <= 8060) )  {
				eighty.style.color = "#000000";
			}
			else if( (oScrollBox.scrollLeft  > 8060) && (oScrollBox.scrollLeft  <= 11160) )  {
				ninety.style.color = "#000000";
			}
			
				if ((oScrollBox.scrollLeft == 0) || (oScrollBox.scrollLeft == (oScrollBox.scrollWidth - oScrollBox.offsetWidth))
				   ) {
					stopScroll();
				}

			}
			else {

				if (sDirection == "down") {
					oScrollBox.scrollTop = oScrollBox.scrollTop + iStep;
				}
				else {
					oScrollBox.scrollTop = oScrollBox.scrollTop - iStep;
				}
				
				if ((Math.abs(oScrollBox.scrollTop - sStartPosition) >= oScrollBox.offsetHeight) || (oScrollBox.scrollTop == 0) || (oScrollBox.scrollTop == (oScrollBox.scrollHeight - oScrollBox.offsetHeight))) {
					stopScroll();
				}
				
			}
		}
	}

	
	
	bIsScrolling = false;
	
	
function selectEra(sSelectedEra) {
	var sixty = document.getElementById("sixty");
	var seventy = document.getElementById("seventy");
	var eighty = document.getElementById("eighty");
	var ninety = document.getElementById("ninety");
			
	sixty.style.color   = "#F57B20";
	seventy.style.color = "#F57B20";
	eighty.style.color  = "#F57B20";
	ninety.style.color  = "#F57B20";
			
	oNewScrollBox = document.getElementById("scrollBoxHorizontal");
	
	if(sSelectedEra == "1960") {
		sixty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 0;
		stopScroll();
	}
	else if(sSelectedEra == "1970") {
		seventy.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 1860;
		window.setTimeout("oNewScrollBox.scrollLeft  = 1860", 0);
		stopScroll();
	}
	else if(sSelectedEra == "1980") {
		eighty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 4339;
		window.setTimeout("oNewScrollBox.scrollLeft  = 4339", 0);
		stopScroll();
	}
	else if(sSelectedEra == "1990") {
	    	ninety.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 8060;
		window.setTimeout("oNewScrollBox.scrollLeft  = 8060", 0);
		stopScroll();
	}
	
	else if(sSelectedEra == "CVS") {
		seventy.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 4030;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 4030", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Unitrode") {
		sixty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 155;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 155", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Gillette") {
		sixty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 310;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 310", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Colonial") {
		sixty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 930;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 930", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Goodwill") {
		sixty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 1705;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 1705", 0);
		stopScroll();
	}

	else if(sSelectedEra == "AVX") {
		seventy.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 2015;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 2015", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Foreign-Autopart") {
		seventy.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 2170;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 2170", 0);
		stopScroll();
	}

	else if(sSelectedEra == "First-Years") {
		seventy.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 2325;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 2325", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Shaws") {
		seventy.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 3255;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 3255", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Scrubadub") {
		seventy.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 3565;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 3565", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Pinkerton") {
		seventy.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 3875;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 3875", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Sportcraft") {
		eighty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 4650;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 4650", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Apple-Bank") {
		eighty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 4960;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 4960", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Dana-Farber") {
		eighty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 5115;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 5115", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Brigham-Womens") {
		eighty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 5425;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 5425", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Oakhurst") {
		eighty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 5735;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 5735", 0);
		stopScroll();
	}

	else if(sSelectedEra == "ASE") {
		eighty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 5890;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 5890", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Tedeschi") {
		eighty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 6045;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 6045", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Kodak") {
		eighty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 6200;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 6200", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Memorial-Hospital") {
		eighty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 6510;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 6510", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Amoco") {
		eighty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 6820;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 6820", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Wilson") {
		eighty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 7130;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 7130", 0);
		stopScroll();
	}

	else if(sSelectedEra == "AAFES") {
		eighty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 7285;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 7285", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Allmerica") {
		eighty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 7440;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 7440", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Driscolls") {
		eighty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 7595;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 7595", 0);
		stopScroll();
	}

	else if(sSelectedEra == "KGro") {
		eighty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 7750;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 7750", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Octane-Boost") {
		eighty.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 7905;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 7905", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Hood") {
		ninety.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 8060;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 8060", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Napa") {
		ninety.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 8215;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 8215", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Levi") {
		ninety.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 8370;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 8370", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Haworth") {
		ninety.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 8680;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 8680", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Pepboys") {
		ninety.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 8835;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 8835", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Partners") {
		ninety.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 9145;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 9145", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Volunteers") {
		ninety.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 9300;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 9300", 0);
		stopScroll();
	}

	else if(sSelectedEra == "MOS") {
		ninety.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 9455;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 9455", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Saegis") {
		ninety.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 9765;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 9765", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Andover-Coated") {
		ninety.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 9920;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 9920", 0);
		stopScroll();
	}

	else if(sSelectedEra == "OCedar") {
		ninety.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 10075;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 10075", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Corners") {
		ninety.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 10230;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 10230", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Abbott") {
		ninety.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 10385;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 10385", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Keon") {
		ninety.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 10540;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 10540", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Fairmarket") {
		ninety.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 10695;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 10695", 0);
		stopScroll();
	}

	else if(sSelectedEra == "Military-Star") {
		ninety.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 10850;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 10850", 0);
		stopScroll();
	}

	else if(sSelectedEra == "OneBeacon") {
		ninety.style.color = "#000000";
		oNewScrollBox.scrollLeft  = 11005;	
		window.setTimeout("oNewScrollBox.scrollLeft  = 11005", 0);
		stopScroll();
	}
}