$(function() {
	$("#font-change").hide();
    $("#sizeL, #sizeM, #sizeS").show();
	var tagAnchorL = $("#sizeL a");
	var tagAnchorM = $("#sizeM a");
	var tagAnchorS = $("#sizeS a");
	var fontCookie = $.cookie('cookie_font');
	fontChange();
	tagAnchorL.click(function(){
		fontCookie = "sizeL";
		fontChange();
	});
	tagAnchorM.click(function(){
		fontCookie = "sizeM";
		fontChange();
	});
	tagAnchorS.click(function(){
		fontCookie = "sizeS";
		fontChange();
	});	
	function fontChange(){
		var tagLinkCss = $("#fontSize");
		$.cookie('cookie_font', fontCookie, { path: '/', expires: 365 });
		$("#headerMainControl li a").removeClass("active");
		switch(fontCookie){
			case "sizeL":
				tagLinkCss.attr("href","/common/css/font_l.css");
				tagAnchorL.addClass("active");
				break;
			case "sizeM":
				tagLinkCss.attr("href","/common/css/font_m.css");
				tagAnchorM.addClass("active");
				break;
			case "sizeS":
				tagLinkCss.attr("href","/common/css/font_s.css");
				tagAnchorS.addClass("active");
				break;
			default:
				tagLinkCss.attr("href","/common/css/font_m.css");
				tagAnchorM.addClass("active");
				break;
		}
		return false;
	}
});