var guides = new Array("o1","n1","cp1","cp2","cp3","cp4","cp5","cp6","cp7","cp8","cp9","ct1","ct2","ct3","ct4","ct5","ct6","ct7");
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("n1-link").onclick = function() { return displayGuide("n1"); }
	document.getElementById("cp1-link").onclick = function() { return displayGuide("cp1"); }
	document.getElementById("cp2-link").onclick = function() { return displayGuide("cp2"); }
	document.getElementById("cp3-link").onclick = function() { return displayGuide("cp3"); }
	document.getElementById("cp4-link").onclick = function() { return displayGuide("cp4"); }
	document.getElementById("cp5-link").onclick = function() { return displayGuide("cp5"); }
	document.getElementById("cp6-link").onclick = function() { return displayGuide("cp6"); }
	document.getElementById("cp7-link").onclick = function() { return displayGuide("cp7"); }
	document.getElementById("cp8-link").onclick = function() { return displayGuide("cp8"); }
	document.getElementById("cp9-link").onclick = function() { return displayGuide("cp9"); }
	document.getElementById("ct1-link").onclick = function() { return displayGuide("ct1"); }
	document.getElementById("ct2-link").onclick = function() { return displayGuide("ct2"); }
	document.getElementById("ct3-link").onclick = function() { return displayGuide("ct3"); }
	document.getElementById("ct4-link").onclick = function() { return displayGuide("ct4"); }
	document.getElementById("ct5-link").onclick = function() { return displayGuide("ct5"); }
	document.getElementById("ct6-link").onclick = function() { return displayGuide("ct6"); }
	document.getElementById("ct7-link").onclick = function() { return displayGuide("ct7"); }

	document.getElementById("overview-link").href = "#guide";
	document.getElementById("o1-link").href = "#guide";
	document.getElementById("n1-link").href = "#guide";
	document.getElementById("cp1-link").href = "#guide";
	document.getElementById("cp2-link").href = "#guide";
	document.getElementById("cp3-link").href = "#guide";
	document.getElementById("cp4-link").href = "#guide";
	document.getElementById("cp5-link").href = "#guide";
	document.getElementById("cp6-link").href = "#guide";
	document.getElementById("cp7-link").href = "#guide";
	document.getElementById("cp8-link").href = "#guide";
	document.getElementById("cp9-link").href = "#guide";
	document.getElementById("ct1-link").href = "#guide";
	document.getElementById("ct2-link").href = "#guide";
	document.getElementById("ct3-link").href = "#guide";
	document.getElementById("ct4-link").href = "#guide";
	document.getElementById("ct5-link").href = "#guide";
	document.getElementById("ct6-link").href = "#guide";
	document.getElementById("ct7-link").href = "#guide";
	
	//displayOverview();
}

window.onload = initializeSchematic;