/*
===========================================================
フォントサイズ変更スクリプト（タイプA）

Last Updated:10/23/2001

insomnia!Web Labo.
http://www3.airnet.ne.jp/insomnia/
http://www3.airnet.ne.jp/insomnia/labo/fsc/fscA.html
===========================================================
*/


/*
========== ::: ブラウザ判別時に使用する変数 ::: ==========
*/
uaName = navigator.userAgent;
appName = navigator.appVersion;


/*
========== ::: 初期設定 ::: ==========
*/

// 値の単位を設定（必ずダブルクオートかクオートで括る）
var fontSizeUnit = "%";

// 一回の操作で変化させる値を設定（ダブルクオートやクオートで括らない）
var perOrder = 20;

// 初期状態の値を設定（ダブルクオートやクオートで括らない）
var defaultSize = 100;


/*
========== ::: 現時点の値に初期値を代入 ::: ==========
*/
var currentSize = defaultSize;


/*===================================
  [関数 fsc]
  引数CMDに渡される値に応じて
  html要素またはbody要素の
  スタイルプロパティを変更する
====================================*/

function fsc( CMD ){

  // 拡大：現時点の値に一回の操作で変化させる値を加えて操作後の値"newSize"に代入
  if( CMD == "larger" ){
    var newSize = Number(currentSize + perOrder);
  }
  
  // 縮小：現時点の値から一回の操作で変化させる値を引き操作後の値に代入
  // 現時点のサイズの値が一回の操作で変化させる値と同じならそのまま操作後の値に代入
  if( CMD == "smaller" ){
    if ( currentSize != perOrder ){
      var newSize = Number(currentSize - perOrder);
    }
    else{
      var newSize = Number(currentSize);
    }
  }
  
  // 元に戻す：操作後の値を初期値にする
  if( CMD == "default" ){
    var newSize = defaultSize;
  }


  // === ::: 変更を加えるオブジェクトの判定 ::: ===
  //
  // NN4用エラーメッセージダイアログ
  if( document.layers ){
    window.alert( "このスクリプトはNetscape Communicator4.xでは動作しません" );
    return false;
  }
  
  // MacIE4用エラーメッセージダイアログ
  else if(( appName.indexOf("Mac",0) != -1 ) && ( uaName.indexOf("MSIE 4.0",0) != -1 )){
    window.alert( "Sorry! MacIE4.0 is not supported." );
    return false;
  }

  else if( document.body ){
  
  // オブジェクトのfontSizeプロパティを書き換える
    document.body.style.fontSize = newSize + fontSizeUnit;
  // 現在の値を操作後の値に変更
    currentSize = newSize;
  }
  
}
// _______________________________________ end of function fsc() ___ 


/*
===========================================================
Image Rollover
Example:
HTML example : <img src="IMAGEFILE_over_off.GIF">
File Name Format : [filename]_over_[off|on].[gif|jpg|png]
===========================================================
*/

function imageRollover() {
	if(document.getElementsByTagName) {
		var imageTags = document.getElementsByTagName("img");
		for(var i=0; i < imageTags.length; i++) {
			if(imageTags[i].getAttribute("src").match("_over_off.") )
			{
				imageTags[i].onmouseover = function() {
					this.setAttribute("src", this.getAttribute("src").replace("_over_off.", "_over_on."));
				}
				imageTags[i].onmouseout = function() {
					this.setAttribute("src", this.getAttribute("src").replace("_over_on.", "_over_off."));
				}
			}
		}
	}
}

function naviHover(){
	if(document.getElementById("liverec")){
		var objLRec = document.getElementById("liverec");
		var objLRecImg = document.getElementById("liverecimg");
		var	objLNav = document.getElementById("lnav-index");
		objLRec.onmouseover = function(){
			objLNav.style.display = "inline";
			objLRecImg.setAttribute("src", objLRecImg.getAttribute("src").replace("_over_off.", "_over_on."));
		}
		objLRec.onmouseout = function(){
			objLNav.style.display = "none";
			objLRecImg.setAttribute("src", objLRecImg.getAttribute("src").replace("_over_on.", "_over_off."));
		}
	}
}

if(window.addEventListener) {		// for W3C DOM
	window.addEventListener("load", imageRollover, false);
	window.addEventListener("load", naviHover, false);
}
else if(window.attachEvent) {		// for IE
	window.attachEvent("onload", imageRollover);
	window.attachEvent("onload", naviHover);
}
