/*-----------------------------------------------------------
 Original
 http://archiva.jp/web/javascript/tab-menu.html

 Customized by WWW WATCH
 http://hyper-text.org/archives/2007/09/javascript_tab.shtml
------------------------------------------------------------*/

/*--setup--*/
window.onload=function() {
    tab.setup = {
        tabs: document.getElementById('tab').getElementsByTagName('li'),

        pages: [
            document.getElementById('feature'),
            document.getElementById('dimension'),
            document.getElementById('area'),
            document.getElementById('spec'),
            document.getElementById('option')
        ]
    }

    tab.init();
}
/*--setup end--*/

var tab = {
    init: function(){
        var tabs = this.setup.tabs;
        var pages = this.setup.pages;

        for(var i=0; i<pages.length; i++) {
            if(i !== 0 ) pages[i].style.display = 'none';
            tabs[i].onclick = function(){ tab.showpage(this); return false; };
        }
    },

    showpage: function(obj){
        var tabs = this.setup.tabs;
        var pages = this.setup.pages;
        var num;

        for(num=0; num<tabs.length; num++) {
            if(tabs[num] === obj) break;
        }

        for(var i=0; i<pages.length; i++) {
            if(i == num) {
                pages[num].style.display = 'block';
                tabs[num].className = 'selected';
            }
            else{
                pages[i].style.display = 'none';
                tabs[i].className = null;
            }
        }
    }
}