
/**
 * Simple Rollover[multiple]
 * @author Tenderfeel(tenderfeel@gmail.com)
 * @ver 1.2
 * @HOME http://tenderfeel.xsrv.jp/javascript/271/
 * @license The MIT License
 */
function Rollover(id, view){
	var parent = document.getElementById(id);
	
	var getViewImg = function(img, classname){
		for(var i = 0; i < img.length; i++){
			if(img[i].className == classname){
				return img[i];
			}
		}
		return null;
	};
	
	var myImg = parent.getElementsByTagName("img");
	view = view || "rollover_view";
	
	var viewEl = getViewImg( myImg, view);
	var regrep = "_thumb";
	var newimg = [];
	
	var  replaceImage = function(e){
        var el = e.target || e.srcElement;
        var href = el.src.replace(regrep,"");
        viewEl.src=href;
        if(e.preventDefault){ e.preventDefault(); }
        return false;
    };
	
	for (var i = 1; i < myImg.length; i++) {
		newimg[i] = new Image();
		newimg[i].src = myImg[i].src;
		
		if(myImg[i].addEventListener){
            myImg[i].addEventListener("mouseover", replaceImage, false);
        }else{
            myImg[i].attachEvent("onmouseover", replaceImage);
        }
	}
};
