var imagesNormal = new Object();
var imagesHilite = new Object();
function SwapImage (name,normalSrc,hiliteSrc) {
   this.name = name;
   this.normalSrc = normalSrc;
   this.hiliteSrc = hiliteSrc;
}
function setupSwapImages(swapImages) {
    preloadSwapImages(swapImages);
    setupSwapEvent(swapImages);
}

function preloadSwapImages (a) {
    for (var i=0; i < a.length; i++){
        imagesNormal[a[i].name] = new Image();
        imagesNormal[a[i].name].src = a[i].normalSrc;
        imagesHilite[a[i].name] = new Image();
        imagesHilite[a[i].name].src = a[i].hiliteSrc;
    }
}
function setupSwapEvent (a) {
    for (var i=0; i<a.length; i++){
        var images = getElementsByClassName(a[i].name);
        for (var j=0; j<images.length; j++){
            var image = images[j];
            if (image.getAttribute("src")){
               image.onmouseover = function () {swapImage( this, "hilite" );}
               image.onmouseout  = function () {swapImage( this, "normal" );}
            }
        }
    }
}
function swapImage(image,type){
    if (type=="hilite") {
       image.src = imagesHilite[image.className].src;
    } else if (type=="normal") {
       image.src = imagesNormal[image.className].src;
    }
}
//class名から要素取得
// copied from prototype.js v1.3.1
// http://prototype.conio.net/
function getElementsByClassName (className) {
  var children = document.getElementsByTagName('*') || document.all;
  var elements = new Array();
  for (var i = 0; i < children.length; i++) {
    var child = children[i];
    var classNames = child.className.split(' ');
    for (var j = 0; j < classNames.length; j++) {
      if (classNames[j] == className) {
        elements.push(child);
        break;
      }
    }
  }
  return elements;
}

var swapImages = [
new SwapImage('m_top','./images/m_top01.gif', './images/m_top02.gif'),
new SwapImage('m_gallery','./images/m_gallery01.gif', './images/m_gallery02.gif'),
new SwapImage('m_darkroom','./images/m_darkroom01.gif', './images/m_darkroom02.gif'),
new SwapImage('m_bbs','./images/m_bbs01.gif', './images/m_bbs02.gif'),
new SwapImage('m_blog','./images/m_blog01.gif', './images/m_blog02.gif'),
new SwapImage('m_mail','./images/m_mail01.gif', './images/m_mail02.gif'),
new SwapImage('m_profile','./images/m_profile01.gif', './images/m_profile02.gif'),
new SwapImage('m_link','./images/m_link01.gif', './images/m_link02.gif')
];
window.onload = function () {setupSwapImages(swapImages);};