// <![CDATA[

var debug = (window.console)?function(log){
	window.console.log(log);
}:function() {
	void(0);
};
			
//[MouseOver]
function MouseOver() {
	//setting
	var KeyName = 'btn';
	var KeyName2 = 'mouseoverClick';
	var AddOn = '_on';
	var AddOn2 = '_ck';
	//move
	var ChangeSrc;
	var ChangeSrc2;
	var overImages = document.getElementsByTagName('img');
	var imgPreLoad = new Array();
	
	for (var i = 0; i < overImages.length; i++) {
		if (overImages[i].className == KeyName || overImages[i].className == KeyName2) {
			var temp = overImages[i];
			var src = temp.src;
			var FileType = src.substring(src.lastIndexOf('.'));
			var name = src.substring(0,src.length - FileType.length);
			var overSrc = name + AddOn + FileType;
			overImages[i].setAttribute('overSrc', overSrc);
			//preload
			imgPreLoad[i] = new Image();
			imgPreLoad[i].src = overSrc;
			//action
			overImages[i].onmouseover = function() {
				ChangeSrc = this.getAttribute('src');
				this.setAttribute('src', this.getAttribute('overSrc'));
			}	
			overImages[i].onmouseout = function() {
				if (!ChangeSrc) ChangeSrc = this.getAttribute('src').replace(AddOn+FileType, FileType);
				this.setAttribute('src', ChangeSrc);
			}
			
			if (overImages[i].className == KeyName2) {
				var clickSrc = name + AddOn2 + FileType;
				overImages[i].setAttribute('clickSrc', clickSrc);
				//
				overImages[i].onmousedown = function() {
					ChangeSrc2 = this.getAttribute('src');
					this.setAttribute('src', this.getAttribute('clickSrc'));
				}
				overImages[i].onmouseup = function() {
					if (!ChangeSrc2) ChangeSrc2 = this.getAttribute('src').replace(AddOn2+FileType, AddOn+FileType);
					this.setAttribute('src', ChangeSrc2);
				}
			}
			
		}
	}
}


/* --------------------------------------------------------------------- */
/* scriptFunction */
/* --------------------------------------------------------------------- */

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

// ]]>