// 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=\"536\" height=\"177\" 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($) {
  				$(topPanel).fadeOut(2000, function() {
    				// Animation complete.
					setTopPanelDisplay(false);
					// build next panel
					buildPanel("A");
  				});
		} else {
			setTopPanelDisplay(false);
			buildPanel("A");
		}
		activePanel = "B";
	} else {
		setTopPanelDisplay(true);
		if($) {
  				$(topPanel).fadeOut(0);
  				$(topPanel).fadeIn(2000, function() {
    				// build next panel
					buildPanel("B");
  				});
		} else {
			buildPanel("B");
		}
		activePanel = "A";
	}
}

function setTopPanelDisplay(getMode) {
	if(getMode) topPanel.style.display = "block";
	else topPanel.style.display = "none";
}