var slideshowInterface = '<div id="jsSlideshowOuter">\
	<IMG ID="slideshowImage" NAME="slideshowImage" style="height:420px;"></IMG>\
	<div id="slideshowContent"></div>\
	<div id="nextNav">\
		<div id="navButton" onclick="showNextSlide();"><img src="/dysgwyr/resources/images/nextButton.png" id="nextButton"/></div>\
	</div>\
	<div id="prevNav">\
		<div id="navButton" onclick="showPrevSlide();"><img src="/dysgwyr/resources/images/prevButton.png" id="prevButton"/></div>\
	</div>\
	<div id="slideshowContentDropdown">&nbsp;</div>\
</div>';

	var imageSrcArray = new Array();
	var imageTextArray = new Array();
	var imageItemArray = new Array();
	var imageItemTitleArray = new Array();
	
	var stageCounter = -1;


function showTopDownBox(eventNumber){
	var ssDropdown = document.getElementById("slideshowContentDropdown");
	ssDropdown.style.display="block";
	ssDropdown.innerHTML = '<b>' + imageItemTitleArray[eventNumber] + '</b><br/><br/>' + imageItemArray[eventNumber] + '<br/><br/><a style="color:white;cursor:pointer;position:relative;left:300px;" onclick="hideTopDownBox()"><b>Cau</b></a><br/>';
}

function hideTopDownBox(){
	var ssDropdown = document.getElementById("slideshowContentDropdown");
	ssDropdown.style.display="none";
}

function showNextSlide(){
	var ssDropdown = document.getElementById("slideshowContentDropdown");
	ssDropdown.style.display="none";
        stageCounter = stageCounter+1;
        var ssImage = document.getElementById("slideshowImage");
        var ssContent = document.getElementById("slideshowContent");
        ssImage.src=imageSrcArray[stageCounter];
	var contentString = imageTextArray[stageCounter];
	var indexOfLink = contentString.indexOf('<a href="event');
	if(indexOfLink>=0){
		var indexOfEndLink = contentString.indexOf('"', indexOfLink+9);
		contentString = contentString.substring(0, indexOfLink+3) + 'onclick=showTopDownBox(' + contentString.substring(indexOfEndLink-1, indexOfEndLink) + ')' + contentString.substring(indexOfEndLink+1);		
	}
	contentString = contentString.replace('<a', '<a style="color:white;text-decoration:underline;cursor:pointer;"');
	ssContent.innerHTML = contentString;
	var nextDiv = document.getElementById("nextNav");
	var nextButton = document.getElementById("nextButton");
	var prevButton = document.getElementById("prevButton");
	if(stageCounter==(imageSrcArray.length-1))
	{		
		nextDiv.style.width="0px";
		nextButton.style.display="none";
	}else{
		nextDiv.style.width="33px";
		nextButton.style.display="block";
	}

	var prevDiv = document.getElementById("prevNav");
	if(stageCounter==0){
		
		prevDiv.style.width="0px";
		prevButton.style.display="none";
	}else{
		prevDiv.style.width="33px";
		prevButton.style.display="block";
	}
}

function showPrevSlide(){
	var ssDropdown = document.getElementById("slideshowContentDropdown");
	ssDropdown.style.display="none";
        stageCounter = stageCounter-1;
        var ssImage = document.getElementById("slideshowImage");
        var ssContent = document.getElementById("slideshowContent");
        ssImage.src=imageSrcArray[stageCounter];
	var contentString = imageTextArray[stageCounter];
	var indexOfLink = contentString.indexOf('<a href="event');
	if(indexOfLink>=0){
		var indexOfEndLink = contentString.indexOf('"', indexOfLink+9);
		contentString = contentString.substring(0, indexOfLink+3) + 'onclick=showTopDownBox(' + contentString.substring(indexOfEndLink-1, indexOfEndLink) + ')' + contentString.substring(indexOfEndLink+1);		
	}
	contentString = contentString.replace('<a', '<a style="color:white;text-decoration:underline;cursor:pointer;"');
	ssContent.innerHTML = contentString;
	var nextDiv = document.getElementById("nextNav");
	var nextButton = document.getElementById("nextButton");
	var prevButton = document.getElementById("prevButton");
	if(stageCounter==(imageSrcArray.length-1))
	{		
		nextDiv.style.width="0px";
		nextButton.style.display="none";
	}else{
		nextDiv.style.width="33px";
		nextButton.style.display="block";
	}

	var prevDiv = document.getElementById("prevNav");
	if(stageCounter==0){
		
		prevDiv.style.width="0px";
		prevButton.style.display="none";
	}else{
		prevDiv.style.width="33px";
		prevButton.style.display="block";
	}

}





function startSlideshow(tokenString) {

	if (!jQuery('#jsSlideshowOuter').length) {
		return;
	}


	
	if (window.ActiveXObject) 
	{
	
	        var req = new ActiveXObject("Msxml2.XMLHTTP");
	        req.open('GET', "../../../modiwl/" + tokenString + ".xml", false);
	        req.send(null);
	
	        var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
	        xmlDoc.async=false;
	        xmlDoc.preserveWhiteSpace=true;
	        try{
	                var responseString = req.responseText;
	                
	                responseString = responseString.replace('<?xml version="1.0" encoding="UTF-8"?>', '');
	                responseString = responseString.substring(1);
	                var index1 = responseString.indexOf('<end_content>');
	                var index2 = responseString.indexOf('</end_content>') + 15;
	                responseString = responseString.substring(0, index1) + responseString.substring(index2);
	                  xmlDoc.loadXML(responseString);
	        }catch(e)
	        {alert(e.message)}
	
	        
	        var xmlSrc = xmlDoc.selectNodes("//src");
	        var xmlContent = xmlDoc.selectNodes("//content");
		var xmlItems = xmlDoc.selectNodes("//item");
	        
	        for(var i=0; i<xmlSrc.length; i++){
	                imageSrcArray[i] = xmlSrc[i].text;
	                imageTextArray[i] = xmlContent[i].text;                
	        }
	
		for(var i=0; i<xmlItems.length; i++){
			imageItemArray[i] = xmlItems[i].childNodes[3].text;                
			imageItemTitleArray[i] = xmlItems[i].childNodes[1].text;
	        }
	
	
	} 
	else if (document.implementation && document.implementation.createDocument) 
	{
	
		try{
	        var xmlDoc=document.implementation.createDocument("","",null);
	        xmlDoc.async=false;
	        xmlDoc.preserveWhiteSpace=true;
	        xmlDoc.onload=function (){};xmlDoc.load("../../../modiwl/" + tokenString + ".xml");
	
		}catch(e){
			xmlDoc = new XMLHttpRequest();                        
			xmlDoc.open("GET", "../../../modiwl/" + tokenString + ".xml", false);                        
			xmlDoc.send(); 
			xmlDoc=xmlDoc.responseXML;                       		
		}
	
		var xmlSrc = xmlDoc.getElementsByTagName("src");
	        var xmlContent = xmlDoc.getElementsByTagName("content");
		var xmlItems = xmlDoc.getElementsByTagName("item");
		
		for(var i=0; i<xmlSrc.length; i++){
	                imageSrcArray[i] = xmlSrc[i].textContent;
	                imageTextArray[i] = xmlContent[i].textContent;
	        }
	
		for(var i=0; i<xmlItems.length; i++){
			imageItemArray[i] = xmlItems[i].childNodes[3].textContent;
			imageItemTitleArray[i] = xmlItems[i].childNodes[1].textContent;                
	        }
	
	}
	
	
	
	if (document.implementation && document.implementation.createDocument){
	var ssContent = document.getElementById("slideshowContent");
	ssContent.style.left="43px";
	ssContent.style.top="-104px";
	var nextDiv = document.getElementById("nextNav");
	nextDiv.style.left="704px";
	nextDiv.style.top="-524px";
	var prevDiv = document.getElementById("prevNav");
	prevDiv.style.top="-944px";
	}
	showNextSlide();
}