jQuery(document).ready( function() {
	//Generate text size links and Add to DOM
	$('#middleContent div:first').prepend("<span id='textsizer'><p>Font Size: </p><ul class='textresizer'><li><a href='#' rel='0'>S</a></li><li><a href='#' rel='1'>M</a></li><li><a href='#' rel='2'>L</a></li><li><a href='#' rel='3'>XL</a></li></span>"); 
	
	$( "#textsizer a" ).textresizer({
		//target: ".toResize",
		target: "#middleContent",
		type: "css",
		sizes: [
			// Small. Index 0
			{ "font-size"  : "80%",
			  "color"      : "black"
			},

			// Medium. Index 1
			{ "font-size"  : "100%",
			  "color"      : "black"
			},

			// Large. Index 2
			{ "font-size"  : "120%",
			  "color"      : "black"
			},

			// Larger. Index 3
			{ "font-size"  : "140%",
			  "color"      : "black"
			}
		],
		selectedIndex: 1
	});
});