if(!Widgets) var Widgets = {};

Widgets.Tabs = new Class({
	initialize: function(element) {
		this.list = $(element);
		this.list.backend = this;
		
		this.items = this.list.getChildren();
		this.items.each(function(item) {
			item.list = item.getParent().backend;
			item.getChildren().each(function(child) {
				if(child.hasClass('header')) item.header = child;
				if(child.hasClass('content')) item.content = child;
				child.item = item;
			});
		});
		
		this.addEvents();
		
		this.activate(this.list);
		this.activate(this.items[0]);
	},
	
	addEvents: function() {
		this.items.each(function(item) {
			item.header.addEvent('click', function(event) {
				this.item.list.activate(this.item);
			});
		});
	},
	
	activate: function(itemToActivate) {
		this.items.each(function(item) {
			if(item.hasClass('active')) item.removeClass('active');
		});
		itemToActivate.addClass('active');
	}
});

window.addEvent('domready', function(event) {
	if(navigator.userAgent.match('iCab')) return;
	
	$$('ol.widgets_tabs').each(function(item) {
		new Widgets.Tabs(item);
	});
});