
	//	REPREZENTUJE JEDNO SPOJENIE OVL. PRVKU S OBSAHOM
	function OneTab(selectorNode, contentNode)
	{
		this.selectorNode = selectorNode;
		this.selectorNode.onclick = OneTab.onclick;
		this.selectorNode.realObj = this;		
		this.contentNode = contentNode;		
	}

	OneTab.onclick = function(e)
	{
		if(!e) e = event;
		var elem = eventElement(e);

		elem.realObj.Activate();
	}
	
	OneTab.prototype.Activate = function()
	{
		if(this.owner.active)
		{
			this.owner.active.contentNode.style.display = 'none';
			this.owner.active.selectorNode.className = this.owner.active.selectorNode.className.replace('active', '');
		}

		this.contentNode.style.display = 'block';
		this.selectorNode.className += ' active';
		this.owner.active = this;
	}
	
	//	ZDRUZUJE SKUPINU TABOV
	function Tabs()
	{
		this.tabs = new Array();
		this.active = null;
		this.select = null;	// ak pouzijeme select
	}
	
	Tabs.init = function(count, selector_prefix, content_prefix)
	{
		var newTabs = new Tabs();
		
		for(var i = 1; i <= count; i++)
		{
			newTabs.AddTab(
				new OneTab(
					getById(selector_prefix+i.toString()), 
					getById(content_prefix+i.toString())
					)
			);
		}
		
		newTabs.active = null;
		newTabs.tabs[0].Activate();
	}
	
	Tabs.prototype.AddTab = function(tab)
	{
		this.tabs.push(tab);
		tab.owner = this;		
		
	}
	
	Tabs.prototype.InitSelect = function( selectId )
	{
		this.select = getById(selectId);
		this.select.realObj = this;
		this.select.onchange = function()
		{
			this.realObj.valueToTab[this.value].Activate();
		}
	}
	
	Tabs.prototype.contentNameFn = null;
	Tabs.prototype.btnNameFn = null;
	Tabs.prototype.valueToTab = new Array();

