window.onload = function () {
	
	//Reset all forms here - problems with multiple .onload functions in multiple scripts with IE - didn't test FF
	document.getElementById("MailingListForm").reset();
	
	//********CALENDAR FUNCTION***************//
	
	var month = ['January','February','March','April','May','June','July','August','September','October','November','December'];
	var day = ['Sun','Mon','Tues','Wed','Thurs','Fri','Sat'];
	
	//The Date object is used to work with dates and times. The following code create a Date object called "fulldte"
	//The getUTCFullYear() method returns a four-digit number that represents a year according to the Universal Coordinated Time (UTC)
	//The value returned by getMonth() is a number between 0 and 11. January is 0, February is 1 and so on
	//The getDate() method returns the day of the month. The value returned by getDate() is a number between 1 and 31.
	//The getDay() method returns a number that represents the day of the week.
	var fulldte = new Date();
	var yy = fulldte.getUTCFullYear();
	var mm = fulldte.getMonth();
	var dt = fulldte.getDate();
	var dy = fulldte.getDay();
	
	var now = day[dy] + ", " + month[mm] + " " + dt + ", " + yy;
	
	//An alternate method to display "fulldte" would be this:
	//document.getElementById("DateContainer").innerHTML = fulldte;
	
	//Apparently, this is the prefered method:
	//".firstChild" inserts our new node just before the first child -- at the beginning of the DIV
	//In the HTML DOM, each node is an object. The nodeName, nodeValue, and nodeType properties contain information about nodes.
	//A common mistake is to think that the text inside an element is that element's node value, but that isn't the case.
	//As seen below, the element (DateContainer) itself has no node value — it has a child text node, and that has a node value equal to its content.
	//The nodeValue property is read/write — it can be used to set the value as well as get it.
	
	document.getElementById("DateContainer").firstChild.nodeValue = now;
	
	
	//********RESIZE FUNCTION***************//
	
	//This function is what actually changes the MainContentTextContainer class
	//The class from the "button" div pressed needs to be passed in as "newSize"
	
	function changeFontSize (newSize) {
		document.getElementById("MainContentTextContainer").className = newSize
	}
	
	//To explicitly declare (create) a variable in JavaScript we use the var command. In JavaScript, however, you can also declare variables implicitly by using the
	//assignment operator to assign a value to the new variable (as seen below for "buttons"). Another example: sum = x = y = 0; declares three variables and each is set to 0.
	
	buttons = document.getElementById("FontBox").getElementsByTagName("div");
	for (c = 0; c < buttons.length; c++) {
		buttons[c].onclick = function () {
			changeFontSize (this.className);
		}
	}
	
//end bracket for window.onload function() - this entire script runs after the page loads
}