<!--

//********************************************
//**********  xml signature images  **********
//********************************************
	
	// 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) {
		xIndex += 1;
		if(xIndex >= totalImages) xIndex = 0;
		// load new image
		var loader = new ImageLoader(xImages[xIndex]);
		loader.loadEvent = function(url, image) {
			document.getElementById("panelImage" + panelLetter).innerHTML = "";
			document.getElementById("panelImage" + panelLetter).appendChild(image);
			document.getElementById("panelImage" + panelLetter).getElementsByTagName("IMG")[0].alt = xAlts[xIndex];
			panelDelay();
		}
		loader.load();
	}
	
	function panelDelay() {
		// set timeout
		setTimeout("swapImagePanels();",3000);
	}
	
	function swapImagePanels() {
		if(activePanel=="A") {
			if(Spry) {
				Spry.Effect.DoFade(topPanel, {duration: 2000, from: 100, to: 0, toggle: false, finish: function() {setTopPanelDisplay(false);activePanel = "B";buildPanel("A");}});
			} else {
				setTopPanelDisplay(false);
				activePanel = "B";
				buildPanel("A");
			}
		} else {
			setTopPanelDisplay(true);
			if(Spry) {
				Spry.Effect.DoFade(topPanel, {duration: 2000, from: 0, to: 100, toggle: false, finish: function() {activePanel = "A";buildPanel("B");refreshIeContent();}});
			} else {
				activePanel = "A";
				buildPanel("B");
			}
		}
	}
	
	function setTopPanelDisplay(getMode) {
		if(getMode) topPanel.style.display = "block"
		else topPanel.style.display = "none";
	}
	
	function refreshIeContent() {
		// fix for ie cleartype rendering
		if(navigator.appName == 'Microsoft Internet Explorer') topPanel.style.removeAttribute('filter');
	}

// -->