var currentPanel;
   
function showPanel(panelNum) {
	//hide visible panel, show selected panel,set tab
	if (currentPanel != null) {
		hidePanel();
	}
	document.getElementById ('panel'+panelNum).style.visibility = 'visible';
	currentPanel = panelNum;
	setState(panelNum);
}
   

function hidePanel() {
	//hide visible panel, unhilite tab
	document.getElementById	('panel'+currentPanel).style.visibility = 'hidden';
	document.getElementById ('tab'+currentPanel).style.backgroundColor = '#1c7366';
	document.getElementById ('tab'+currentPanel).style.color = 'navy';
}
   

function setState(tabNum) {
	if (tabNum==currentPanel) {
		document.getElementById ('tab'+tabNum).style.backgroundColor = '#CAE496';
		document.getElementById ('tab'+tabNum).style.color = '#33CCFF';
	} else {
		document.getElementById ('tab'+tabNum).style.backgroundColor = '#96CAE4';
		document.getElementById ('tab'+tabNum).style.color = '#54075b';
	}
}


function hover(tab) {
	tab.style.backgroundColor = '#CAE496';
	tab.style.color = '#6634CB' ;
}