
Tabs = Class.create({
    initialize: function() {
        if ($$('div.tabs-container div.content-container div.content').length == 0) return;

        $$('div.tabs-container div.content-container div.content:not(#content1)').invoke('hide');

        this.attachObservers();
    },

    attachObservers: function() {
        $$('div.tabs-container ul.navigation li').invoke('observe', 'click', this.changeTab);
    },

    changeTab: function(event) {
        var element = event.findElement('li');

        $$('div.tabs-container div.content-container div.content').invoke('hide');
        $(element.id.replace('nav', 'content')).show();

        $$('div.tabs-container ul.navigation li').invoke('removeClassName', 'active');
        element.addClassName('active');

        if (pageTracker != undefined) {
            pageTracker._initData();
            pageTracker._trackEvent('tab', 'change', element.id); 
        }
    }
});
DOMReady.add(function() {
    new Tabs();
});
