// Header Generator.
// This will generate the header to be used on the main website, thus preventing me from updating 5 files each time I tweak a page. 

// Update this below list to add anything to the nav menu
var navAmount = 6;
var navHref = ["/", "gskirm/", "chess/", "blog/", "http://www.twitter.com/tehdiplomat", "about.html" ];
var navTitle = ["Home", "Global Skirmish", "Canvas Chess", "Blog", "Twitter", "About" ];

function writeHeader()
{
	var cont = document.getElementById("CONTAINER");

	var hdCont = document.createElement("div");
	hdCont.id = "HEADERCONTAINER";

	var hd = document.createElement("div");
	hd.id = "HEADER";

	var logo = document.createElement("div");
	logo.id="HEADERLOGOLEFT";

	var asooj = document.createElement("a");
	asooj.href="/";
	asooj.title="ASOOJ";

	var asoojImg = document.createElement("img");
	asoojImg.src = "images/asooj-logo.gif";
	asoojImg.height = 88;
	asoojImg.width = 170;
	asooj.appendChild(asoojImg);

	logo.appendChild(asooj);
	hd.appendChild(asooj);
	hdCont.appendChild(hd);

	var topNav = document.createElement("div");
	topNav.id = "TOPNAV";
	var list = document.createElement("ul");
	list.id = "TOPNAVLIST";
	var cent = document.createElement("center");
	var li = new Array(navAmount);
	var listAnchor = new Array(navAmount)
	for(var i = 0; i < navAmount; i++){
		li[i] = document.createElement("li");
		listAnchor[i] = document.createElement("a");
		listAnchor[i].href = navHref[i]; 
		listAnchor[i].title = navTitle[i];
		listAnchor[i].appendChild(document.createTextNode(navTitle[i]))
		
		li[i].appendChild(listAnchor[i]);
		cent.appendChild(li[i]);
	}
	list.appendChild(cent);
	topNav.appendChild(list);

	cont.insertBefore(topNav, cont.firstChild);
	cont.insertBefore(hdCont, cont.firstChild);
}