/**
 * @author BYK
 */
if (!eQ)
	var eQ={config: {}};

eQ.subTabs={};

eQ.subTabs._guid=0;

eQ.subTabs.init=function(mainTab, autoHeight)
{
	var contentArea=document.getElementById(eQ.config.simpleTabs.idFormats.contentArea.format(mainTab.tabId))
	var container=contentArea.getElementsByTagName("div")[0];
	var title=contentArea.getElementsByTagName("ul")[0];
	
	if (!(container && title && container.className=='subtab' && title.className=='subtab'))
		return false;
	
	if (!container.id)
		container.id="eQSubTab" + ++eQ.subTabs._guid;
	container.activeTabIndex=0;
	container.style.width=(container.parentNode.parentNode.clientWidth - 4) + "px";
	
	title.tabContainerId=container.id;
	title.style.width=(container.parentNode.parentNode.clientWidth - 4) + "px";
	var elements;
	
	for (var i = 0; i < title.childNodes.length; i++) 
	{
		title.childNodes[i].tabIndex=i;
		aV.Events.add(title.childNodes[i], 'click', eQ.subTabs._onTabClickHandler);
		if (i==0)
			title.childNodes[i].className='active';
	}
	
	var height=0;
	for (var i = 0; i < container.childNodes.length; i++) 
	{
		if (!container.childNodes[i].id)
			container.childNodes[i].id=container.id + "Tab" + i;
		aV.DOM.addClass(container.childNodes[i], "subTabContent")
		if (container.childNodes[i].offsetHeight>height)
			height=container.childNodes[i].offsetHeight;
		if (i==0)
			continue;
		aV.Visual.setOpacity(container.childNodes[i], 0);
		container.childNodes[i].style.display='none';
	}
	container.style.height=((autoHeight)?height + 16:container.parentNode.clientHeight - 23) + "px";
};

eQ.subTabs._onTabClickHandler=function(event)
{
	var tabContainer=document.getElementById(event.target.parentNode.tabContainerId);

	if (tabContainer.activeTabIndex==event.target.tabIndex)
		return false;

	event.target.parentNode.childNodes[tabContainer.activeTabIndex].className='';
	event.target.className='active';
	tabContainer.childNodes[event.target.tabIndex].style.display='';
	aV.Visual.fadeFromOneToOne(
		tabContainer.childNodes[tabContainer.activeTabIndex],
		tabContainer.childNodes[event.target.tabIndex],
		function(fromObj, toObj){fromObj.style.display='none'}
	);
	tabContainer.activeTabIndex=event.target.tabIndex;
};

aV.AJAX.loadResource('/css/eQ.subTabs.css', 'css', 'eQSubTabsCSS');