window.onload = function(){

showOrHide("druids");
setUpNav();
setHeight();


/* in case javascript fails, css within the document will correct the height so that the lengthy amount of information can still be accessed. If javascript does work, it will set the height of the window to accomadate the content shown by the show and hide feature*/

function setHeight(){
	var content= document.getElementById("content");
content.style.height = "800px";

var left= document.getElementById("left");
left.style.height = "800px";

var right= document.getElementById("right");
right.style.height = "800px";

var footer= document.getElementById("footer");
footer.style.top = "800px";
}

function showOrHide(divToShow){
var divName=divToShow.toLowerCase();
var main=document.getElementById("text");
var divs=main.getElementsByTagName("div");
for(var i=0; i<divs.length; i++){
divs[i].className="hide";}
document.getElementById(divName).className="show";
}

function setUpNav(){
var nav=document.getElementById("subnav");
var links=nav.getElementsByTagName("a");
for(var i=0; i<links.length; i++){
links[i].onclick=function(){
var name=this.firstChild.nodeValue;
showOrHide(name);
return false;
	};
	}
}





}