function fontResize(){
  // Reset Font Size
  var originalFontSize = $('#content').css('font-size');

  $(".resetFont").click(function(){
  $('#content').css('font-size', originalFontSize);
  return false;
  });

  // Increase Font Size
  $(".increaseFont").click(function(){
  	var currentFontSize = $('#content').css('font-size');
 	var currentFontSizeNum = parseFloat(currentFontSize, 16);
    	var newFontSize = currentFontSizeNum+2;

	if (newFontSize < 24) {
	$('#content').css('font-size', newFontSize);
	}

	return false;
  });
  // Decrease Font Size
  $(".decreaseFont").click(function(){
  	var currentFontSize = $('#content').css('font-size');
 	var currentFontSizeNum = parseFloat(currentFontSize, 16);
    	var newFontSize = currentFontSizeNum-2;
	$('#content').css('font-size', newFontSize);
	return false;
  });
}

// Include the script link (A), and a call to the script (B) in the main page load - add to existing script, or create its own
// (A) <script src="<?php echo $template_url; ?>/jscss/fontResize.js" type="text/javascript" charset="utf-8"></script>
// (B) <script type="text/javascript">$(document).ready(function(){fontResize();});</script>


// Include this code in the page where you want the font resize function
// Font Size:  &nbsp;&nbsp;<a href="#" class="decreaseFont">&darr;</a>&nbsp;<a href="" class="resetFont">Reset</a>&nbsp;<a href="#" class="increaseFont">&uarr;</a>