// 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 + '" class="fright">',
'				<ul>',
'					<li style="font-size:12px">文字サイズ</li>',
'					<li class="fbtn01"><a href="#" id="' + id + '-small">小</a></li>',
'					<li class="fbtn02"><a href="#" id="' + id + '-medium">中</a></li>',
'					<li class="fbtn03"><a href="#" id="' + id + '-large">大</a></li>',
'				    <li><a href="https://inquiry.noka.co.jp/chintai/inquiry/index.php"><img src="/common/img/contact.jpg" alt="お問い合わせ・資料請求" /></a></li>',
'				</ul>',
'			</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('0.75em' ); },
 onClickMedium: function(e) { this.change('0.937em'); },
 onClickLarge:  function(e) { this.change('1.125em'); }
};
// Bootstrap
FontChanger.start = function(id) {
 var fontChanger = new FontChanger(id);
 fontChanger.show();
};