/**
 * Setups the click function to change the font size of the main content area
 */
$(document).ready(function() {
	$('#size_1 a').click(function() {
		$('#content').css('font-size', '12px');
		$('#content h1').css('font-size', '24px');
		$('#content h2').css('font-size', '22px');
		$('#content h3').css('font-size', '20px');
		$('#content h4').css('font-size', '18px');
		$('#content h5').css('font-size', '16px');
		$('#content h6').css('font-size', '14px');
	});

	$('#size_2 a').click(function() {
		$('#content').css('font-size', '16px');
		$('#content h1').css('font-size', '28px');
		$('#content h2').css('font-size', '26px');
		$('#content h3').css('font-size', '24px');
		$('#content h4').css('font-size', '22px');
		$('#content h5').css('font-size', '20px');
		$('#content h6').css('font-size', '18px');
	});

	$('#size_3 a').click(function() {
		$('#content').css('font-size', '20px');
		$('#content h1').css('font-size', '32px');
		$('#content h2').css('font-size', '30px');
		$('#content h3').css('font-size', '28px');
		$('#content h4').css('font-size', '26px');
		$('#content h5').css('font-size', '24px');
		$('#content h6').css('font-size', '22px');
	});
});