function onWelcome() {
	clearColumns();
	setColumnWidth("36", "187", "126", "126", "105");
	colorBackground("Welcome");
	setText("Welcome", "Welcome", "#F5D769", false);
	clearBackground("AboutUs");
	setText("AboutUs", "About Us", "#000000", false);
	clearBackground("SysModel");
	setText("SysModel", "System Model", "#000000", false);
	setText("col2", "from Our Superintendent", "#F5D769", true, "http://www.ware.k12.ga.us/superintendent/index.html");
	setText("col3", "Value Promise", "#F5D769", true, "http://www.ware.k12.ga.us/superintendent/valuepromise.htm");
}

function onAboutUs() {
	clearColumns();
	setColumnWidth("126", "70", "70", "75", "239");
	colorBackground("AboutUs");
	setText("AboutUs", "About Us", "#F5D769", false);
	clearBackground("Welcome");
	setText("Welcome", "Welcome", "#000000", false);
	clearBackground("SysModel");
	setText("SysModel", "System Model", "#000000", false);
	setText("col2", "Beliefs", "#F5D769", true, "http://www.ware.k12.ga.us/superintendent/index.html#Belief_Statements");
	setText("col3", "Vision", "#F5D769", true, "http://www.ware.k12.ga.us/superintendent/index.html#Vision_Statement");
	setText("col4", "Mission", "#F5D769", true, "http://www.ware.k12.ga.us/superintendent/index.html#Mission_Statement");
	setText("col5", "Goals/Objectives", "#F5D769", true, "http://www.ware.k12.ga.us/superintendent/goalsobj0607.htm");
}

function onSysModel() {
	clearColumns();
	setColumnWidth("66", "50", "50", "50", "364");
	colorBackground("SysModel");
	setText("SysModel", "System Model", "#F5D769", false);
	clearBackground("Welcome");
	setText("Welcome", "Welcome", "#000000", false);
	clearBackground("AboutUs");
	setText("AboutUs", "About Us", "#000000", false);
	setText("col5", "Achievement and Accountability", "#F5D769", true, "http://www.ware.k12.ga.us/superintendent/model061206.html");
}

function clearColumns() {
	document.getElementById("col1").innerText="";
	document.getElementById("col2").innerText="";
	document.getElementById("col3").innerText="";
	document.getElementById("col4").innerText="";
	document.getElementById("col5").innerText="";
}

function setColumnWidth(a, b, c, d, e) {
	document.getElementById("col1").width=a;
	document.getElementById("col2").width=b;
	document.getElementById("col3").width=c;
	document.getElementById("col4").width=d;
	document.getElementById("col5").width=e;
}

function clearBackground(id) {
	document.getElementById(id).style.backgroundColor="#FFFFFF";
	document.getElementById(id).style.borderBottomStyle="none";
	document.getElementById(id).style.borderBottomWidth="0px";
	document.getElementById(id).style.borderBottomColor="#FFFFFF";
}

function colorBackground(id) {
	document.getElementById(id).style.backgroundColor="#215A18";
	document.getElementById(id).style.borderBottomStyle="solid";
	document.getElementById(id).style.borderBottomWidth="1px";
	document.getElementById(id).style.borderBottomColor="#215A18";
}

function doit() {
	window.location.href="doit.html";
}

function setText(id, newText, hexcolor, isLink, href) {
	eElement = document.getElementById(id).children(0);
	if (eElement != null) {
		eElement.setAttribute("color", hexcolor);
	}
	else {
		eFont = document.createElement("font");
		eFont.setAttribute("size", "2");
		eFont.setAttribute("color", hexcolor);
		eFont.style.fontWeight = "bold";
		eFont.appendChild(document.createTextNode(newText));
		if (isLink == true) {
			eAnchor = document.createElement("a");
			eAnchor.setAttribute("href", href);
			eAnchor.style.textDecoration = "none";
			eAnchor.appendChild(eFont);
			document.getElementById(id).appendChild(eAnchor);
		}
		else {
			document.getElementById(id).appendChild(eFont);
		}
	}
	//document.getElementById(id).innerHTML="<font size='2' color=" + hexcolor + "><b>" + newText + "</b></font>";
}