var BUTTON = {

  init: function(){
    if( !document.getElementsByTagName ) return;

    btnList = document.getElementsByTagName( 'input' );
    for( b=0 ; b<btnList.length ; b++ ){
      if( btnList[b] && ( btnList[b].type == 'button' || btnList[b].type == 'submit' || btnList[b].type == 'reset' ) &&
       btnList[b].className && ( ' ' + btnList[b].className + ' ' ).indexOf( 'btn' ) != -1 ){

        strRegExp = /btn[a-z]+/g;
        if( strRegExp.test( ' ' + btnList[b].className + ' ' ) ){
          addEvent( btnList[b] , 'mouseover' , BUTTON.setOn , false );
          addEvent( btnList[b] , 'mouseout' , BUTTON.setOff , false );
        } 

      }
    }
  },

  setOn: function(e){
    var objBtn = window.event ? window.event.srcElement: e ? e.target : null;
    if( objBtn == null ) return;

    strRegExp = /btn[a-z]+/g;
    strType = strRegExp.exec( objBtn.className );
    if( strType != null ){
      objBtn.className = objBtn.className.replace( new RegExp( strType , 'g' ) , strType + '_over' );
    }

  },

  setOff: function(e){
    var objBtn = window.event ? window.event.srcElement: e ? e.target : null;
    if( objBtn == null ) return;
    strRegExp = /btn[a-z]+/g;
    strType = strRegExp.exec( objBtn.className );
    if( strType != null ){
      objBtn.className = objBtn.className.replace( new RegExp( strType + '_over' , 'g' ) , strType );
    }

  }
};

addEvent( window , 'load' , BUTTON.init , false );


<!--
//Server:WWb02
-->