var cssFile = {
	fontS:"font_s.css",
	fontM:"font_m.css",
	fontL:"font_l.css"
};
//var imgPath = "/rokkomiso/images/common/";
var imgPath = "/images/common/";
var btnImage = {
	fontS:"btn_fsize_s.png",
	fontM:"btn_fsize_m.png",
	fontL:"btn_fsize_l.png"
};

var cookieName = "RKFont";

function initFontSize(){
	var cookie = document.cookie+";";
	if(cookie.indexOf(cookieName) != -1){
		var buf = cookie.substring(cookie.indexOf(cookieName),cookie.length);
		var start = buf.indexOf("=");
		var end = buf.indexOf(";");
		nowSize = buf.substring(start+1,end);
		chgFontSize(nowSize);
	}
	preloadImages();
	setFsizeChg();
}

function preloadImages(){
	for(i in btnImage){
		var img = new Image();
		var ovImg = new Image();
		img.src = imgPath+btnImage[i];
		ovImg.src = imgPath+btnImage[i].replace(/(\.gif|\.jpg|\.png)$/,'_on'+"$1");
	}
}

function setFsizeChg(){
	$(".chgSize").each(function(){
		var id = $(this).attr('id');
		$(this).click(function(){chgFontSize(id);});
	});
}

function chgFontSize(size){
	if(size){
		document.cookie = cookieName+"="+size+";path=/;";
	}else{
		size = 'fontM';
	}

	var href = $("#fontCSS").attr('href');
	$("#fontCSS").attr('href',href.replace(/(font_[s|m|l]\.css)$/,cssFile[size]));

	$(".chgSize").each(function(){
		var img = $(this).children();
		var id = $(this).attr('id');
		if(size == $(this).attr('id')){
			img.unbind('mouseover');
			img.unbind('mouseout');
			img.attr('src',imgPath+btnImage[size].replace(/(\.gif|\.jpg|\.png)$/,'_on'+"$1"));
		}else{
			img.hover(
				function(){
					$(this).attr("src",imgPath+btnImage[id].replace(/(\.gif|\.jpg|\.png)$/,'_on'+"$1"));
				},
				function(){
					$(this).attr("src",imgPath+btnImage[id]);
				}
			);
			img.attr('src',imgPath+btnImage[id]);
		}
	});
}

$(document.body).ready(initFontSize);