﻿var TabController = new Class({
    initialize: function() {
        this.tabs = [];
        this.activeTab = null;

        var menu = document.id('menu');
        if (menu) {
            var ul = menu.getElement('ul');
            if (ul) {
                ul.getElements('li').each(function(li) {
                    var a = li.getElement('a');
                    if (a) {
                        if (a.hasClass('active'))
                            this.activeTab = a;
                        else {
                            a.addEvents({
                                'mouseenter': function() { this.deactivate(); }.bind(this),
                                'mouseleave': function() { this.activate(); }.bind(this)
                            });
                        }
                    }
                }.bind(this));
            }
        }
    },

    deactivate: function() {
        if (this.activeTab) this.activeTab.removeClass('active');
    },

    activate: function() {
        if (this.activeTab) this.activeTab.addClass('active');
    }
});

window.addEvent('domready', function() {
    new TabController();
});
