window.onload = function(){
 var conf = {
   className:'btn',
   postfix:'_on'
 };
var imgNodeList = getElementsByClassName('btn');
var node;
for(var i=0, len=imgNodeList.length; i<len; i++) {
 node = imgNodeList[i];
 node.originalSrc = node.src;
 node.rolloverSrc = node.originalSrc.replace(/(\.gif|\.jpg|\.png)/,'_on'+"$1");
 node.onmouseover = function(){
  this.src = this.rolloverSrc;
 };
 node.onmouseout = function(){
  this.src = this.originalSrc;
 };
 }
};
//クラス名によるエレメントノード配列取得
function getElementsByClassName(name){
 var elements = [];                                    //classが一致した要素を入れるための配列
 var allElements = document.getElementsByTagName('*'); //全要素のノードリストを取得
 for(var i=0, len=allElements.length; i<len; i++){
  if(allElements[i].className == name){                //クラスが一致したら
   elements.push(allElements[i]);                      //その要素を追加
  }
 }
 return elements;
}
//プリロード
preloadedImages = [];
function preloadImage(url){
 var p = preloadedImages;
 var l = p.length;
 p[l] = new Image();
 p[l].src = url
}