function TabOver(TabID)
{
	TabID.style.cursor = "hand";
}

function HideTab(Tab)
{
	Tab.className = 'Tab';
}

function ShowTab(Tab)
{
	Tab.className = 'SelectedTab';
}

function ShowLayer(TabID)
{

	switch (TabID)
	{
		case 'Tab1':

			document.all("Tab1Details").style.display = '';
			document.all("Tab2Details").style.display = 'none';
			document.all("Tab3Details").style.display = 'none';
			document.all("Tab4Details").style.display = 'none';
			ShowTab(document.all("Tab1"));
			HideTab(document.all("Tab2"));
			HideTab(document.all("Tab3"));
			HideTab(document.all("Tab4"));
			break;

		case 'Tab2':

			document.all("Tab1Details").style.display = 'none';
			document.all("Tab2Details").style.display = '';
			document.all("Tab3Details").style.display = 'none';
			document.all("Tab4Details").style.display = 'none';
			ShowTab(document.all("Tab2"));
			HideTab(document.all("Tab1"));
			HideTab(document.all("Tab3"));
			HideTab(document.all("Tab4"));
			break;

		case 'Tab3':

			document.all("Tab1Details").style.display = 'none';
			document.all("Tab2Details").style.display = 'none';
			document.all("Tab3Details").style.display = '';
			document.all("Tab4Details").style.display = 'none';
			ShowTab(document.all("Tab3"));
			HideTab(document.all("Tab1"));
			HideTab(document.all("Tab2"));
			HideTab(document.all("Tab4"));
			break;
			
		case 'Tab4':

			document.all("Tab1Details").style.display = 'none';
			document.all("Tab2Details").style.display = 'none';
			document.all("Tab3Details").style.display = 'none';
			document.all("Tab4Details").style.display = '';
			ShowTab(document.all("Tab4"));
			HideTab(document.all("Tab1"));
			HideTab(document.all("Tab2"));
			HideTab(document.all("Tab3"));
			break;

		default:
			alert('Not a valid selection.');
			break;
	}
}