//remeber to include JQUERY framework before use.
$(document).ready(function(){
    var originalFontSize = $('body').css('font-size');
    var originalLineHeight = $('body').css('line-height');
    // Reset to standard font Size	
    $(".resetFont").click(function(){
    	$('body .article').css('font-size', originalFontSize);
    	$('body .article').css('line-height', originalLineHeight);
    	return false;
    });
    // Increase Font Size
    $(".increaseFont").click(function(){
    	var currentFontSize = $('body .article').css('font-size');
    	var currentLineHeight = $('body .article').css('line-height');
    	var currentFontSizeNum = parseFloat(currentFontSize, 10);
    	var currentLineHeightNum = parseFloat(currentLineHeight, 10); 
    	var newFontSize = currentFontSizeNum*1.2;
    	var newLineHeight = currentLineHeightNum*1.2;
    	$('body .article').css('font-size', newFontSize);
    	$('body .article').css('line-height', newLineHeight+"px");
    	return false;
    });
    // Decrease Font Size
    $(".decreaseFont").click(function(){
    	var currentFontSize = $('body .article').css('font-size');
    	var currentLineHeight = $('body .article').css('line-height');
    	var currentFontSizeNum = parseFloat(currentFontSize, 10);
    	var currentLineHeightNum = parseFloat(currentLineHeight, 10); 
    	var newFontSize = currentFontSizeNum*0.8;
    	var newLineHeight = currentLineHeightNum*0.8;
    	$('body .article').css('font-size', newFontSize);
    	$('body .article').css('line-height', newLineHeight+"px");
    	return false;
    });
});