function switchtab (i)
{
	var selectedtab = document.getElementById("tab" + i);
	var selectedpanel = document.getElementById("panel" + i);
	
	// turn off all styles on tabs and panels, maximum of 5 tabs
	for (var j = 1; j <= 5; j++)
	{
		var tab = document.getElementById("tab" + j);
		var panel = document.getElementById("panel" + j);
		
		if (tab != null && panel != null)
		{
			if (j == 1)
				tab.className = "first";
			else		
				tab.className = " ";
				
			togglediv(panel, true);
		}
	}
	
	// turn on selected tab
	selectedtab.className += " on ";	
	togglediv(selectedpanel);
}

function togglediv (panel, hide)
{
	if (hide)
	{
		panel.style.display = "none";
		panel.style.visibility = "hidden";
	}
	else
	{
		panel.style.display = "block";
		panel.style.visibility = "visible";
	}
}