addOnload(initAll);
addOnload(clickInit);
addOnload(removeImg);

function addOnload(newFunction) {
	var oldOnload = window.onload;
	
	if (typeof oldOnload == "function") {
		window.onload = function() {
			if (oldOnload) {
				oldOnload();
			}
			newFunction();
			
		}
		
	}
	else {
		window.onload = newFunction;
		
	}
	
}

function initAll() {
	var allLinks = document.getElementsByTagName("a");
	
	for (var i=0; i<allLinks.length; i++) {
		if (allLinks[i].className.indexOf("menuLink") > -1) {
		allLinks[i].onclick = togglePage;
		}

	}

}

function togglePage() {
	var startPage = this.href.lastIndexOf("/")+1;
	var stopPage = this.href.lastIndexOf(".");
	var thisPageName = this.href.substring(startPage,stopPage) + "div";
	var thisPage = document.getElementById(thisPageName).style;
	
	var allPages = document.getElementsByTagName("div");
	
	thisPage.display = (thisPage.display == "inline") ? "none" : "inline";
	
	return false;
	
}

function clickInit() {
	var allLinks = document.getElementsByTagName("a");
	
	for (var i=0; i<allLinks.length; i++) {
		if (allLinks[i].className == "thumb") {
		allLinks[i].onclick = changeImg;
		}

	}

}

function changeImg() {
	var imageArea = document.getElementById("centerImg");
	imageArea.setAttribute("src", "images/" + this.id + "_full.png");
	
	var imgDiv = document.getElementById("images").style;
	imgDiv.display = "inline";

	return false;
}

function removeImg() {
var imgLink = document.getElementById("removeImg");
	imgLink.onclick = hideImg;
}

function hideImg() {
	var imgDiv = document.getElementById("images").style;
	imgDiv.display = "none";
	var currImg = document.getElementById("centerImg");
	currImg.setAttribute("src", "null");
	return false;
}