GradientTabs = function() {
	return {
		activate: function(id, index) {
			if (this.activeTab) {
				this.getTab(this.activeTab).removeClass('active-tab');
				var link = this.getLink(this.activeTab);
				if (link) link.show({duration: 0.1});
				this.getPanel(this.activeTab).setDisplayed(false);
			}
			this.activeTab = id;
			this.getTab(this.activeTab).addClass('active-tab');
			var link = this.getLink(this.activeTab);
			if (link) link.hide({duration: 0.1});
			var panel = this.getPanel(this.activeTab);
			panel.setDisplayed(true);
			var margin = 17 + (980-17*2 - panel.getWidth())*index/2;
			panel.setStyle('margin-left', margin+'px');
		},
		getTab: function(id) {
			return Ext.get('gradient-tabs-tab-'+id);
		},
		getLink: function(id) {
			return Ext.get('gradient-tabs-link-'+id);
		},
		getPanel: function(id) {
			return Ext.get('gradient-tabs-panel-'+id);
		}
	}
}();