$(function(){

//フォントサイズ設定
	var FontSize = [];
	FontSize["S"] = 50;
	FontSize["M"] = 62.5;
	FontSize["L"] = 75;

//フォントサイズ変更ボタン設定
	var ChangeBtn = "#js-fontSize a";
	var SearchImg = [".font--S",".font--M",".font--L"];

//フォントサイズ変更関数
	function FontSizeSet(fs){
		$("html").css("font-size",fs+"%");
	};

//画像置換関数

	function OnFont(io){
		$(io).addClass("active");
	};
	function OffFont(io){
		$(io).removeClass("active");
	};

//クッキー設定関数
	function FontCookie(ck){
		$.cookie("fontsize",ck,{path:'/',expires:7});
	};

//クッキー確認関数
	function CookieChack(fs){
		//console.log($.cookie("fontsize")==fs,$.cookie("fontsize"));
		return $.cookie("fontsize")==fs;
	};

//ロード時表示設定
	function LoadFont(fs,si){
		FontSizeSet(FontSize[fs]);
		OnFont(SearchImg[si]);
	};

	//画像プリロード設定
		function ImgPreload(io){
			$(ChangeBtn).not(SearchImg[io]).each(function(){
				$("<img>").attr("src",$(this).attr("src").replace(/^(.+)(\.[a-z]+)$/,"$1_ov$2"));
			});
		};

	//クリックイベント
		function ClickFont(ck,fs,io,io1,io2){
			FontCookie(ck);
			FontSizeSet(FontSize[fs]);
			OffFont(SearchImg[io1]),OffFont(SearchImg[io2]);
			OnFont(SearchImg[io]);
		};


		//console.log($.cookie("fontsize"));

		if(CookieChack("fontS")){
			LoadFont("S",0);
			//console.log("s");
		}
		else if(CookieChack("fontM")){
			LoadFont("M",1);
			//console.log("m");
		}
		else if(CookieChack("fontL")){
			LoadFont("L",2);
			//console.log("l");
		}
		else {
			FontCookie("fontM");
			LoadFont("M",1);
		};

		if(CookieChack("fontS")){
			ImgPreload(0);
		}
		else if(CookieChack("fontM")){
			ImgPreload(1);
		}
		else if(CookieChack("fontL")){
			ImgPreload(2);
		};

		$(SearchImg[0]).click(function(){
			ClickFont("fontS","S",0,1,2);
		});
		$(SearchImg[1]).click(function(){
			ClickFont("fontM","M",1,0,2);
		});
		$(SearchImg[2]).click(function(){
			ClickFont("fontL","L",2,0,1);
		});










});