(function(onLoad) {
    try {
        window.addEventListener('load', onLoad, false);
    } catch (e) {
        window.attachEvent('onload', onLoad);
    }
})(function() {
    var over = function() { this.src = this.src.replace('_off.', '_on.'); };
    var out  = function() { this.src = this.src.replace('_on.', '_off.'); };
    var img = document.getElementsByTagName('img');
    for (var i = 0, l = img.length; i < l; i++) {
        if (!img[i].src.match(/_off\./)) continue;
        img[i].onmouseover = over;
        img[i].onmouseout  = out;
    }
});

// Coockieからデータの読み出し（引数:key,返り値:value）
function sharedGetCookie(key){
	var dat = document.cookie.split(";");								// ";"で区切って"キー=値"の配列にする
	var exp = new RegExp(" ", "g");										// すべての半角スペースを表す正規表現
	key = key.replace(exp, "");											// 引数keyから半角スペースを除去

	var i = 0;
	while (dat[i]) {
		var value = dat[i].split("=");									// マッチング対象valueをキーと値に分離
		value[0] = value[0].replace(exp, "");							// マッチング対象(キー)value[0]から半角スペースを除去
		if (key == value[0]) return unescape(value[1]);					// マッチしたら値を返す
		if (++i >= dat.length) break;									// 要素数を超えたら抜ける
	}
	return "";															// マッチしなければ空文字を返す
}

// Coockieへデータの書き込み（引数:key,value,days,path）
function sharedSetCookie(key,value,days,path){
	var dat = key + "=" + escape(value) + ";";
	if( (days > 0) && (days < 366) && (isNaN(days) == false) ){
		var expires = new Date();
		expires.setTime(expires.getTime()+(1000 * 60 * 60 * 24 * days));
		dat += "expires=" + expires + ";";
	}
	if(path == "all") dat += 'path=/;';
	document.cookie = dat;
}

function SetFontSizeS(){
	Element.setStyle( $('dydo'), {fontSize:'12px'});
	Element.setStyle( $('str_s'), {backgroundImage:'url(/common/images/hd/str-s_on.gif)'});
	Element.setStyle( $('str_m'), {backgroundImage:'url(/common/images/hd/str-m_off.gif)'});
	Element.setStyle( $('str_l'), {backgroundImage:'url(/common/images/hd/str-l_off.gif)'});
	sharedSetCookie('fontsize','s','90','all');
}

function SetFontSizeM(){
	Element.setStyle( $('dydo'), {fontSize:'14px'});
	Element.setStyle( $('str_s'), {backgroundImage:'url(/common/images/hd/str-s_off.gif)'});
	Element.setStyle( $('str_m'), {backgroundImage:'url(/common/images/hd/str-m_on.gif)'});
	Element.setStyle( $('str_l'), {backgroundImage:'url(/common/images/hd/str-l_off.gif)'});
	sharedSetCookie('fontsize','m','90','all');
}

function SetFontSizeL(){
	Element.setStyle( $('dydo'), {fontSize:'16px'});
	Element.setStyle( $('str_s'), {backgroundImage:'url(/common/images/hd/str-s_off.gif)'});
	Element.setStyle( $('str_m'), {backgroundImage:'url(/common/images/hd/str-m_off.gif)'});
	Element.setStyle( $('str_l'), {backgroundImage:'url(/common/images/hd/str-l_on.gif)'});
	sharedSetCookie('fontsize','l','90','all');
}

window.onload = function() {
	if(sharedGetCookie('fontsize') == 'l'){
		Element.setStyle( $('dydo'), {fontSize:'16px'});
		Element.setStyle( $('str_l'), {backgroundImage:'url(/common/images/hd/str-l_on.gif)'});
	} else if(sharedGetCookie('fontsize') == 'm'){
		Element.setStyle( $('dydo'), {fontSize:'14px'});
		Element.setStyle( $('str_m'), {backgroundImage:'url(/common/images/hd/str-m_on.gif)'});
	} else {
		Element.setStyle( $('dydo'), {fontSize:'12px'});
		Element.setStyle( $('str_s'), {backgroundImage:'url(/common/images/hd/str-s_on.gif)'});
	}
	Event.observe('str_s', 'click', SetFontSizeS);
	Event.observe('str_m', 'click', SetFontSizeM);
	Event.observe('str_l', 'click', SetFontSizeL);
}