// -- 初期設定 ------------------------------------------------------------------
// サブディレクトリ名　※複数になる場合はコンマで区切って追加
var arrDir = new Array('form');
// 全てのHTMLで共通に使われる、ロールオーバー時のイメージ　※『/image』フォルダ内、『o』で始まること
var imageOver  = new Array('om_01.gif','om_02.gif','om_03.gif','om_04.gif','om_05.gif','om_06.gif','oh_form.gif');
// 特定のHTMLだけで使われる、ロールオーバー時のイメージ　※　〃
if(document.location.href.indexOf('style.html')!=-1) imageOver.push('o_03_en.gif','o_03_mi.gif');
// -- 初期設定ここまで -----------------------------------------------------------

var images = new Array();
function preloadImages()
{
  var imageDir = 'image/';
  for(i=0; i<arrDir.length; i++) if(document.location.href.indexOf('/'+arrDir[i]+'/')!=-1){ imageDir = '../' + imageDir; }
  for(i=0; i<imageOver.length; i++){
    var o = imageOver[i].substring(0, imageOver[i].lastIndexOf('.'));
    var b = o.replace(/^o/i, 'b');
    images[o] = new Image(); images[o].src = imageDir + imageOver[i];
    images[b] = new Image(); images[b].src = imageDir + imageOver[i].replace(/^o/i, 'b');
  }
}
function changeImage(event, ob)
{
  if( !document.getElementById || (window.opera && !document.plugins) ) return;
  if( document.getElementById && !document.all ){ event.target.src = images[ob + event.target.src.substring(event.target.src.lastIndexOf('/')+2, event.target.src.lastIndexOf('.'))].src }
  else event.srcElement.src = images[ob + event.srcElement.src.substring(event.srcElement.src.lastIndexOf('/')+2, event.srcElement.src.lastIndexOf('.'))].src;
}
function overImage(event){ changeImage(event, 'o'); }
function outImage (event){ changeImage(event, 'b'); }
window.onload = preloadImages;