/**
 * @author Robert Boguszewski (robert.boguszewski@veneo.pl)
 */
var TabsClass = Class.create();
TabsClass.prototype = {
	initialize: function(params) {
		this.tabsContainer = null;
		this.boxContainer = null;
		this.className = 'active';
		this.divClassName = 'category';
		if (params) {
			$H(params).each( function (item) {
				this[item.key] = item.value;
			}.bind(this));
		}
		this.tabsContainer.getElementsBySelector('li a').each(function (item) {
			item.onclick = function () { return false; }
			Event.observe(item,'click',this.showCategory.bind(this));
		}.bind(this));
	},

	showCategory: function (event) {
		var obj = Event.element(event);
		var className = obj.className;
		obj.up().addClassName(this.className);
		this.tabsContainer.getElementsBySelector('li a').each( function (item) {
			if (item.className != className) {
				item.up().removeClassName(this.className);
			}
		}.bind(this).bind(className));
		this.boxContainer.getElementsBySelector('div.' + this.divClassName).each( function (item) {
			if (item.hasClassName(className)) {
				item.show();
			} else {
				item.hide();
			}
		}.bind(className));

		return false;
	}

}