document.write('<link rel="stylesheet" type="text/css" media="screen" href="styles/load.css" />');

addLoadEvent(prepareNav);

function prepareNav() {

	if (!document.getElementById) { return false; }
	if (!document.getElementsByTagName) { return false; }

	if (!document.getElementById("navigation")) { return false; }

	var nav = document.getElementById("navigation");

	var lnks = nav.getElementsByTagName("a");

	for (var i=0; i<lnks.length; i++ ) {

		lnks[i].onclick = function() {

			activateLink(this);

			return false;

		};
	}
}

function activateLink(link) {

//	var pagename = link.getAttribute("href").match(/#(\w.+)/)[1];
	var pagename = link.getAttribute("href").split("#")[1];

	showPage(pagename);

	var nav = document.getElementById("navigation");

	var lnks = nav.getElementsByTagName("a");

	for (var i=0; i<lnks.length; i++ ) {

		if (lnks[i] == link) {

			lnks[i].className = "here";

		} else {

			lnks[i].className = "";

		}
	}
}

function showPage(pagename) {

	var divs = document.getElementsByTagName("div");

	for (var i=0; i<divs.length; i++ ) {

		if (divs[i].className == "page") {

			 if (divs[i].getAttribute("id") != pagename) {

				divs[i].style.display = "none";

			} else {

				divs[i].style.display = "block";

			}
		}
	}
}