//文字サイズ変更スクリプト
//引数moji　文字を大きくする('larger')か小さくする('smaler')か

//1クリックで変更させる文字サイズの幅(px)
var moji_change_value = 2;

//最大文字サイズ(px)
var max_moji_size = 24;

//最小文字サイズ(px)
var min_moji_size = 12;


function change_moji_size(moji){


   //「文字を大きく」ボタンのid
   var moji_button_larger_id = document.getElementById('moji_larger');

   //「文字を小さく」ボタンのid
   var moji_button_smaller_id = document.getElementById('moji_smaller');

   //現在の文字サイズの値を取得
   var old_moji_size = Element.getStyle('body', 'font-size'); 
   old_moji_size = parseInt(old_moji_size,10);

   //現在の文字サイズを算出
   var moji_size;
   if(moji == 'larger'){moji_size = old_moji_size + moji_change_value;}
   else{moji_size = old_moji_size - moji_change_value;}

   //現在の文字サイズを設定
   document.body.style.fontSize = moji_size + 'px';


   //変更前の文字サイズが最小値または最大値であるかチェック
   if (old_moji_size == max_moji_size){

      //最大値であった場合 「文字を小さく」ボタンが押されたはずであり
      //文字サイズは最大値ではなくなっている
      //そのため 「文字を大きく」ボタンをクリック可能とする

      //ボタン画像を通常に戻す
      moji_button_larger_id.setAttribute('src','../sozai/moji/larger.gif');

      //これ以降はIEか否かで変更方法が異なる
      //IE判別変数bIE(jscript_shopping_window_settingより)を用いる
      if(bIE){
         moji_button_larger_id.setAttribute('onmouseover', function(){roll_over_image(this,1)});
         moji_button_larger_id.setAttribute('onmouseout', function(){roll_over_image(this,0)});
         moji_button_larger_id.setAttribute('onclick', function(){change_moji_size('larger')});

      //IE以外の場合
      }else{
         moji_button_larger_id.setAttribute('onmouseover','roll_over_image(this,1)');
         moji_button_larger_id.setAttribute('onmouseout', 'roll_over_image(this,0)');
         moji_button_larger_id.setAttribute('onclick', 'change_moji_size(\'larger\')');
      }

   }else if (old_moji_size == min_moji_size){

      //最小値であった場合 「文字を大きく」ボタンが押されたはずであり
      //文字サイズは最小値ではなくなっている
      //そのため 「文字を小さく」ボタンをクリック可能とする

      //ボタン画像を通常に戻す
      moji_button_smaller_id.setAttribute('src','../sozai/moji/smaller.gif');

      //これ以降はIEか否かで変更方法が異なる
      //IE判別変数bIE(jscript_shopping_window_settingより)を用いる
      if(bIE){
         moji_button_smaller_id.setAttribute('onmouseover', function(){roll_over_image(this,1)});
         moji_button_smaller_id.setAttribute('onmouseout', function(){roll_over_image(this,0)});
         moji_button_smaller_id.setAttribute('onclick', function(){change_moji_size('smaller')});

      //IE以外の場合
      }else{
         moji_button_smaller_id.setAttribute('onmouseover','roll_over_image(this,1)');
         moji_button_smaller_id.setAttribute('onmouseout', 'roll_over_image(this,0)');
         moji_button_smaller_id.setAttribute('onclick', 'change_moji_size(\'smaller\')');
      }

   }


   //変更後の文字サイズが最小値または最大値であるかチェック
   if (moji_size == max_moji_size){

      //最大値であった場合 「文字を大きく」ボタンを
      //クリック不可とし オンマウスで画像差し替えも無にする

      moji_button_larger_id.setAttribute('src','../sozai/moji/larger_hover.gif');
      moji_button_larger_id.setAttribute('onmouseover', '');
      moji_button_larger_id.setAttribute('onmouseout', '');
      moji_button_larger_id.setAttribute('onclick', '');


   }else if (moji_size == min_moji_size){

      //最小値であった場合 「文字を大きく」ボタンを
      //クリック不可とし オンマウスで画像差し替えも無にする

      moji_button_smaller_id.setAttribute('src','../sozai/moji/smaller_hover.gif');
      moji_button_smaller_id.setAttribute('onmouseover', '');
      moji_button_smaller_id.setAttribute('onmouseout', '');
      moji_button_smaller_id.setAttribute('onclick', '');

   }

}