var vTabs = new Class({
    Implements: [Options],
    Implements: [Events],
    // Initialize
    initialize: function(element, options) {
        this.options = Object.extend({
            container:      'tabs_header',
            content:        'tabs_content',
            active:         'active',
            last:           'last'
        }, options || {});
        
        this.tabHead = $(this.options.container);
        this.tabBody = $(this.options.content);
        
        this.vtabs = this.tabHead.getChildren('li');
        this.panes = this.tabBody.getChildren('li');
        
        if(!this.tabHead.getLast('li').hasClass(this.options.last)){
            this.tabHead.getLast('li').addClass(this.options.last);
        }
        if(this.vtabs[0] && !this.vtabs[0].hasClass(this.options.active)){
            this.vtabs[0].addClass(this.options.active);
        }
        var that = this;
        this.vtabs.each(function(tab,index){
            tab.getChildren('a').addEvent('click', function(e){
                e = new Event(e).stop();
                that.resetTabs();
                that.setActiveTab(tab,index); 
            });
            //.bind(this,tab,index)
        });   
    },
    
    setActiveTab: function(tab,ind){
        tab.addClass(this.options.active);
        if(this.panes[ind]) this.panes[ind].style.display = "block";
    },
    
    resetTabs:function(){
        this.vtabs.each(function(t){ t.removeClass('active') });
        this.panes.each(function(p){ p.style.display = 'none'; });
    }
});