function changeSize(newSize, element) {
        document.body.className = newSize;
        if(!navigator.cookieEnabled) return;
        document.cookie = "fontSize=" + newSize + ";path=/;";
        if(document.getElementById("selected_size")) {
            document.getElementById("selected_size").id = "";
        }
        element.id = "selected_size";
    }
    
    function init() {
		if(!navigator.cookieEnabled) return;
		var newDiv = document.createElement("div");
		newDiv.id = "font_sizes";
		newDiv.innerHTML = '<span>Text Size</span><a href="#" class="normal" id="selected_size" onclick="changeSize(\'normal\', this);return false;">A</a><a href="#" class="larger" onclick="changeSize(\'larger\', this);return false;">A</a><a href="#" class="largest" onclick="changeSize(\'largest\', this);return false;">A</a><br /><p>Change the size of our text by clicking a letter above.</p>';
		document.getElementById("column_two").insertBefore(newDiv, document.getElementById("column_two").firstChild);
		
		
		
		var sizeLinks = document.getElementById("font_sizes").getElementsByTagName("a");
		sizeLinks[0].id = "";
		if(document.cookie.indexOf("fontSize=normal") > -1) {
			document.body.className="normal";
			sizeLinks[0].id = "selected_size";
		}
		if(document.cookie.indexOf("fontSize=larger") > -1) {
			document.body.className="larger";
			sizeLinks[1].id = "selected_size";
		}
		if(document.cookie.indexOf("fontSize=largest") > -1) {
			document.body.className="largest";
			sizeLinks[2].id = "selected_size";
		}
    }


	var W3CDOM = document.getElementById && document.createElement;
	
	if(W3CDOM) {
		window.onload = function() {
			init();
			
		}
	}