var currentPanel = 1;
function showPanel(panelNum){
	//hide visible panel, show selected panel, set tab
	hidePanel();
	//document.getElementById('panel'+panelNum).style.visibility = 'visible';
	currentPanel = panelNum;
	setState(panelNum);
}
function hidePanel(){
	//hide visible panel, unhilight tab, add bottom border
	//document.getElementById('panel'+currentPanel).style.visibility = 'hidden';
	document.getElementById('tab'+currentPanel).style.backgroundColor = '#f1f1d4';
	document.getElementById('tab'+currentPanel).style.color = '#000000';
	document.getElementById('tab'+currentPanel).style.borderBottomColor = '#d0d99f';
}
function setState(tabNum){
	if(tabNum==currentPanel){
		document.getElementById('tab'+tabNum).style.backgroundColor = '#ffffff';
		document.getElementById('tab'+tabNum).style.color = '#800000';
		document.getElementById('tab'+tabNum).style.borderBottomColor = '#ffffff';
	}else{
		document.getElementById('tab'+tabNum).style.backgroundColor = '#f1f1d4';
		document.getElementById('tab'+tabNum).style.color = '#000000';
		document.getElementById('tab'+tabNum).style.borderBottomColor = '#d0d99f';
	}
}
function hover(tab){
	tab.style.backgroundColor = 'ffffff';
	tab.style.color = '#800000';
	tab.style.borderBottomColor = '#ffffff';
}