var isIE = (document.documentElement.getAttribute("style") == document.documentElement.style);

/*============================================================**
		changeImg
**============================================================*/

var preloadImg = new Object();
var preNum = 0;

function btnOverEvent(){
	var images = document.getElementsByTagName('img');
	for(var i = 0,num = images.length;i < num; i++){
		var img = images[i];
		var imgSrc = img.src;
		if(imgSrc.indexOf('_off.') > -1 && img.parentNode.href){
			var newImgSrc = imgSrc.split('_off.')[0] + '_on.' + imgSrc.split('_off.')[1];

			preloadImg[preNum] = new Image();
			preloadImg[preNum].src = newImgSrc;

			var funcOnImg = 'changeImg(this,\'' + newImgSrc + '\')\;';
			var funcOutImg = 'changeImg(this,\'' + imgSrc + '\')\;';

			setEvent(img.parentNode,'onmouseover',funcOnImg);
			setEvent(img.parentNode,'onmouseout',funcOutImg);
			setEvent(img.parentNode,'onclick',funcOutImg);

			preNum++;
		}
	}
}

function changeImg(eventAnchor,imgSrc){
	eventAnchor.getElementsByTagName('img')[0].src = imgSrc;
}
/*============================================================**
		etc
**============================================================*/

function setEvent(obj,eventType,func){
	if(isIE) {
		obj.setAttribute(eventType,new Function(func));
	} else {
		obj.setAttribute(eventType,func);
	}
}

window.onload = function(){
	btnOverEvent();
}