/*
自動ロールオーバー スクリプト
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    
    }

  }