/* used classes = tabbox, tabbox_nav, tabbox_content, selected */
var BOTabMenu = Class.create();
BOTabMenu.prototype = {
    initialize: function (menuid, ni, rc) {
        this.menuid = menuid;
        this.nindex = ni == null ? 0 : ni;
        this.init();

        this.viewCont(this.nindex);
    },
    init: function () {
        var nav = document.getElementsByClassName('tabbox_nav', $(this.menuid));
        this.navs = $A(nav[0].getElementsByTagName('li'));

        var cont = document.getElementsByClassName('tabbox_content', $(this.menuid));
        this.conts = $A(cont[0].getElementsByTagName('div'));

        for(var i=0; i<this.navs.length; i++){
            this.navs[i]._tabindex = i;
            this.navs[i]._tobj = this;
            this.navs[i].onmouseover = this.tabon;
        }
    },
    viewCont: function(index){
        /*
        for(var i=0; i<this.navs.length; i++){
            if(i == index){
                this.navs[i].className = 'selected';
            }else{
                this.navs[i].className = 'notselected';
            }
        }
        */
        for(var i=0; i<this.conts.length; i++){
            if(i == index){
                Element.show(this.conts[i]);
            }else{
                Element.hide(this.conts[i]);
            }
        }
    },
    tabon: function () {
        this._tobj.viewCont(this._tabindex);
        document.getElementById("maintab_more").href = this.firstChild.href;
    }
}