$(document).ready(function() {

    var defaultFontSize = $('html').css('fontSize');

    $('.font_sizer').click(function(){
             var ourText = $('html');
             // Use this for dynamic and unlimited resizing, comment it out for fixed small, medium, large
            // var currFontSize = ourText.css('fontSize');
            var currFontSize = defaultFontSize;
            var finalNum = parseFloat(currFontSize, 10);
            var stringEnding = currFontSize.slice(-2);
            if(this.id == 'font_large') {
                finalNum *= 1.2;
                ourText.css('fontSize', finalNum + stringEnding);
            }
            else if (this.id == 'font_small'){
                finalNum /= 1.2;
                ourText.css('fontSize', finalNum + stringEnding);
            }
            else if (this.id == 'font_default'){
                $('html').css('fontSize', defaultFontSize);
            }
            // Set this button as active
            $('.font_sizer').removeClass('active');
            $(this).addClass('active');
        });

});