var testElement = null;
var baseZindex = 100;

function slidePanel(elementID, elementCounter, navDirection)
	{
	var panelCount = document.getElementById("panelSet").getElementsByTagName("div").length;
	var idNum = elementCounter;
	var elementName = elementID + elementCounter;
	var elementObject = document.getElementById(elementID+elementCounter);

	if(elementObject.up == null || elementObject.down)
		{
		testElement = document.getElementById(elementID+elementCounter);
		navDirection = (navDirection == "next")?"moveToBottom":"moveToTop";
		animate(elementName, 735, 0, 0, 260, 735, navDirection);
		elementObject.up = true;
		elementObject.down = false;
		}
	}

function moveToBottom()
	{
	var panelCount = document.getElementById("panelSet").getElementsByTagName("div").length;
	var lowestIndex = baseZindex;
	var currentPanel = parseInt(testElement.id.substr(panelName.length));		// ID number of current panel

	// Find the lowest z-index
	for(var i = 1; i < panelCount; i++)
		{
		if (document.getElementById("panel"+i).style.zIndex < lowestIndex)
			lowestIndex = document.getElementById("panel"+i).style.zIndex;
		}

	// Reorder panels using z-index
	var zCounter = 0;
	for (i = currentPanel+1; i < panelCount; i++)
		{
		document.getElementById("panel"+i).style.zIndex = baseZindex-zCounter;
		zCounter++;
		}
	for (i = 1; i <= currentPanel; i++)
		{
		document.getElementById("panel"+i).style.zIndex = baseZindex-zCounter;
		zCounter++;
		}

	// Move element into bottom position
	animate(testElement.id, 0, 0, 735, 260, 270, setClick);
	testElement.down = true;
	testElement.up = false;
	}

function moveToTop()
	{
	var panelCount = document.getElementById("panelSet").getElementsByTagName("div").length;
	var currentPanel = parseInt(testElement.id.substr(panelName.length));		// ID number of current panel
	
	// Reorder panels using z-index
	var zCounter = 0;
	for (i = currentPanel; i < panelCount; i++)
		{
		document.getElementById("panel"+i).style.zIndex = baseZindex-zCounter;
		zCounter++;
		}
	for (i = 1; i <= currentPanel-1; i++)
		{
		document.getElementById("panel"+i).style.zIndex = baseZindex-zCounter;
		zCounter++;
		}

	// Move element into top position
	animate(testElement.id, 0, 0, 735, 260, 735, setClick);
	testElement.down = true;
	testElement.up = false;
	}

function setClick()
	{
	enableClick = true;
	}