/*
********************************************************************

【javaScript Infomation】

Summary        : html内のimg要素に対して特定のファイル名にロールオーバー
Last update    : 2008/10/16
Production day : 2008/10/17
Author         : Info-Works Inc.

********************************************************************
*/

/*----------------------------------------------------------------------

    関数定義

----------------------------------------------------------------------*/
function rollOverSet()
{
    //変数定義
    var default_bn = new String();
    var change_bn = new String();

    default_bn = "_off"; //ロールオーバー対象の判定名称
    change_bn = "_on"; //ロールオーバー画像の判定名称

    //getElementsByTagNameが使用不能なブラウザを弾く
    if (!document.getElementsByTagName) {return false;}

    //特定のa要素を検索する
    var element_img = document.getElementsByTagName("img");
    for (var i=0; i < element_img.length; i++) {
        if (element_img[i].getAttribute("src").match(default_bn)) {

            //ロールオーバー用画像をキャッシュに読み込ませる ▼
            var ary_image = new Image();
            ary_image.src = element_img[i].getAttribute("src").replace(default_bn, change_bn);
            //ロールオーバー用画像をキャッシュに読み込ませる ▲
           
            //ボタンアクション設定 ▼
            element_img[i].onmouseover = function() {
                this.setAttribute("src", this.getAttribute("src").replace(default_bn, change_bn));
            };
            element_img[i].onmouseout = function() {
                this.setAttribute("src", this.getAttribute("src").replace(change_bn, default_bn));
            };
            //戻る対策
            element_img[i].onclick = function() {
                this.setAttribute("src", this.getAttribute("src").replace(change_bn, default_bn));
            };
            //ボタンアクション設定 ▲
        }
    }
}


/*----------------------------------------------------------------------

    イベントリスナー

----------------------------------------------------------------------*/
if (window.addEventListener) {
    window.addEventListener("load", rollOverSet, false);
} else if(window.attachEvent) { //IE用
    window.attachEvent("onload", rollOverSet);
}