/*
* rollover.js
* Version 1.0
* Last modified 2010/08/05
* こいつを読み込むだけで
* hoverでxxx_n.jpgとかxxx_n.gifとかxxx_n.pngとかをxxx_o.jpgとかxxx_o.gifとかxxx_o.pngとかにします
*/

(function(){
	if(window.addEventListener){
		var addEvent = function(element, event, func){
			element.addEventListener(event, func, false);
		};
	}else if(window.attachEvent){
		var addEvent = function(element, event, func){
			element.attachEvent("on" + event, func);
		};
	}
	var setRollOver = function(){
		var images = document.getElementsByTagName("img");
		for(var i = 0; i < images.length; i++){
			var src = images[i].getAttribute("src").split("/");
			if(src[src.length-1].indexOf("_n.") > 0){
				
				images[i].normalSrc = src.join("/");
				src[src.length-1] = src[src.length-1].replace("_n.","_o.");
				images[i].hoverImage = new Image();
				images[i].hoverImage.src = src.join("/");
				addEvent(images[i], "mouseover", function(){var img = (this.tagName)? this : event.srcElement;  img.src = img.hoverImage.src;});
				addEvent(images[i], "mouseout",  function(){var img = (this.tagName)? this : event.srcElement;  img.src = img.normalSrc;});
			}
		}
	};
	addEvent(window, "load", setRollOver);
})();