var config = {
  mediumFont: { ratio: 1.2 },
  largeFont: { ratio: 1.4 },
  resetFont: { ratio: 1.0 }
};

jQuery(document).ready(function($) {
  // Reset Font Size
  var fsize = jQuery('html').css('font-size');
  var originalFontSize = parseInt(fsize);
  var savedSize = jQuery.cookie('fontSize');

  /**
  * <div id="changeFont">
  * <div class="resetFont"><span>Reset</span></div>
  * <div class="mediumFont"><span>Increase</span></div>
  * <div class="largeFont"><span>decrease</span></div>
  * </div>
  **/

  if(savedSize) {
	$('html').css({fontSize: parseFloat(savedSize)});
	$('body').css({fontSize: parseFloat(savedSize)});
  }
  var mediumFont = $("#mediumFont");
  var largeFont  = $("#largeFont");
  var resetFont  = $("#resetFont");
  var mediumRatio = 1.2;
  var largeRatio  = 1.4;


  var setFontSize = function(newFontSize) { 
/*
	config.each(function() {

	});
*/
	$('html').css({fontSize: newFontSize});
	$('body').css({fontSize: newFontSize});
	$.cookie('fontSize', newFontSize);
  };

  resetFont.click(function(){
	if($(this).hasClass('selected')) { return false; }

	resetFont.addClass("selected");
	mediumFont.removeClass("selected");
	largeFont.removeClass("selected");

	setFontSize(originalFontSize);
  });
  // Increase Font Size
  mediumFont.click(function(){
	if($(this).hasClass('selected')) { return false; }

	resetFont.removeClass("selected");
	largeFont.removeClass("selected");
	mediumFont.addClass("selected");

    	var newFontSize = originalFontSize * mediumRatio;
	setFontSize(newFontSize);

	return false;
  });
  // Decrease Font Size
  largeFont.click(function(){
	if($(this).hasClass('selected')) { return false; }

	resetFont.removeClass("selected");
	mediumFont.removeClass("selected");
	largeFont.addClass("selected");

    	var newFontSize = originalFontSize * largeRatio;
	setFontSize(newFontSize);

	return false;
  });



});