/**
 *
 * イベント追加
 *
**/
function addEvent(elm, eventName, func) {
  if (elm.addEventListener) {
    elm.addEventListener(eventName, func, false);
    return true;

  } else if (elm.attachEvent) {
    elm.attachEvent("on"+eventName, func);
    return true;

  } else {
    return false;

  }
}


var font_size      = new Array("93%", "100%", "120%"); // フォントサイズ(小, 中, 大)
var button_id      = "TextSize";                       // 小中大ボタンがあるブロック要素のID
var change_area_id = "content";                        // フォントサイズを変更するブロックのID
var cookie_name    = "_fontsize";                      // クッキーの名前

/**
 *
 * フォントサイズ初期化
 *
**/
function ready_font_size() {
	if ($.cookie(cookie_name)) {
		set_font_size($.cookie(cookie_name));
	} else {
		set_font_size(1);
	}
	$("#"+button_id+">img").eq(0).click(function() {
		set_font_size(0);
	});
	$("#"+button_id+">img").eq(1).click(function() {
		set_font_size(1);
	});
	$("#"+button_id+">img").eq(2).click(function() {
		set_font_size(2);
	});
}

/**
 *
 * フォントサイズ変更
 *
**/
function set_font_size(font_num) {
	$("#"+change_area_id).css("font-size", font_size[font_num]);
	change_font_button(font_num);
	$.cookie(cookie_name, font_num);
}

/**
 *
 * フォントサイズボタン変更
 *
**/
function change_font_button(num) {
	for (var i = 0; i < $("#"+button_id+">img").length; i++) {
		var src = $("#"+button_id+">img").eq(i).attr('src').replace("_2on", "_off");
		$("#"+button_id+">img").eq(i).attr('src', src).attr('src', src.replace("_on", "_off"));
	}
	src = $("#"+button_id+">img").eq(num).attr('src');
	$("#"+button_id+">img").eq(num).attr('src', src.replace("_off", "_2on"));
}

addEvent(window, 'load', ready_font_size);
addEvent(window, 'load', external);