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 = getElementsByClass(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;
    }
}

function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp('(^|\\s)'+searchClass+'(\\s|$)');
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}

var swapImages = [new SwapImage('contact','/common/images/common/contact.gif','/common/images/common/contact2.gif'),new SwapImage('top','/common/images/common/top.gif','/common/images/common/top2.gif'),new SwapImage('products','/common/images/common/products.gif','/common/images/common/products2.gif'),new SwapImage('flow','/common/images/common/flow.gif','/common/images/common/flow2.gif'),new SwapImage('seibutu','/common/images/common/seibutu.gif','/common/images/common/seibutu2.gif'),new SwapImage('nature','/common/images/common/nature.gif','/common/images/common/nature2.gif'),new SwapImage('keikan','/common/images/common/keikan.gif','/common/images/common/keikan2.gif'),new SwapImage('about','/common/images/common/about.gif','/common/images/common/about2.gif'),new SwapImage('n1','/common/images/block/n1.gif','/common/images/block/n12.gif'),new SwapImage('n2','/common/images/block/n2.gif','/common/images/block/n22.gif'),new SwapImage('n3','/common/images/block/n3.gif','/common/images/block/n32.gif'),new SwapImage('n4','/common/images/block/n4.gif','/common/images/block/n42.gif'),new SwapImage('link_list','/common/images/case/link_list.gif','/common/images/case/link_list2.gif'),new SwapImage('data','/common/images/common/data.gif','/common/images/common/data2.gif')];
window.onload = function () {setupSwapImages(swapImages);};