// Constants
panelActive = 1;

// Panel Functions

function panelShift(panelNum) {
	if (panelActive > panelTotal) {
		// If all panels are showing then close them first
		var panelCurrent = 1;
		// step through all open panels and close them
		while (panelCurrent != (panelTotal + 1)) {
			document.getElementById('panel' + panelCurrent).style.display = 'none';
			panelCurrent = panelCurrent + 1;
		}
		// adjust show all button
		document.getElementById('panelButton' + panelActive).className = 'panelButton';
	}
	else {
		// Hide currently active panel & adjust button
		document.getElementById('panel' + panelActive).style.display = 'none';
		document.getElementById('panelButton' + panelActive).className = 'panelButton';
	}
	// Reveal specified panel & adjust button
	document.getElementById('panel'+panelNum).style.display = 'block';
	document.getElementById('panelButton' + panelNum).className = 'panelButtonOn';
	panelActive = panelNum;
	document.getElementById('panelButton' + panelNum).blur();
}

function panelShowAll() {
	// Adjust button of currently active panel
	document.getElementById('panelButton' + panelActive).className = 'panelButton';
	// Activate panels
	var panelCurrent = 1;
	while (panelCurrent != (panelTotal + 1)) {
		document.getElementById('panel' + panelCurrent).style.display = 'block';
		panelCurrent=panelCurrent + 1;
	}
	document.getElementById('panelButton' + panelCurrent).className = 'panelButtonOn';
	panelActive = panelCurrent;
	document.getElementById('panelButton' + panelCurrent).blur();
}