var ie = (document.all) ? true : false;
function toggleTabs(tab)
{
	
		var divHeaders =	document.getElementById('headerWrapper').getElementsByTagName('div');
		var divHeaderslen = divHeaders.length;
		
		//erase tabs before making one active
		for(var y=0;y<divHeaderslen;y++)
		{
			var headerdiv_id = divHeaders[y].id;
			eval(headerdiv_id).className = 'tabInactive';
		}
		

		var mydivs =	document.getElementById('divWrapper').getElementsByTagName('div');
		var divlen = mydivs.length;
		// erase all dive before showing selected div
		for(var x=0;x<divlen;x++)
		{
			var div_id = mydivs[x].id;
			var element = (ie) ? document.all(div_id) : document.getElementById(div_id);
		   	element.style.display="none";	
		}


	var  temp = tab.id;
	var focusTabPane = document.getElementById(tab.id + 'pane');
//show clicked tab
	focusTabPane.style.display = 'block';
	eval(temp).className = 'tabActive';
}