/*------------------------------------
|
|  Tabs Web - Tabs javascript!
|
*************************************/

function tabsinit()
{
	initTabs('tabgroup', 'tab1', 'tab-1');
}

function initTabs(group, tabName, activeTab)
{
	hideTabs();
	var tabGroup = document.getElementById(group).getElementsByTagName('li');
	for(var i=0; i<tabGroup.length; i++)
	{
		xb.addEvent(tabGroup[i], 'click', showTab, false);
	}
	
	// Overide and show first tab
	var tab = document.getElementById(tabName);
	startTab(tab.id, activeTab);
}

function hideTabs()
{
	var tabs = document.getElementsByTagName('div');
	for(var i=0; i<tabs.length; i++)
	{
		if(tabs[i].className == 'tab')
		{
			tabs[i].style.position = "absolute";
			tabs[i].style.left = "-9000px";
		}
	}
	
	var tabGroup = document.getElementById('tabgroup').getElementsByTagName('li');
	for(var i=0; i<tabGroup.length; i++)
	{
		tabGroup[i].className = "";
	}
}

function showTab()
{
	hideTabs();
	var id = this.id;
	var tabNo = id.split('-')[1];
	var tab = document.getElementById('tab'+tabNo);
	tab.style.position = "static";
	tab.style.left = "0";
	
	var tab = document.getElementById('tab-'+tabNo);
	tab.className = "clicked";
}

function showTabByNumber(tabNo)
{
	hideTabs();
	var tab = document.getElementById('tab'+tabNo);
	tab.style.position = "static";
	tab.style.left = "0";
	
	var tab = document.getElementById('tab-'+tabNo);
	tab.className = "clicked";
}

function startTab(tabid, buttonid)
{
	var tab = document.getElementById(tabid);
	tab.style.position = "static";
	tab.style.left = "0";
	
	var tab = document.getElementById(buttonid);
	tab.className = "clicked";
}

function getElementsByClassName(className, tag, elm)
{
	var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
	var tag = tag || "*";
	var elm = elm || document;
	var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
	var returnElements = [];
	var current;
	var length = elements.length;
	for(var i=0; i<length; i++){
		current = elements[i];
		if(testClass.test(current.className)){
			returnElements.push(current);
		}
	}
	return returnElements;
}