(function() {

	SL.ui.Tabs = Class.create(SL.Component, {

		init : function() {

			this.headItems = this.e.select('div.' + this.config.get('head_items'));
			this.bodyItems = this.e.select('div.' + this.config.get('body_items'));

			this.active = this.config.get('active');

			if (this.active >= 0) {
				this.bodyItems[this.active].show();
			}

		},

		activate : function(index) {
			if (this.active == index) {
				return;
			}

			if (this.active >= 0) {
				this.headItems[this.active].removeClassName('active');
				this.headItems[this.active].addClassName('inactive');
				this.bodyItems[this.active].hide();
			}

			this.active = index;

			this.headItems[this.active].addClassName('active');
			this.headItems[this.active].removeClassName('inactive');
			this.bodyItems[this.active].show();

			this._emitContentChanged(true);
		}

	});

})();