if (typeof Driebit == 'undefined') Driebit = {}

Driebit.tabs = new Class({
	initialize: function (el) {
		this._element    = el;
		this._tabHandles = el.getElements('.tabs li');
		this._tabs       = el.getElements('div.content');

		this._tabHandles.addEvent('mouseup', (function (e) {
			for (var i=0; i<this._tabHandles.length; i++) {
				if (this._tabHandles[i] == e.target) {
					this.showTab(i);
					break;
				}
			}
		}).bind(this));

		for (var i=0; i<this._tabHandles.length; i++) {
			if (this._tabHandles[i].hasClass('active')) {
				this.showTab(i);
				break;
			}
		}
	},

	showTab: function (index) {
		for (var i=0; i<this._tabs.length; i++) {
			if (i == index) {
				this._tabs[i].removeClass('hide');
				this._tabHandles[i].addClass('active');
			} else {
				this._tabs[i].addClass('hide');
				this._tabHandles[i].removeClass('active');
			}
		}
	}
});

window.addEvent('domready', function () {
	$$('.tabbed').each(function (el) {
		new Driebit.tabs(el);
	});
});