$(document).ready(function()
{
	var currentSize = "small";
	var newSize;
	
	function changeSize(element)
	{
		var small;
		var medium;
		var large;
		// paragraph sizes
		if(element.is("p"))
		{
			small = "12px";
			medium = "14px";
			large = "16px";
		};
		// h4 sizes
		if(element.is("h3"))
		{
			small = "12px";
			medium = "14px";
			large = "16px";
		};
		// h2 sizes
		if(element.is("h2"))
		{
			small = "14px";
			medium = "16px";
			large = "18px";
		};
		// h1 sizes
		if(element.is("h1"))
		{
			small = "18px";
			medium = "20px";
			large = "22px";
		};
		switch(newSize)
			{
			case "small":
				element.css("font-size", small);
				break;
			case "medium":
				element.css("font-size", medium);
				break;
			case "large":
				element.css("font-size", large);
				break;
			};
	};
	
	$("#textControl #size a").click(function(event)
	{
		// prevent link from redirecting
		event.preventDefault();
		// check if clicked size is active
		if($(this).attr("id") != currentSize)
		{
			// get id of clicked size
			newSize = $(this).attr("id");
			// remove "active" class from previous size
			$("#"+currentSize).removeClass("active");
			// add "active" class to clicked size
			$("#"+newSize).addClass("active");
			// change text size
			changeSize($("#newsBox #welcomePane h2"));
			changeSize($("#newsBox #welcomePane p"));
			changeSize($("#content #copy h1"));
			changeSize($("#content #copy h2"));
			changeSize($("#content #copy h3"));
			changeSize($("#content #copy p"));
			// set current size
			currentSize = newSize;
		};
	});
});