sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
// JavaScript Document

  function RotateImages(whichHolder,Start)
  {
	
	if (!document.getElementById) return false;
	if (!document.getElementById("Rotating1")) return false;		
	
	var ImageHolder1 = document.getElementById('Rotating1');

  	var a = eval("ImageArr"+whichHolder);
  	var b = eval("ImageHolder"+whichHolder);
  	if(Start>=a.length)
  		Start=0;
  	b.src = a[Start];
  	window.setTimeout("RotateImages("+whichHolder+","+(Start+1)+")",4000);
  }
  
  
function timelineSetup() {
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("timeline")) return false;		
	
	mytimeline = document.getElementById("timeline");
	yearLinks = mytimeline.getElementsByTagName("a");
		
		for (var i=0; i<yearLinks.length; i++) {
			yearLinks[i].onclick = function () {
				year = this.parentNode.parentNode.getAttribute("id");
				removeCurrentYear();
				setCurrentYear(year);	
				return false;
			}
		}
	
}  
function removeCurrentYear() {
	mytimeline = document.getElementById("timeline");
	years = mytimeline.getElementsByTagName("div");
	for (var i=0; i<years.length; i++) {
		if(	years[i].className == "current") {
			years[i].className = "";	
		}
	}
}

function setCurrentYear(newyear){
	timelineinfo = document.getElementById(newyear);
	timelineinfo.className = "current";
}
  
window.onload=function(){
  RotateImages(1,0);
  timelineSetup();
}