var Tabs = Class.create({
    initialize:function(parent_id){
        var dom = $(parent_id).childElements()
        this.DOM={
            tabs: dom.shift().childElements(),
            tab_contents: dom
        }
        this.selected_index = 0;
        this.DOM.tabs.each(function(e, index){
            Element.observe(e, "click", this.select.bind(this, index))
        }.bind(this))
        this.select(0)
    },
    select: function(index){
        this.selected_tab().removeClassName("selected");
        this.selected_tab_content().hide();
        this.selected_index = index;
        this.selected_tab().addClassName("selected");
        this.selected_tab_content().show();
    },
    selected_tab: function(){
        return this.DOM.tabs[this.selected_index];
    },
    selected_tab_content: function(){
        return this.DOM.tab_contents[this.selected_index];
    }
})