if ( typeof jQuery != undefined ) {
      jQuery(document).ready(function($){
		$(function(){
				$('.textResize').click(function(){
					var ourText = $('.content, #content');
					var currFontSize = ourText.css('fontSize');
					var finalNum = parseFloat(currFontSize, 10);
					var stringEnding = currFontSize.slice(-2);
					if(this.id == 'large') {
						finalNum *= 1.2;
					}
					else if (this.id == 'small'){
						finalNum /=1.2;
					}
					else if (this.id == 'normal'){
						finalNum =12;
					}
					ourText.animate({fontSize: finalNum + stringEnding},600);
				});
			});
      
	  
			
                      
						//html container appaer top left
					var menuContainer = '<div class="textResize-container" style="position:absolute; top:10px; left:10px; width: 72px; height: 24px;  overflow: hidden; text-indent: -1000px;">'
						+ '<span id="large" class="textResize" title="Text +">+'
						+ '</span>'
						+ '<span id="small" class="textResize" title="Text -">-'
						+ '</span>'
						+ '<span id="normal" class="textResize" title="Text normal">n'
						+ '</span>'
						+ '</div>';	  
					$('body').prepend(menuContainer);
	  });
    }
	
// add to your html
//
// <input type='button' value='Larger' id='large' />
// <input type='button' value='Smaller' id='small' />
// <input type='button' value='normal' id='normal' />

// same code but with lineHeight instead fontSize
/*$(function(){
				$('input').click(function(){
					var ourText = $('.content');
					var currlineHeight = ourText.css('lineHeight');
					var finalNum = parseFloat(currlineHeight, 10);
					var stringEnding = currlineHeight.slice(-2);
					if(this.id == 'large') {
						finalNum *= 1.2;
					}
					else if (this.id == 'small'){
						finalNum /=1.2;
					}
					else if (this.id == 'normal'){
						finalNum =16;
					}
					ourText.animate({lineHeight: finalNum + stringEnding},300);
				});
			});
*/