//=============================================
// 基本 js
//=============================================

//=============================================
// Img RollOver
//=============================================
var initRollovers = {
	temp : {
		cName    : "imgOv",
		sTempSrc : null,
		src      : null,
		hsrc     : null,
		ftype    : null,
		setTag   : new Array("img","input")
	},

	setProcess : function (){
		for( var si=0 ; si < initRollovers.temp.setTag.length ; si++ ){
			initRollovers.main(initRollovers.temp.setTag[si]);
		}
	},

	main : function (tag){
		var aPreLoad = new Array();
		var sTempSrc;
		var aImages = document.getElementsByTagName(tag);

		for (var i = 0; i < aImages.length; i++) {
			if ( aImages[i].className.indexOf(initRollovers.temp.cName)  != -1 ) {
				var src = aImages[i].getAttribute('src');
					initRollovers.temp.src = src;
				var ftype = src.substring(src.lastIndexOf('.'), src.length);
					initRollovers.temp.ftype = ftype;
				var hsrc = src.replace(ftype, '_ov'+ftype);
					initRollovers.temp.hsrc = hsrc;

				aImages[i].setAttribute('hsrc', hsrc);

				aPreLoad[i] = new Image();
				aPreLoad[i].src = hsrc;

				try {
					aImages[i].addEventListener('mouseover', initRollovers.imgOver, false);
					aImages[i].addEventListener('mouseout', initRollovers.imgOut, false);
				} catch (e) {
					aImages[i].attachEvent('onmouseover', (function(el){return function(){initRollovers.imgOver.call(el);};})(aImages[i])); 
					aImages[i].attachEvent('onmouseout', (function(el){return function(){initRollovers.imgOut.call(el);};})(aImages[i])); 
				}
			}
		}
	},

	imgOver : function(){
		var src  = initRollovers.temp.src;
		var hsrc = initRollovers.temp.hsrc;
		initRollovers.temp.sTempSrc = this.getAttribute('src');
		this.setAttribute('src', this.getAttribute('hsrc'));
	},

	imgOut : function(){
		var src   = initRollovers.temp.src;
		var hsrc  = initRollovers.temp.hsrc;
		var ftype = initRollovers.temp.ftype;
		if (!initRollovers.temp.sTempSrc) initRollovers.temp.sTempSrc = this.getAttribute('src').replace('_ov'+ftype, ftype);
		this.setAttribute('src', initRollovers.temp.sTempSrc);
	},

	addEvent : function(){
		try {
			window.addEventListener('load', this.setProcess, false);
		} catch (e) {
			window.attachEvent('onload', this.setProcess);
		}
	}
}
initRollovers.addEvent();