///// ロールオーバーイメージ (2009/12/14)                 /////
///// Copyright (C) 2009 INOUE Naoto All rights reserved. /////

//
// 画像オブジェクトの準備が出来ていることを示すフラグ
//

var isImageDefined = false;

//
// マウスカーソルが上に来た時に表示する画像の URI
//

var overImageURI = new Array();
overImageURI[1] = "Graphics/modify_over.png";
overImageURI[2] = "Graphics/myself_over.png";
overImageURI[3] = "Graphics/music_over.png";
overImageURI[4] = "Graphics/mozilla_over.png";
overImageURI[5] = "Graphics/manufactory_over.png";
overImageURI[6] = "Graphics/memorandum_over.png";
overImageURI[7] = "Graphics/move_over.png";

//
// マウスカーソルが離れた時に表示する画像の URI
//

var outImageURI = new Array();
outImageURI[1] = "Graphics/modify.png";
outImageURI[2] = "Graphics/myself.png";
outImageURI[3] = "Graphics/music.png";
outImageURI[4] = "Graphics/mozilla.png";
outImageURI[5] = "Graphics/manufactory.png";
outImageURI[6] = "Graphics/memorandum.png";
outImageURI[7] = "Graphics/move.png";

//
// 画像オブジェクト
//

var overImage;
var outImage;

//
// ロールオーバーイメージが扱えるブラウザか判別
//

function isValidWWWBrowser() {
  if (navigator.family == 'opera' || navigator.family == 'ie4' ||
      navigator.family == 'gecko' || navigator.family == 'nn3' ||
      navigator.family == 'nn4' || document.getElementById) {
    return true;
  } else {
    return false;
  }
}

//
// 画像を事前に読み込む
//

function preloadImage() {
  // ロールオーバーイメージが扱えるブラウザの場合
  if (isValidWWWBrowser()) {
    // 画像の数を取得
    var numberOfImage = overImageURI.length;

    // 画像オブジェクトを生成
    overImage = new Array(numberOfImage);
    outImage = new Array(numberOfImage);

    // 画像を読み込む
    for (var i = 1; i < numberOfImage; i++) {
      overImage[i] = new Image();
      outImage[i] = new Image();

      overImage[i].src = overImageURI[i];
      outImage[i].src = outImageURI[i];
    }

    // 画像の準備が出来たことを示すフラグを設定
    isImageDefined = true;
  }
}

//
// マウスカーソルが上に来た時に画像を入れ替える
//

function swapOverImage(imageID) {
  // ロールオーバーイメージが扱えるブラウザの場合
  if (isValidWWWBrowser()) {
    // 画像の準備が出来ている場合
    if (isImageDefined) {
      // 画像の読み込みが完了している場合
      if (document.images["swapImage" + imageID].complete) {
        document.images["swapImage" + imageID].src = overImage[imageID].src;
      }
    }
  }
}

//
// マウスカーソルが離れた時に画像を入れ替える
//

function swapOutImage(imageID) {
  // ロールオーバーイメージが扱えるブラウザの場合
  if (isValidWWWBrowser()) {
    // 画像の準備が出来ている場合
    if (isImageDefined) {
      // 画像の読み込みが完了している場合
      if (document.images["swapImage" + imageID].complete) {
        document.images["swapImage" + imageID].src = outImage[imageID].src;
      }
    }
  }
}