// _off,_onをイメージ画像の名前の後に（.拡張子の前）につけるだけ
// _off,_onの部分は任意の文言に変更可能

new function(){
    function setRollOver(){
        var imgs = document.images;
        if(!imgs){return;}
        var preload = [];
        for(var i=0;i<imgs.length;i++){
            var splitname = imgs[i].src.split('_off.');
            if((splitname[1])&&(imgs[i].parentNode.tagName=='A')){
                //ファイル名を保存
                imgs[i].src_off = imgs[i].src;
                imgs[i].src_on = splitname[0]+'_on.'+splitname[1];

                //ロールオーバー・アウト処理それぞれを設定
                addEvent(imgs[i],'mouseover',function(){this.src = this.src_on;});
                addEvent(imgs[i],'mouseout',function(){this.src = this.src_off;});

                //プリロード
                var l = preload.length;
                preload[l] = new Image();
                preload[l].src = imgs[i].src_on;
            }
        }
    }

    // イベントを追加する関数

    function addEvent(eventTarget, eventName, func){
        if(eventTarget.addEventListener){
            // モダンブラウザ
            eventTarget.addEventListener(eventName, func, false);
        }else if(window.attachEvent){
            // IE
            eventTarget.attachEvent('on'+eventName, function(){func.apply(eventTarget);});
        }
    }

    // setRollOver()をドキュメント読み込み完了時に実行する
    addEvent(window,'load',setRollOver);

}