<!--

    window.onload = initNavi;

    function initNavi() {

        var navi = document.getElementById('navi').getElementsByTagName('img');
        var pre  = new Array();

        for (var i = 0, j = navi.length; i < j; ++i)
        {
            navi[i].onmouseover = flipNavi;
            navi[i].onmouseout = flipNavi;

            pre[i] = new Image();
            pre[i].src = navi[i].src.replace(1, 2);
        }
    }

    function flipNavi() {

      if (this.src.indexOf('_3') == -1) {
            var oldMode = this.src.indexOf('_2') > -1 ? 2 : 1;
            var newMode = oldMode == 2 ? 1 : 2;
            this.src = this.src.replace('_' + oldMode, '_' + newMode);
        }
    }

// -->