var tab = {
    init: function(){
        var tabs         = this.setup.tabs;
        var pages        = this.setup.pages;
        var default_page = this.setup.default_page;
        var index;
        var nowPageId    = '';
        
        if (tab.getTargetPage() && tab.getTargetPage() <= pages.length) {
            index = tab.getTargetPage();
        } else {
            index = 1;
        }
        
        nowPageId = 'jisseki' + index;
        
        for (var i = 0; i < pages.length; i++) {
            if (pages[i].id != nowPageId) {
                pages[i].style.display = 'none';
            }else{
                tab.showpage(tabs[i])
            }
            tabs[i].onclick = function(){ tab.showpage(this); return false; };
        }
    },
    
    showpage: function(obj){
        var tabs         = this.setup.tabs;
        var pages        = this.setup.pages;
        var default_page = this.setup.default_page;
        var num;
        
        for (num = 0; num < tabs.length; num++) {
            if (tabs[num] === obj) break;
        }
        
        default_page.style.display = 'none';
        
        for (var i = 0; i < pages.length; i++) {
            pages[num].style.display = 'block';
            if (i == num) {
                pages[num].style.display = 'block';
                var imgObjC  = tabs[num].getElementsByTagName('img');
                
                for (var j = 0; j < imgObjC.length; j++) {
                    var img  = imgObjC[j];
                    if (!img.src.match(/_on/)) {
                        img.src  = img.src.replace(/.gif/,'_on.gif');
                    }
                }
            } else {
                pages[i].style.display = 'none';
                var imgObjC  = tabs[i].getElementsByTagName('img');
                
                for (var j = 0; j < imgObjC.length; j++) {
                    var img  = imgObjC[j];
                    img.src  = img.src.replace(/_on/,'');
                }
            }
        }
    },
    
    getTargetPage : function(){
        var hash  = window.location.hash;
        if (hash) {
            var hashs = $A(hash.match(/^#page([0-9]{1,2})/));
            return hashs[1];
        }
    }
}

tab.setup = {
    tabs:         document.getElementById('jisseki_navi').getElementsByTagName('li'),
    default_page: document.getElementById('jisseki1'),
    
    pages: [
        document.getElementById('jisseki1'),
        document.getElementById('jisseki2'),
        document.getElementById('jisseki3'),
        document.getElementById('jisseki4'),
        document.getElementById('jisseki5'),
        document.getElementById('jisseki6'),
        document.getElementById('jisseki7'),
        document.getElementById('jisseki8'),
        document.getElementById('jisseki9'),
        document.getElementById('jisseki10')
    ]
}

Event.observe(window, 'load', function(){ tab.init(); });