$(document).ready(function(){

  

  // Reset Font Size

  var originalFontSize = $('html'). css('font-size');

  $("#resetFont").click(function(){

  $('html').css('font-size', originalFontSize);

  });

  

  // Increase Font Size

  $("#increaseFont").click(function(){

  	var currentFontSize = $('html').css('font-size');

 	var currentFontSizeNum = parseFloat(currentFontSize, 10);

    var newFontSize = currentFontSizeNum*1.2;

	//$('html').css('font-size', newFontSize); // Text Non Animated

	$('html').animate({fontSize: newFontSize},300); // Text Animated

	return false;

  });

  

  // Decrease Font Size

  $("#decreaseFont").click(function(){

  	var currentFontSize = $('html').css('font-size');

 	var currentFontSizeNum = parseFloat(currentFontSize, 10);

    var newFontSize = currentFontSizeNum*0.8;

	//$('html').css('font-size', newFontSize); // Text Non Animated

	$('html').animate({fontSize: newFontSize},300); // Text Animated

	return false;

  });



  // FontLarge Active State

  $("#increaseFont").click(function(){

	  $("li.FontLarge span").addClass("active");

	  $("li.FontSmall span").removeClass("active");

	  $("li.FontReset span").removeClass("active");

  });

  

  // FontSmall Active State

  $("#decreaseFont").click(function(){

	  $("li.FontSmall span").addClass("active");

	  $("li.FontLarge span").removeClass("active");

	  $("li.FontReset span").removeClass("active");

  });

  

  // FontReset Active State

  $("#resetFont").click(function(){

	  $("li.FontReset span").addClass("active");

	  $("li.FontLarge span").removeClass("active");

	  $("li.FontSmall span").removeClass("active");

  });



});