// IMGタグの classを "rollOver" に設定した画像に 自動で適用されます。
// ロールオーバー時用の画像の名前を xxxx_over.gif にして下さい。
// gif と jpg に対応していますが、jpgからgif、gifからjpg 等のスワップはできません。
// designfesta mokko

function setUp() {
 var imgArray = document.getElementsByTagName("IMG");
 preImgSrc = new Array();
 var cnt = 0;
 for(var i=0; i<imgArray.length; i++) {
  var node = imgArray.item(i);
  if(node.className.match(/rollOver/)) {
   preImgSrc[cnt] = node.src;
   addEvents(node, "mouseover", swapImg);
   addEvents(node, "mouseout", swapImg);
   cnt++;
  }
 }
 preLoad();
}

function preLoad() {
 if(preImgSrc) {
  var newImg = new Array();
  for(var n=0; n<preImgSrc.length; n++) {
   newImg[n] = new Image();
   newImg[n].src = preImgSrc[n];
  }
 }
}

function swapImg(e) {
 if(e) {
  if(e.type == "mouseover") {
   originalImg = e.target.src;
   e.target.src.match(/^(.*)\.(...)$/);
   overImg = RegExp.$1 + "_over." + RegExp.$2;
   e.target.src = overImg;
  }
  else if(e.type == "mouseout") {
   e.target.src = originalImg ;
  }
 }
 else if (event.srcElement) {
  e = event.srcElement;
  if(event.type == "mouseover") {
   originalImg = e.src;
   e.src.match(/^(.*)\.(...)$/);
   overImg = RegExp.$1 + "_over." + RegExp.$2;
   e.src = overImg;
  }
  else if(event.type == "mouseout") {
   e.src = originalImg ;
  }
 }
}

function addEvents(myNode, myMethod, myFunc)  {
 if(myNode.addEventListener) {
  myNode.addEventListener(myMethod, myFunc, true);
 } else {
  myNode["on" + myMethod] = myFunc;
 }
}

addEvents(window, "load", setUp);
addEvents(window, "unload", setUp);