var panelTop = 120;
var panelLeft = 140;

var domSPanel = null;
var oldDomSPanel = null;

var panelArray = new Array();
var homePanel = 0;

function showContent(panelNum){
	if (isDHTML) {

///// Sets the previous panel's visibility to hidden
		if (oldDomSPanel) {
			
//			if oldDomSPanel == panelNum
		
			oldDomSPanel.visibility = 'hidden'; 
			oldDomSPanel.zIndex = '0';
		}

///// Defines the DOMs	of the panel objects
		var idPanel = 'content';
		var domPanel = findDOM(idPanel,0);

		var idPanelOpt = 'content' + panelNum;
		var domPanelOpt = findDOM(idPanelOpt,0);		

		var idSPanel = 'content' + panelNum;
		var domSPanel = findDOM(idSPanel,1);

///// Positions and shows the panel
		if (oldDomSPanel != domSPanel) {	
			domSPanel.left = panelLeft; 
			domSPanel.top = panelTop;
			domSPanel.visibility = 'visible';
			domSPanel.zIndex = '50';
			oldDomSPanel = domSPanel;
		}

///// Resets oldDom if it is the same as the current DOM
		else { 
		
			oldDomSPanel = null;
			showContent(panelNum);
			panelArray.pop();
			panelArray.pop();
		
		}
		
		panelArray.push(panelNum);
		window.status = panelArray.length + " " + panelArray[panelArray.length - 1];
		changeBackground(panelNum);
				
	}

////// Returns a 'null' value for non-DHTML Browsers 
	else { return null; }
}

function goBack(){

		panelArray.pop();
		var tempPanelNum = panelArray[panelArray.length - 1];
		panelArray.pop();
		showContent(tempPanelNum);

}

function goHome(){

		showContent(homePanel);
		changeBackground(0);

}