$( function () {
	function sync_body(fontsize) {
		$('body').css("font-size", fontsize);
		$('#zoom-status').html(fontsize);
	}

	$('body').append('<div id="zoom-box"><div id="zoom-status"></div><div id="zoom-out" class="fix-png"></div><div id="zoom-in" class="fix-png"></div><div><div id="zoom-link"></div></div></div>');


	var fontsize=12;
	sync_body(fontsize);
	$('#zoom-in').click( function() {
		if( fontsize < 20) fontsize = fontsize + 2;
		sync_body(fontsize);
	});
	$('#zoom-out').click( function() {
		if( fontsize > 10) fontsize = fontsize - 2;
		sync_body(fontsize);
	});
});