// FontChanger
// Copyright (c) 2007 Hirotaka Ogawa
// REQUIRES: prototype.js, cookiemanager.js
FontChanger = Class.create();
FontChanger.prototype = {
	id				: null,
	cookieManager		: null,
	cookieName		: 'body.style.fontSize',
	initialize		: function(id) {
		this.id = id || 'fontChanger';
		this.cookieManager = new CookieManager();
		var fontSize = this.cookieManager.getCookie(this.cookieName);
		if (fontSize) document.body.style.fontSize = fontSize;
	},
	setCookieShelfLife: function(days) {
		this.cookieManager.cookieShelfLife = days;
	},
	change			: function(fontSize) {
		document.body.style.fontSize = fontSize;
		this.cookieManager.setCookie(this.cookieName, fontSize);
	},
	reset				: function() {
		document.body.style.fontSize = '';
		this.cookieManager.clearCookie(this.cookieName);
	},
	show				: function() {
		var id = this.id;
		document.writeln([
'<div id="' + id + '">',
'<span style="cursor: pointer; font-size: 80% ;" id="' + id + '-small"><img src="/jp/wp-content/themes/chc/images/header_font_s.jpg" width="10" height="26" border="0" /></span>',
'<span style="cursor: pointer; font-size: 100%;" id="' + id + '-medium"><img src="/jp/wp-content/themes/chc/images/header_font_m.jpg" width="11" height="26" border="0" /></span>',
'<span style="cursor: pointer; font-size: 120%;" id="' + id + '-large"><img src="/jp/wp-content/themes/chc/images/header_font_l.jpg" width="15" height="26" border="0" /></span>',
'</div>'
	].join("\n"));
	Event.observe($(id + '-small' ), 'click', this.onClickSmall.bind(this));
	Event.observe($(id + '-medium'), 'click', this.onClickMedium.bind(this));
	Event.observe($(id + '-large' ), 'click', this.onClickLarge.bind(this));
	},
	onClickSmall	: function(e) { this.change('80%' ); },
	onClickMedium	: function(e) { this.change('100%'); },
	onClickLarge	: function(e) { this.change('120%'); }
};
// Bootstrap
FontChanger.start = function(id) {
	var fontChanger = new FontChanger(id);
	fontChanger.setCookieShelfLife(90);
	fontChanger.show();
};