function initial() {
/*
To add a new nav item/sub nav to this
	1. add a new 'root a' var
	2. a new 'sub ul' var
	3. add a new 'display none' for the subnav
	4. add a new javascript function to the href
	5. add a new if statement seeing if the body id matches the title of the root subnav item, if it does show the subnav and change the function on the root a to a hide function
	6. add a new 'display none' to the show() function
	7. add a new 'show' javascript function to the link
That should be it, probably best to keep the same id scheme, where the a tag has an id of snxxx (sn = subnav, xxx = the first three letters of the li) and the subnav ul has the same id prefixed with a u
*/
	//set vars
	
	//** 1 **
	//root a
		var snabo = document.getElementById("snabo");
		var snsof = document.getElementById("snsof");
		var snser = document.getElementById("snser");
		var snpar = document.getElementById("snpar");
		var snsup = document.getElementById("snsup");
		var sncont = document.getElementById("sncont");
		
	//** 2 **	
	//sub uls
		var usnabo = document.getElementById("usnabo");
		var usnsof = document.getElementById("usnsof");
		var usnser = document.getElementById("usnser");
		var usnpar = document.getElementById("usnpar");
		var usnsup = document.getElementById("usnsup");
		var usncont = document.getElementById("usncont");
		
	//** 3 **
	//hide the subnav elements
	usnabo.style.display = "none";
	usnsof.style.display = "none";
	usnser.style.display = "none";
	usnpar.style.display = "none";
	usnsup.style.display = "none";
	usncont.style.display = "none";
	
	//** 4 **
	/* add the show links to the root a links, a hide link will be added to
	the one that is selected below */
	snabo.href = 'javascript:show("snabo", "usnabo");';
	snsof.href = 'javascript:show("snsof", "usnsof");';
	snser.href = 'javascript:show("snser", "usnser");';
	snpar.href = 'javascript:show("snpar", "usnpar");';
	snsup.href = 'javascript:show("snsup", "usnsup");';
	sncont.href = 'javascript:show("sncont", "usncont");';
	
	//** 5 **
	//find out the body id to show the appropriate subnav and add a hide function
	var theBodyId = document.getElementsByTagName("body")[0].getAttribute('id');
	//if the page id is one of these show the subnav
	if (theBodyId == "about") {
		usnabo.style.display = "block";
		snabo.href = 'javascript:hide("snabo", "usnabo");';
	};
	if (theBodyId == "software") {
		usnsof.style.display = "block";
		snsof.href = 'javascript:hide("snsof", "usnsof");';
	};
	if (theBodyId == "services") {
		usnser.style.display = "block";
		snser.href = 'javascript:hide("snser", "usnser");';
	};
	if (theBodyId == "partners") {
		usnpar.style.display = "block";
		snpar.href = 'javascript:hide("snpar", "usnpar");';
	};
	if (theBodyId == "support") {
		usnsup.style.display = "block";
		snsup.href = 'javascript:hide("snsup", "usnsup");';
	};
	if (theBodyId == "contact") {
		usncont.style.display = "block";
		sncont.href = 'javascript:hide("sncont", "usncont");';
	};
}

function show(link, ul) {
	//set vars
	
	//** 6 **
	//sub uls, we hide all before exposing selected
		document.getElementById("usnabo").style.display = "none";
		document.getElementById("usnsof").style.display = "none";
		document.getElementById("usnser").style.display = "none";
		document.getElementById("usnpar").style.display = "none";
		document.getElementById("usnsup").style.display = "none";
		document.getElementById("usncont").style.display = "none";
		
	//** 7 ** Since we've hidden the blocks we need to reset links to 'show' mode
		document.getElementById("snabo").href = 'javascript:show("snabo", "usnabo");';
		document.getElementById("snsof").href = 'javascript:show("snsof", "usnsof");';
		document.getElementById("snser").href = 'javascript:show("snser", "usnser");';
		document.getElementById("snpar").href = 'javascript:show("snpar", "usnpar");';
		document.getElementById("snsup").href = 'javascript:show("snsup", "usnsup");';
		document.getElementById("sncont").href = 'javascript:show("sncont", "usncont");';
		
	document.getElementById(ul).style.display = "block";
	document.getElementById(link).href = 'javascript:hide("'+link+'", "'+ul+'");';
}
function hide(link, ul) {
	document.getElementById(ul).style.display = "none";
	document.getElementById(link).href = 'javascript:show("'+link+'", "'+ul+'");';
}