// SLIDESHOW
		// for xml driven images

		var activePanel = "A";
		var totalImages;
		var topPanel;
	
		function setupImagePanel() {
			totalImages = xImages.length;
			topPanel = document.getElementById("panelA");
			// populate panel B
			document.getElementById("panelB").innerHTML = "<p id=\"panelImageB\" class=\"panelImage\"><\/p>";
			buildPanel("B");
		}
		
		function buildPanel(panelLetter) {
				
			writeImageCode = "";
		
			xIndex += 1;
			if(xIndex >= totalImages) xIndex = 0;
			
			// image
			if((xLinks[xIndex].length) > 0) {
				writeImageCode = "<a "
				if((xLinksTargets[xIndex].length) > 0) {
					writeImageCode = writeImageCode + "target=\"_" + xLinksTargets[xIndex] + "\" "
				}
				writeImageCode = writeImageCode + "href=\"" + xLinks[xIndex] + "\">"
			}
			writeImageCode = writeImageCode + "<img src=\"" + xImages[xIndex] + "\" alt=\"" + xAlts[xIndex] + "\" title=\"" + xAlts[xIndex] + "\" width=\"440\" height=\"220\" border=\"0\" onload=\"panelDelay();\" \/>";
			if((xLinks[xIndex].length) > 0) {
				writeImageCode = writeImageCode + "</a>"
			}
			// populate
			document.getElementById("panelImage" + panelLetter).innerHTML = writeImageCode;
		}
		
		function panelDelay() {
			// set timeout
			setTimeout("swapImagePanels();",4000);
		}
		
		function swapImagePanels() {
			if(activePanel=="A") {
				if(Spry) {
					Spry.Effect.DoFade(topPanel, {duration: 1200, from: 100, to: 0, toggle: false, finish: function() {setTopPanelDisplay(false);buildPanel("A");}});
				} else {
					setTopPanelDisplay(false);
					buildPanel("A");
				}
				activePanel = "B";
			} else {
				setTopPanelDisplay(true);
				if(Spry) {
					Spry.Effect.DoFade(topPanel, {duration: 2000, from: 0, to: 100, toggle: false, finish: function() {buildPanel("B");}});
				} else {
					buildPanel("B");
				}
				activePanel = "A";
			}
		}
		
		function setTopPanelDisplay(getMode) {
			if(getMode) topPanel.style.display = "block"
			else topPanel.style.display = "none";
		}