var FontsizeChanger = Class.create();

FontsizeChanger.prototype = {
	css: null,
	fontsize: null,
	number: 0,

	initialize: function() {
		$('fontsize_add').observe('click', function() { this.add() }.bind(this));
		$('fontsize_normal').observe('click', function() { this.reset() }.bind(this));
		$('fontsize_cutdown').observe('click', function() { this.cutdown() }.bind(this));
	},

	add: function() {
		if(this.number < 3) {
			if(this.fontsize == null) {
				fontsize = $('article').getStyle('font-size');
				fs_length = fontsize.length;
				fontsize = parseInt(fontsize.substring(0, fs_length-2));
				this.fontsize = fontsize + 1;
			} else {
				this.fontsize += 1;
			}
			this.number += 1;
			this.set();
		}
	},

	cutdown: function() {
		if(this.number > -3) {
			if(this.fontsize == null) {
				fontsize = $('article').getStyle('font-size');
				fs_length = fontsize.length;
				fontsize = parseInt(fontsize.substring(0, fs_length-2));
				this.fontsize = fontsize - 1;
			} else {
				this.fontsize -= 1;
			}
			this.number -= 1;
			this.set();
		}
	},

	reset: function() {
		this.fontsize = 12;
		this.number = 0;

		this.set();
	},

	set: function() {
		$('article').setStyle({
			fontSize: parseInt(this.fontsize) + 'px'
		});

		$('title').setStyle({
			fontSize: parseInt(this.fontsize+2) + 'px'
		});
	}
}

Event.observe(window, 'load', function() { new FontsizeChanger() });