$(document).ready(function() {    // put all your jQuery goodness in here.

    $(".resetFont").click(function(){
               setFontSize(originalFontSize);
               $("#changeFont").fadeToggle("fast");
               return false;
       });

       $(".increaseFont").click(function(){
               var fontSize = getFontSize();
               var newFontSize = fontSize + 1;
               var newLineHeight=getLineHeight() + 1
               setLineHeight(newLineHeight);
               setFontSize(newFontSize);

               return false;
       });

       $(".decreaseFont").click(function(){
               var fontSize = getFontSize();
               var newFontSize = fontSize - 1;
               var newLineHeight=getLineHeight() - 1
               setLineHeight(newLineHeight);
               setFontSize(newFontSize);
               return false;
       });

function getFontSize() {
       var currentSize = $(".resizable p").css("font-size");
       var currentSizeNumber = parseFloat(currentSize, 12);
       if(currentSizeNumber > 20) {
               currentSizeNumber = 20;
       }
       return currentSizeNumber;
}

function setFontSize(size) {
       $(".resizable p").css("font-size", size);
       $(".actualSize").html(size);
}

function getLineHeight() {
       var currentSize = $("#content p").css("line-height");
       var currentSizeNumber = parseFloat(currentSize, 12);
       /*#if(currentSizeNumber > 100) {
       #        currentSizeNumber = 100;
       #}*/

       return currentSizeNumber;
}

function setLineHeight(size) {

       $("#content p").css("line-height", size + "px");
       $(".actualSize").html(size);
}


var originalFontSize = getFontSize();
$(".originalSize").html(originalFontSize);
$(".actualSize").html(originalFontSize);

});