//Event.observe(window, 'load', function(){  
//        var start = new TabMaker('adCategoryTab');  
//        start.create();  
//});  

var TabMaker = Class.create()  
TabMaker.prototype = {  
    initialize: function(tab) {  
            this.tabLnegth = gcn(tab).length;  
            this.tabName = tab;  
    },  
    create: function() {  
            var menu = new TabIndex(this.tabName);  
            var randnum = Math.floor( Math.random() * this.tabLnegth );
            for (var i = 0; i < this.tabLnegth; i++) {  
                    menu.appendTab(new Tab(this.tabName + '_' + i, (i==randnum)));  
//                        menu.appendTab(new Tab('Tab' + i, (i==0)));  
            }  
            menu.setTab();  
    }  
}  
  
var Tab = Class.create();  
Tab.prototype = {  
        initialize: function(name, open) {  
                this.name = name;  
                this.page = name + 'Box';  
                this.open = open;  
        },  
        styleTab: function() {  
                if (this.open)  
                        this.setStyle('visible', '', 'open');  
                else  
                        this.setStyle('hidden', 'absolute', 'close');  
                this.open = false;  
        },  
        setStyle: function(visibility, position, className){  
                var page = $(this.page).style;  
                var name = $(this.name);  
                page.visibility = visibility;  
                page.position = position;  
                name.className = className;  
        }  
}  
  
var TabIndex = Class.create();  
TabIndex.prototype = {  
        initialize : function(tab) {  
                this.last = 0;  
                this.tabs = new Array();  
                this.tabName = tab;  
        },  
        getTabAt : function(index) {  
                return this.tabs[index];  
        },  
        appendTab : function(tab) {  
                this.tabs[this.last] = tab;  
                gcn(this.tabName)[this.last].id = tab.name;  
                gcn(this.tabName+'Box')[this.last].id = tab.page;  
                this.last++;  
                var link = document.createElement('a');  
                link.innerHTML = $(tab.name).innerHTML;  
                link.href = 'javascript:void(0);'  
                $(tab.name).innerHTML = '';  
                $(tab.name).appendChild(link);  
                $(tab.name).onclick = function(){  
                        tab.open = true;  
                        this.setTab();  
                }.bind(this);  
        },  
        getLength : function() {  
                return this.last;  
        },  
        each : function(func) {  
                for (var i = 0; i < this.getLength(); i++) {  
                        func(this.getTabAt(i));  
                }  
        },  
        setTab: function() {  
                this.each(function(tab) {  
                                tab.styleTab();  
                });  
        }  
};  
function gcn(id){  
        return document.getElementsByClassName(id);  
}