//
// サブメニュー動作管理クラス
//
function SubNavi(sname) {

    var images = new Array();
    var grimage;
    this.sname = sname;

    this.init = function() {

        images[sname + 0] = '/image/title/title_top_tcar.jpg';
        images[sname + 1] = '/image/title/title_top_hcar.jpg';
        images[sname + 2] = '/image/title/title_top_torikumi.jpg';
        images[sname + 3] = '/image/title/title_top_comp.jpg';

        grimage = document.getElementById('ground_image');

        for (var i = 0; i <= 3; i++) {

            var snavi = document.getElementById(sname + i);

            if (snavi == null) {
                continue;
            }

            this.setEvent(snavi);
        }
    }

    this.setEvent = function(snavi) {

        // マウスオーバーイベント
        snavi.onmouseover = function() {

            snavi.style.opacity = 0.3;
            snavi.style.filter = 'alpha(opacity=30)';
            //grimage.style.background = 'url(' + images[snavi.id] + ') center no-repeat';
            grimage.src = images[snavi.id];
        }

        // マウスアウトイベント
        snavi.onmouseout = function() {

            snavi.style.opacity = 1;
            snavi.style.filter = 'alpha(opacity=100)';
            //grimage.style.background = 'url("/image/title/title_top_top.jpg") center no-repeat';
            //grimage.src = "/image/title/title_top_ttop.jpg";
            grimage.src = "/image/title/title_top_ecotaxi.jpg";
        }
    }
}