// initialize the jquery code
 $(document).ready(function(){
	$('.normalText').addClass("resizeTextLinksBold");
	// changer links when clicked
	//set the div with class mainText as a var called $mainText 
	var $mainText = $('#mainContentArea p');
	// set the current font size of .mainText as a var called currentSize
	var currentSize = $mainText.css('font-size');
	var currentLineHeight = $mainText.css('line-height');
	// parse the number value out of the font size value, set as a var called 'num'
	var num = parseFloat(currentSize, 10);
	// make sure current size is 2 digit number, save as var called 'unit'
	var unit = currentSize.slice(-2);
	// javascript lets us choose which link was clicked, by ID
	var currentLineHeightNum = parseFloat(currentLineHeight, 10);
	// make sure current size is 2 digit number, save as var called 'unit'
	var currentLineHeightUnit = currentLineHeight.slice(-2);
	
	// jQuery lets us set the font Size value of the mainText div
	$('.normalText').click(function(){
		$mainText.css('font-size', num + unit);
		$mainText.css('line-height', currentLineHeightNum + currentLineHeightUnit);
		$('.resizeTextArea a').removeClass("resizeTextLinksBold");
		$(this).addClass("resizeTextLinksBold");
	   //return false;
	});
	$('.largerText').click(function(){
		$mainText.css('font-size', (num + 3) + unit);
		$mainText.css('line-height', (currentLineHeightNum + 3) + currentLineHeightUnit);
		$('.resizeTextArea a').removeClass("resizeTextLinksBold");
		$(this).addClass("resizeTextLinksBold");
	   //return false;
	});
	$('.largestText').click(function(){
		$mainText.css('font-size', (num + 6) + unit);
		$mainText.css('line-height', (currentLineHeightNum + 6) + currentLineHeightUnit);
		$('.resizeTextArea a').removeClass("resizeTextLinksBold");
		$(this).addClass("resizeTextLinksBold");
	   //return false;
	});
});