var fontSizeSwitcher = {
str: '',
config: {
area: ['main'], // 対象となるid
length: 3, // 切り替え段階数
id: ['fontSizeSwitcherSmall', 'fontSizeSwitcherMedium', 'fontSizeSwitcherLarge'], // 切り替えボタンの各id
offlabel: ['
', '
', '
'], // 切り替えボタンの各offラベル
onlabel: ['
', '
', '
'],// 切り替えボタンの各onラベル
size: ['84%', '100%', '122%'], // 切り替えサイズ (http://developer.yahoo.com/yui/fonts/)
cookieName: 'sunwood-font_size', // ここにクッキー名を入れる
cookieDate: '90' // クッキーの有効日数
},
cookie: {
set: function(n, v) {
var t = new Date();
t.setTime(t.getTime() + (1000 * 60 * 60 * 24 * fontSizeSwitcher.config.cookieDate));
document.cookie = n + '=' + encodeURIComponent(v) + '; path=/; expires=' + t.toGMTString();
},
get: function(n, m) {
return (m = ('; ' + document.cookie + ';').match('; ' + n + '=(.*?);')) ? decodeURIComponent(m[1]) : '';
}
},
changeFontSize: function(i) {
var config = this.config;
var items = document.getElementById('fontSizeSwitcher').getElementsByTagName('dd');
for(var j = 0; j < items.length; j++) {
if(i == j) {
items[j].innerHTML = config.onlabel[j];
}
else {
items[j].innerHTML = config.offlabel[j];
SetRollover(items[j].getElementsByTagName('img')[0]);
}
}
for(var j = 0, l = config.area.length; j < l; j++) {
document.getElementById(config.area[j]).style.fontSize = config.size[i];
}
// set cookie
this.cookie.set(config.cookieName, i);
},
start: function() {
var config = this.config;
var i = this.cookie.get(config.cookieName, 's');
for(var j = 0; j < config.length; j++) {
this.str += '' + config[(i==j)?"onlabel":"offlabel"][j] + '';
}
document.write('' + '
');
if(i == '') {
i = 1;
}
try {
window.addEventListener("load", function() {
fontSizeSwitcher.changeFontSize(i)
}, false);
}
catch(e) {
window.attachEvent("onload", function() {
fontSizeSwitcher.changeFontSize(i)
});
}
}
}
fontSizeSwitcher.start();