// JavaScript File
// Controls the "timeline" widget.

function initTimeline2() {
	var timeline = document.getElementById("timeline");
	var timeline_stages = timeline.getElementsByTagName("li");
	var body = document.getElementsByTagName("body")[0];
	var defaultBodyClass = "how_work foundation";
	
	body.className = defaultBodyClass;
	
	for (var i=0; i < timeline_stages.length; i++) {
		timeline_stages[i].onmouseover = function() {
			currentClass = this.className;
			var body = document.getElementsByTagName("body")[0];
			body.className = "how_work " + currentClass;
			addClass(this, "on");
		};
		
		timeline_stages[i].onmouseout = function() {
			var body = document.getElementsByTagName("body")[0];
			body.className = defaultBodyClass;
			this.className = currentClass;
		};
		
		timeline_stages[i].onclick = function() {
			currentClass = this.className;
			var body = document.getElementsByTagName("body")[0];
			defaultBodyClass = "how_work " + currentClass;
			addClass(this, "on");
		};
	}
}

addLoadEvent(initTimeline2);