var Site = {
	start: function() {
		var categories = $("categories");

		if(categories) {
			new TabbedPanel(categories, ".category");
		}
	}
};

/**
 * Title: Tabbed panel
 * Description:
 * Copyright: Copyright (c) 2005 - 2008
 * Company: Pronamic Internet, Vormgeving en Software
 * @author Remco Tolsma
 * @version 1.0
 */
var TabbedPanel = new Class({
	/**
	 * Initialize
	 */
	initialize: function(panel, selector) {
		this.panel = $(panel);

		var activeTab = null;

		this.tabs = this.panel.getElements(selector);
		this.tabs.each(function(tab) {
			var uri = tab.get("href").toURI();

			if(uri.get("fragment") == new URI().get("fragment")) {
				activeTab = tab;
			} else if(tab.hasClass("active")) {
				activeTab = tab;
			}

			var contentElement = $(uri.get("fragment"));
			if(contentElement) {
				contentElement.erase("id");

				tab.store("content", contentElement);
				tab.addEvent('click', this.activate.bind(this, tab));
			}
		}.bind(this));

		this.deactivate();

		if(activeTab) {
			this.activate(activeTab);
		}
	},

	////////////////////////////////////////////////////////////////////////////////

	/**
	 * Deactivate
	 */
	deactivate: function() {
		this.tabs.each(function(tab) {
			tab.removeClass("active").retrieve("content").hide();
			tab.getParent().removeClass("active");
		});
	}, 
	
	/**
	 * Activate
	 */
	activate: function(tab) {
		this.deactivate();

		tab.addClass("active").retrieve("content").show();
		tab.getParent().addClass("active");
	}
});

window.addEvent("domready", function() {
	Site.start();
});