// changeIMG
//<img src="○○/○○.jpg" id="△△△">
//<a class="changeimg" rel="△△△"><img src="○○/○○s.jpg"></a>
//
//画像の名前の規則について
//サムネイル画像：○○/○○s.jpg
//拡大画像：○○/○○s.jpg
//サムネイルオーバー画像：○○/○○sov.jpg
//※changeimgoverTailの設定による


var changeimgoverTail = 'ov';

var changeimg = new Object();

changeimg={
	init:function(){
		if(d.getElementById){
			changeimg.makeRollover.init("changeimg");
		}
	},
	end:function(){
		 changefixIELeaks();
	}
};

changeimg.makeRollover={
	init: function(className){
		var imgPreload = new Image();
		var parent = d.getElementsByClassName(className);
		if (! parent) { return; }
		for(var i = 0; i < parent.length; i++) {
			var imagesToRoll = parent[i].getElementsByTagName("img");
			var imgID = parent[i].rel;
			var imgsrc = $(imgID).src;

			for(var j = 0; j < imagesToRoll.length; j++){
				if(imagesToRoll[j].src){
					imagesToRoll[j].source = imagesToRoll[j].src;
					imagesToRoll[j].setAttribute("imgID",imgID);
					imagesToRoll[j].setAttribute("imgsrc",imgsrc);
					imagesToRoll[j].onmouseover = function(){
						imagePath = this.source.substring(0,this.source.length - defaultTail.length - 4);
						imagePath2 = this.source.substring(0,this.source.length - defaultTail.length - 5);
						imageExt = this.source.substring(this.source.length - 4);
						imageRoll = imagePath + changeimgoverTail + imageExt;
						imageLRoll = imagePath2 + imageExt;
						this.src = imageRoll;

						$(this.getAttribute("imgID")).src=imageLRoll;
					}
					imagesToRoll[j].onmouseout = function(){
						this.src = this.source;
						imgsrc =this.getAttribute("imgsrc")
						$(this.getAttribute("imgID")).src=imgsrc;
					}
				}
			}
		}	
	}
}

function changefixIELeaks() {
	if (d.all && window.attachEvent) {
		var elProps = [
			"data", "onmouseover", "onmouseout",
			"onmousedown", "onmouseup", "ondblclick",
			"onclick", "onselectstart", "oncontextmenu"
		];
		var all = d.all;
		for (var i = 0, el; el = all[i]; i++) {
			for (var j = 0, elProp; elProp = elProps[j]; j++) {
				el[elProp] = null;
			}
		}
	}
};


document.observe('dom:loaded', function () { changeimg.init(); });