// JavaScript Document

var currentPanel;

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

function hidePanel() {
	//hide visible panel, unhilite tab
	document.getElementById('panel'+currentPanel).className = 'paneloff';
	document.getElementById('tab'+currentPanel).className = "";
}

function setState(tabNum) {
	if (tabNum==currentPanel) {
		 document.getElementById ('tab'+tabNum).className = "current";
	}
	else {
		 document.getElementById('tab'+tabNum).className = "";
	}
}