$(function(){
	$('li.button').click(function(defaultSize){
		var $content = $('div#cnt');			// save main content div in var
		var currentSize = $content.css('fontSize'); // get current font size of main content
		//var defaultSize = $('div#cnt').css('fontSize');
		var num = parseFloat(currentSize,10); 		// parse value in base-10
		var unit = currentSize.slice(-2); 			// strips the unit from font size eg [px/em/pt]
		
		if (this.id == 'fontLarge') { 				// if its large button then increase text by 1.4
			num *= 1.1;
		}
		/*else if (this.id == 'fontReset') { 			// else reset the text size to default value
			num =defaultSize;
		}*/
		else if (this.id == 'fontSmall') { 			// else reduce it by same amount
			num /=1.1;
		}
		$content.css('fontSize', num + unit); 		// pick up the new value and apply
	});
});
