$(function(){

	var myCookie = 	$.cookie('_withcard'); // get cookie

	

//alert("myCookie1 : " + myCookie);



	if(myCookie != null){

		switchFont(myCookie);

	}else{

		//default

		switchFont('fontM');

	}	   

	$("#fontL a").click(function(){

	switchFont('fontL')		 

	return false;

	});

	$("#fontM a").click(function(){

	switchFont('fontM')	

	return false;

	});

	$("#fontS a").click(function(){

	switchFont('fontS')	

	return false;

	});

});



function switchFont(idName){

   $("body").removeAttr("class").addClass(idName);

   $('ul#switcher li a').removeAttr("class");

   $('ul#switcher li#'+ idName + ' a').addClass("currentSize" + idName );

   $.cookie('_withcard', idName, { path: '/', expires: 7 }); 



//var myCookie = 	$.cookie('_seinan'); // get cookie

//alert("myCookie2 : " + myCookie);

}





//	hoverクラス追加

$(function(){

	$('#switcher li a').each(function(){}).hover(function(){

		$(this).addClass('hover');

	},function(){

		$(this).removeClass('hover');

	});

});



function putFontSwitcher(){

document.writeln('<div id="blockFontSizeSwitcher">');

document.writeln('<dl id="fontSizeSwitcher">');

document.writeln('<dt>文字サイズ変更<\/dt>');

document.writeln('<dd>');

document.writeln('<ul id="switcher">');

document.writeln('<li id="fontS"><a title="Smaller">小さく<\/a><\/li>');

document.writeln('<li id="fontM"><a title="Default">標準<\/a><\/li>');

document.writeln('<li id="fontL"><a title="Larger">大きく<\/a><\/li>');

document.writeln('<\/ul>');

document.writeln('<\/dd>');

document.writeln('<\/dl>');

document.writeln('<\/div>');

}