
		
		
		var slideCount = 0;
		var currentSlide = 0;
	
		function init(xmlPath, xslPath, targetElementId, delay) {
			//alert("fn init");
			
			var sBaseUrl = ""; 
			var xslStylesheet = sBaseUrl + xslPath; 
			var xmlDatafile = sBaseUrl + xmlPath; 
			var xmlTargetId = document.getElementById(targetElementId);
			
			var xslDoc = Sarissa.getDomDocument();  
			xslDoc.async = false;  
			xslDoc.load(xslStylesheet);  
			
			var xmlDoc = Sarissa.getDomDocument();  
			xmlDoc.async = false;  
			xmlDoc.load(xmlDatafile); 
			
			
			var processor = new XSLTProcessor();  
			processor.importStylesheet(xslDoc);
			
			//var fragment = processor.transformToFragment(xmlDoc,document);
			
			
			
			Sarissa.updateContentFromURI(xmlDatafile, xmlTargetId, processor, null, true); 
			
			setTimeout("startShow(" + delay + ")",delay);
			
		
			
		
			
			

		}	
		
		
		function startShow(delay) {
		
			if (document.getElementById("offers")) {
				currentSlide++;
				showPanel(currentSlide);
				setTimeout("startShow(" + delay + ")", delay)
				
			} else {
				alert("not ready")
			}
		}
		
			
		function showNextPanel(delay) {
			showPanel(currentSlide + 1)
		}
			
		function showPanel(iPanel) {

			var container = document.getElementById("offers");
			
			var debug = document.getElementById("controller");
			//debug.innerHTML += "ShowPanel(" + iPanel + ")" ;
			
			// get desired panel 
			var newPanelIndex
			var newPanel
			
			newPanelIndex = iPanel % container.childNodes.length;
			newPanel = container.childNodes[newPanelIndex];
			
			//debug.innerHTML += ";panelCount=" + container.childNodes.length;
			//debug.innerHTML += ";newPanelIndex= " + newPanelIndex ;
			
			
			// get currently selected panel
			var previousPanelIndex 
			var previousPanel
			
			for (i=0; i < container.childNodes.length; i++) {
				if (container.childNodes[i].style["zIndex"] == 2000) {
					previousPanelIndex = i;
					previousPanel = container.childNodes[i];
				}
			    if (container.childNodes[i].style["display"] == "block") {
					previousPanelIndex = i;
					previousPanel = container.childNodes[i];
				}
			}
			
			if (previousPanel) {
				//debug.innerHTML += ";previousPanelIndex = " + previousPanelIndex ;
				previousPanel.style["zIndex"] = 1999;
			}
			
			newPanel.style["zIndex"] = 2000;
			
			
			if (previousPanel) {
				previousPanel.style["zIndex"] = previousPanelIndex;
				previousPanel.style["display"] = "none";
			}
			
			newPanel.style["display"] = "block";
			
			currentSlide = iPanel;
			
		}
			