var j=0;
function makeRequest() {
	if (window.XMLHttpRequest) {
		xhr = new XMLHttpRequest();
	}
	else {
	      if (window.ActiveXObject) {
			try {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e) { }
		}
	}

	if (xhr) {
		xhr.onreadystatechange = showContents;
		xhr.open("GET", "../pictures/filenames/slideshow1.xml", true);
		xhr.send(null);
	}
	else {
		document.getElementById("updateArea").innerHTML = "Sorry, but I couldn't create an XMLHttpRequest";
	}
}

function showContents() {
	if (xhr.readyState == 4) {
		if (xhr.status == 200) {
			preloaddata();
			}
		else {
			var outMsg = "There was a problem with the request " + xhr.status;
		}
	}

}

function preloaddata()
{
outMsg =  xhr.responseXML.getElementsByTagName("imagename");
capt =  xhr.responseXML.getElementsByTagName("caption");
count = outMsg.length;
the_time = 3000;
image = new Array();	
	
	for (i=0; i < count;i++) {
		image[i]= new Image(500,375);
		image[i].src="slideshowimages/slideshow1/"+outMsg[i].firstChild.nodeValue; 
		}
pics = new Array()		
	for (i=0;i < count;i++) {
	pics[i]=image[i].src;
	}

caps = new Array()		
	for (i=0;i < count;i++) {
	caps[i]= capt[i].firstChild.nodeValue;
	}
	

document.getElementById("pic1").src=pics[j];
document.getElementById("piccount").innerHTML = "Picture"+" "+(j+1)+" "+"of"+" "+count;
document.getElementById("caption").innerHTML= caps[j];	
}

function next()
{

	if (j < (count-1)){
	j++
	document.getElementById("pic1").src=pics[j];
	document.getElementById("piccount").innerHTML = "Picture"+" "+(j+1)+" "+"of"+" "+count;
	document.getElementById("caption").innerHTML= caps[j];
	}
}

function previous()
{

	if (j > 0){
	j--
	document.getElementById("pic1").src=pics[j];
	document.getElementById("piccount").innerHTML = "Picture"+" "+(j+1)+" "+"of"+" "+count;
	document.getElementById("caption").innerHTML= caps[j];
	}
}

function slide()
{

	if (j < (count-1)) {
	j++;
	document.getElementById("pic1").src=pics[j];
	document.getElementById("piccount").innerHTML = "Picture"+" "+(j+1)+" "+"of"+" "+count;
	document.getElementById("caption").innerHTML= caps[j];
	document.getElementById("fast").className="active";
	document.getElementById("normal").className="active";
	document.getElementById("slow").className="active";
	document.getElementById("back").className="notactive";
	document.getElementById("next").className="notactive";
		var turnoff = document.getElementsByTagName("a");
			for (i=0;i<turnoff.length;i++){
				if (turnoff[i].className.indexOf("backnext") > -1 || turnoff[i].className.indexOf("nextback") > -1 || turnoff[i].className.indexOf("play") > -1){
					turnoff[i].removeAttribute("href");
					}
			}
	}
	else
	{
	j = 0-1;
	}
timer=setTimeout("slide()", the_time);

}

function stopshow()
{
	if (j > 0)
	{
	clearTimeout(timer)
	document.getElementById("next").className="active";
        document.getElementById("back").className="active";
	document.getElementById("slow").className="notactive";
	document.getElementById("fast").className="notactive";
	document.getElementById("normal").className="notactive";

		var turnon = document.getElementsByTagName("a");
			for (i=0;i<turnon.length;i++){
				if (turnon[i].className.indexOf("backnext") > -1){
					turnon[i].setAttribute("href","javascript:previous();");
					}
				if (turnon[i].className.indexOf("nextback") > -1){
					turnon[i].setAttribute("href","javascript:next();");
					}
				if (turnon[i].className.indexOf("play") > -1){
					turnon[i].setAttribute("href","javascript:slide();");
					}
			}
	}
}

function chang_time(speed)
{
the_time=speed
	switch (speed) {
	case "1000":
	document.getElementById("slow").style.border="0px";
	document.getElementById("normal").style.border="0px";
	document.getElementById("fast").style.border="2px solid #000066";
	break;
	case "3000":
	document.getElementById("slow").style.border="0px";
	document.getElementById("fast").style.border="0px";
	document.getElementById("normal").style.border="2px solid #000066";
	break;
	case "6000":
	document.getElementById("normal").style.border="0px";
	document.getElementById("fast").style.border="0px";
	document.getElementById("slow").style.border="2px solid #000066";
	break;
	}
}