function switchTab(tab,css) {
	var tabsContainer=tab.parentNode;
	var tabPanels=tabsContainer.parentNode.getElementsByTagName('DIV').item(1).childNodes; // all tabpanels child
	var tabs=tabsContainer.getElementsByTagName('A'); // all tabs
	var tabPos; // clicked tab position
	var tempArr=new Array(1);
	var j=0;
	var i=0;

	for (i=0;i<tabs.length;i++) 
		if (tabs[i]==tab) {
			tabPos=i;
			addClassName(tab, css);
		}
		else removeClassName(tabs[i], css);
	for (i=0;i<tabPanels.length;i++) // retrieve only divs from the tabpanels
		if (tabPanels[i].nodeName=='DIV') {
			tempArr[j]=tabPanels[i];
			j=j+1;
	} 
	for (i=0;i<tempArr.length;i++)
		i==tabPos?tempArr[i].style.display='block':tempArr[i].style.display='none'
}


function addClassName(el, sClassName) {
	var s = el.className;
	var p = s.split(" ");
	var l = p.length;
	for (var i = 0; i < l; i++) {
		if (p[i] == sClassName)
			return;
	}
	p[p.length] = sClassName;
	el.className = p.join(" ").replace( /(^\s+)|(\s+$)/g, "" );
}

function removeClassName(el, sClassName) {
	var s = el.className;
	var p = s.split(" ");
	var np = [];
	var l = p.length;
	var j = 0;
	for (var i = 0; i < l; i++) {
		if (p[i] != sClassName)
			np[j++] = p[i];
	}
	el.className = np.join(" ").replace( /(^\s+)|(\s+$)/g, "" );
}