/*
自動ロールオーバー スクリプト
classname：imgタグに設定するclass名
activekey：ロールオーバー画像名に付加するルール
	EX
	<img src=choco.jpg class="btn">
	----
	onmouseover = choco_a.jpg
	onmouseout = choco.jpg
*/


var classname='rollover';
var activekey='_a';



//class名をリストに
document.getElementsByClassName = function(className) {
	var elementsAll = document.getElementsByTagName('*') || document.all;
	if(!document.getElementsByTagName('*').length){elementsAll =document.all;}
	var elements = new Array();
	for(var i = 0; i < elementsAll.length; i++) {
		var classNames = elementsAll[i].className.split(' ');
		for(var j = 0; j < classNames.length; j++) {
			if (classNames[j] == className) {
				elements[elements.length] = elementsAll[i];
				break;
			}
		}
	}
	return elements;
}





	var preimgArray=new Array();
	
	var btns=new Array();
	
	if(document.getElementById){
	
		btns=document.getElementsByClassName(classname);

		for (i=0;i<btns.length;i++){

			btns[i].srco=btns[i].src;
			
			var s = ""+btns[i].src;
			s = s.replace( /(.+)(\.gif|\.jpg|\.jpeg|\.png)$/ig , "$1"+activekey+"$2" );
				
			btns[i].srca=s;
				
				
			
			if(  s.match( /(.+)(\.gif|\.jpg|\.jpeg|\.png)$/ig )   ){


				if(   ! btns[i].srco.match( activekey + '[.]'  )  ){
					btns[i].onmouseover = function(){
						if(this.srca)this.src=this.srca;	
						//this.style.marginLeft='10px';
						//alert(this.style.paddingLeft);
					}
					btns[i].onmouseout = function(){
						if(this.srco)this.src=this.srco;
						//this.style.marginLeft='0';
					}
				
				}
			}
			
			
			preimgArray[i]=new Image();
			preimgArray[i].src=s;//preload		
		}

	}


try { 
document.execCommand('BackgroundImageCache', false, true); 
} catch(e) {}