// JavaScript Document

fontsizeChanger = {
	setSize: false,
	setting: {
		target: 'container',
		smallSize: '80%',
		midiumSize: '100%',
		largeSize: '120%',
		smallButtonLabel: '文字サイズ小',
		midiumButtonLabel: '文字サイズ中',
		largeButtonLabel: '文字サイズ大',
		availableDays: 7
	},
	writeButtons: function() {
		var smallButton = '<a href="#" onclick="fontsizeChanger.changeSize(\'' + this.setting.smallSize + '\', this); return false;"><img src="image/utility_1.jpg" alt="' + this.setting.smallButtonLabel + '" width="20" height="31" /></a>';
		var midiumButton = '<a href="#" onclick="fontsizeChanger.changeSize(\'' + this.setting.midiumSize + '\', this); return false;"><img src="image/utility_2.jpg" alt="' + this.setting.midiumButtonLabel + '" width="19" height="31" /></a>';
		var largeButton = '<a href="#" onclick="fontsizeChanger.changeSize(\'' + this.setting.largeSize + '\', this); return false;"><img src="image/utility_3.jpg" alt="' + this.setting.largeButtonLabel + '" width="33" height="31" /></a>';
		
		var util_1 = document.createElement('dd');
		util_1.id = 'util_1';
		util_1.innerHTML = smallButton;
		
		var util_2 = document.createElement('dd');
		util_2.id = 'util_2';
		util_2.innerHTML = midiumButton;
		
		var util_3 = document.createElement('dd');
		util_3.id = 'util_3';
		util_3.innerHTML = largeButton;
		
		var util_4 = document.getElementById('util_4');
		util_4.parentNode.insertBefore(util_1, util_4);
		util_4.parentNode.insertBefore(util_2, util_4);
		util_4.parentNode.insertBefore(util_3, util_4);
	},
	changeSize: function(size) {
		if (document.getElementById(this.setting.target)) {
			document.getElementById(this.setting.target).style.fontSize = size;
		}
		
		var expires = new Date();
		expires.setTime(expires.getTime() + 24 * 60 * 60 * 1000 * this.setting.availableDays);
		document.cookie = 'font-size=' + size + '; path=/; expires=' + expires.toUTCString();
	},
	readCookie: function() {
		if (document.cookie.indexOf('font-size=') >= 0) {
			var cookieAll = document.cookie + ';';
			var cookieF = cookieAll.indexOf('font-size=');
			var cookieE = cookieAll.indexOf(';', cookieF);
			var fontSizeData = cookieAll.substring(cookieF, cookieE);
			this.setSize = fontSizeData.split('=')[1];
		} else {
			this.setSize = this.setting.midiumSize;
		}
		document.write('<style type="text/css">#' + this.setting.target + ' {font-size: ' + this.setSize + ';}</style>');
	}
};

fontsizeChanger.readCookie();