//
// 画像ロールオーバー設定モジュール
//
// 引数：id = 対象要素のid属性
//      imageNormal = 初期画像データURL
//      imageOver = マウスオーバー画像データURL
// 用法：rollOver.preLoad('url', 'url', 'url', ...);
//      以下はどちらかを選択利用
//      rollOver.initializeImg(id, imageNormal, imageOver);
//      rollOver.initializeBg(id, imageNormal, imageOver);
//
// 2008/01/18 (c) Ohsako, Junichi
//



/*---------- 名前空間の初期化 ----------*/
var rollOver;
if(!rollOver) {
  rollOver = Object();
}



/*---------- プリロード関数 ----------*/
rollOver.preLoad =
function() {
  // オフスクリーン画像オブジェクトの配列を定義
  var loadedImg = new Array();
  // プリロードの実行
  for (var i = 0; i < arguments.length; i++) {
    loadedImg[i] = new Image();
    loadedImg[i].src = arguments[i];
  }
}



/*---------- 各要素の初期化関数 ----------*/
rollOver.initialize =
function(id, imageNormal, imageOver) {
  // エレメントオブジェクトを生成
  var obj = document.getElementById(id);
  // マウスオーバーで画像を変更
  if(obj.nodeName == 'img') {
    obj.onmouseover =
    function() {
      obj.src = imageOver;
    }
  } else {
    obj.onmouseover =
    function() {
      obj.style.background = 'url(' + imageOver + ') left top no-repeat';
    }
  }
  // マウスアウトで画像を戻す
  if(obj.nodeName == 'img') {
    obj.onmouseout =
    function() {
      obj.src = imageNormal;
    }
  } else {
    obj.onmouseout =
    function() {
      obj.style.background = 'url(' + imageNormal + ') left top no-repeat';
    }
  }
}