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

function initProgression() {
	var progression_stages = document.getElementById("susan_progression").getElementsByTagName("ul")[0].getElementsByTagName("li");
	var body = document.getElementsByTagName("body")[0];
	var defaultBodyClass = "change_life";
	body.className = defaultBodyClass;
	
	for (var i=0; i < progression_stages.length; i++) {
		progression_stages[i].onmouseover = function() {
			body.className = "change_life " + this.className;
		};
		
		progression_stages[i].onmouseout = function() {			
			body.className = defaultBodyClass;
		};
	}
	
	var divs = document.getElementsByTagName("div");
	for (var i=0; i < divs.length; i++) {
		if (divs[i].className == "stage") {
			divs[i].onmouseover = function() {
				body.className = "change_life " + this.getAttribute("id");
			};

			divs[i].onmouseout = function() {
				body.className = defaultBodyClass;
			};
		} else {
			continue;
		}
	};
}

addLoadEvent(initProgression);