var TabController = new Class({
    initialize: function(tabs) {
        this.tabs = tabs;
        
        if (tabs.length > 0) {
            tabs.each(function(el) {
                el.addEvents({
                    'click': function() { this.select(el); }.bind(this),
                    'mouseenter': function() {
                        if (el != this.selected) {
                            var img = el.getStyle('background-image');
                            if (img.indexOf('_ov.jpg') == -1)
                                el.setStyle('background-image', img.replace('.jpg', '_ov.jpg'));
                        }
                    }.bind(this),
                    'mouseleave': function() {
                        if (el != this.selected) {
                            var img = el.getStyle('background-image');
                            if (img.indexOf('_ov.jpg') != -1)
                                el.setStyle('background-image', img.replace('_ov.jpg', '.jpg'));
                        }
                    }.bind(this)
                });
            }.bind(this));
            
            this.select(tabs[0]);
        }
    },
    
    select: function(el) {
        // un-highlight old tab
        if (this.selected) {
            var img = this.selected.getStyle('background-image');
            if (img.indexOf('_ov.jpg') != -1)
                this.selected.setStyle('background-image', img.replace('_ov.jpg', '.jpg'));
        }
        
        // highlight new tab
        this.selected = el;
        
        var img = this.selected.getStyle('background-image');
        if (img.indexOf('_ov.jpg') == -1)
            this.selected.setStyle('background-image', img.replace('.jpg', '_ov.jpg'));
    }
});