var guides = new Array("o1","p1","p2","p3","p4","p5","p6","p7","p8","p9","t1","t2","t3","t4","t5","t6","t7","m1","m2");
var numGuides = guides.length;

function displayOverview() {
	var notFound = true;
	var tempId;

	for (var i = 1; i < numGuides; i++) {
		tempId = guides[i];
		if (document.getElementById(tempId + "-link").className == "on") {
			document.getElementById(tempId + "-link").className = "off";
			document.getElementById(tempId + "-desc").className = "off";
			break;
		}
	}

	if (document.getElementById("o1-link").className == "off") {
		document.getElementById("o1-link").className = "on";
		document.getElementById("o1-desc").className = "on";
	}

	return true;
}

function displayGuide(id) {
	var notFound = true;
	var tempId;

	for (var i = 0; i < numGuides; i++) {
		tempId = guides[i];
		if (document.getElementById(tempId + "-link").className == "on") {
			document.getElementById(tempId + "-link").className = "off";
			document.getElementById(tempId + "-desc").className = "off";
			if (id == tempId)
				notFound = false;
			break;
		}
	}

	if (notFound) {
		document.getElementById(id + "-link").className = "on";
		document.getElementById(id + "-desc").className = "on";
		
		return true;
	}
	else
		return false;
}

function initializeSchematic() {
	document.getElementById("overview-link").onclick = function() { return displayOverview(); }
	document.getElementById("o1-link").onclick = function() { return displayGuide("o1"); }
	document.getElementById("p1-link").onclick = function() { return displayGuide("p1"); }
	document.getElementById("p2-link").onclick = function() { return displayGuide("p2"); }
	document.getElementById("p3-link").onclick = function() { return displayGuide("p3"); }
	document.getElementById("p4-link").onclick = function() { return displayGuide("p4"); }
	document.getElementById("p5-link").onclick = function() { return displayGuide("p5"); }
	document.getElementById("p6-link").onclick = function() { return displayGuide("p6"); }
	document.getElementById("p7-link").onclick = function() { return displayGuide("p7"); }
	document.getElementById("p8-link").onclick = function() { return displayGuide("p8"); }
	document.getElementById("p9-link").onclick = function() { return displayGuide("p9"); }
	document.getElementById("t1-link").onclick = function() { return displayGuide("t1"); }
	document.getElementById("t2-link").onclick = function() { return displayGuide("t2"); }
	document.getElementById("t3-link").onclick = function() { return displayGuide("t3"); }
	document.getElementById("t4-link").onclick = function() { return displayGuide("t4"); }
	document.getElementById("t5-link").onclick = function() { return displayGuide("t5"); }
	document.getElementById("t6-link").onclick = function() { return displayGuide("t6"); }
	document.getElementById("t7-link").onclick = function() { return displayGuide("t7"); }
	document.getElementById("m1-link").onclick = function() { return displayGuide("m1"); }
	document.getElementById("m2-link").onclick = function() { return displayGuide("m2"); }

	document.getElementById("overview-link").href = "#guide";
	document.getElementById("o1-link").href = "#guide";
	document.getElementById("p1-link").href = "#guide";
	document.getElementById("p2-link").href = "#guide";
	document.getElementById("p3-link").href = "#guide";
	document.getElementById("p4-link").href = "#guide";
	document.getElementById("p5-link").href = "#guide";
	document.getElementById("p6-link").href = "#guide";
	document.getElementById("p7-link").href = "#guide";
	document.getElementById("p8-link").href = "#guide";
	document.getElementById("p9-link").href = "#guide";
	document.getElementById("t1-link").href = "#guide";
	document.getElementById("t2-link").href = "#guide";
	document.getElementById("t3-link").href = "#guide";
	document.getElementById("t4-link").href = "#guide";
	document.getElementById("t5-link").href = "#guide";
	document.getElementById("t6-link").href = "#guide";
	document.getElementById("t7-link").href = "#guide";
	document.getElementById("m1-link").href = "#guide";
	document.getElementById("m2-link").href = "#guide";
	
	displayOverview();
}

window.onload = initializeSchematic;