/**
 * Font Resize
 * Version: 12 Jun 2009
 * Depends on jQuery 1.3.2
 */
(function(){
	jQuery.fn.fontResize = function(config){

		// Extends
		config = jQuery.extend({
			selected: 0,
			small: "13px",
			medium: "16px",
			large: "18px"
		},config);

		// Property
		var target = this;
		var selected = config.selected;
		var sizeSet = [
			config.small,
			config.medium,
			config.large
		];

		var cookieName = "fontResize";
		var targetElem = "ol li span";
		var optionName = "fontresize";
		var selectedName = "fontresize-selected";

		// Constructor
		var constructor = function(){
			if(jQuery.cookie){
				if(jQuery.cookie(cookieName)){
					selected = jQuery.cookie(cookieName);
				}
			}
			selectedHandler(selected);
			jQuery(targetElem,target).map(function(i){
				jQuery(this).click(function(){ resize(i); });
			});
			resize(selected);
		}
		constructor();

		function resize(targetNum){
			if(jQuery.cookie) jQuery.cookie(cookieName,targetNum,{expires:7, path:"/"});
			selectedHandler(targetNum);
			jQuery(document.body).css("font-size",sizeSet[targetNum]);
		}

		function selectedHandler(targetNum){
			jQuery(targetElem,target).map(function(i){
				if(i == targetNum) jQuery(this).removeClass(optionName).addClass(selectedName);
					else jQuery(this).removeClass(selectedName).addClass(optionName);
			});
		}
	}
})(jQuery);
$(function(){ $("#fontresize").fontResize({selected:0});});

document.write('<div id="fontresize">');
document.write('<ol>');
document.write('<li><span id="fontresize-small">小</span></li>');
document.write('<li><span id="fontresize-medium">中</span></li>');
document.write('<li><span id="fontresize-large">大</span></li>');
document.write('</ol>');
document.write('</div>');