/* ===== rollover.js互換 Safari/Firefox対応 ロールオーバー ===== */
/* ----- グローバル変数 ----- */
var rolloverImagesObject = [];	// イベントを埋め込んだ画像リスト


/* ===== rollover.js互換 Safari/Firefox対応 ロールオーバー 初期化 =====
  関数
    void rollover_initialize()
  引数設定
    なし
  動作
    IMGエレメントを取得し、srcが /_off\./ にマッチした場合、画像リストに加える
    マッチした画像に onmouseover イベントを追加
    マッチした画像に onmouseout イベントを追加
*/
function rollover_initialize() {
  var images = document.getElementsByTagName('IMG');
  for(var counter=0; counter<images.length; counter++) {
    if(images[counter].getAttribute('src').match(/_off\./)) {
      rolloverImagesObject.push(images[counter]);
      images[counter].onmouseover = function() {
        this.setAttribute('src', this.getAttribute('src').replace(/_off\./, '_on.'));
      }
      images[counter].onmouseout = function() {
        this.setAttribute('src', this.getAttribute('src').replace(/_on\./, '_off.'));
      }
    }
  }
}


/* ===== rollover.js互換 Safari/Firefox対応 ロールオーバー 状態リセット =====
  関数
    void rollover_reset()
  引数設定
    なし
  動作
    イベントを埋め込んだ画像リストの画像に onmouseout イベントを送信
*/
function rollover_reset() {
  for(var counter=0; counter<rolloverImagesObject.length; counter++) {
    rolloverImagesObject[counter].onmouseout();
  }
}

/* ----- 初期化 - イベント設定 ----- */
if(window.addEventListener) {
	window.addEventListener('load', rollover_initialize, false);
	window.addEventListener('unload', rollover_reset, false);		// Safariキャッシュ対策
	window.addEventListener('pageshow', rollover_reset, false);		// Firefoxキャッシュ対策
}
else if(window.attachEvent) {
	window.attachEvent('onload', rollover_initialize);
}