// JavaScript Document

	var x,i,k,l;
	
	function setupPhotoGal(dname)
	{
		var xmlDoc = loadXMLDoc(dname)
		x = xmlDoc.getElementsByTagName("photo");
		i=0;
		k=1;
		l=x.length-1;
	}
	
	function loadXMLDoc(dname)
	{
		var xhttp;
		if (window.XMLHttpRequest)
		{
			xhttp=new XMLHttpRequest();
		}
		else
		{
			xhttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
		xhttp.open("GET",dname,false);
		xhttp.send("");
		return xhttp.responseXML;
	} 
	
	function display()
	{
		// Current Image
		var img=x[i].getElementsByTagName("img");
		var src=(img[0].getElementsByTagName("src")[0].childNodes[0].nodeValue);
		var width=(img[0].getElementsByTagName("width")[0].childNodes[0].nodeValue);
		var height=(img[0].getElementsByTagName("height")[0].childNodes[0].nodeValue);
/*		// Next Image
		if(i<x.length-1)
		{
			k = i + 1
		}
		else
		{
			k = 0
		}
		var imgN=x[k].getElementsByTagName("img");
		var srcN=(imgN[0].getElementsByTagName("src")[0].childNodes[0].nodeValue);
		var widthN=(imgN[0].getElementsByTagName("width")[0].childNodes[0].nodeValue)/2;
		var heightN=(imgN[0].getElementsByTagName("height")[0].childNodes[0].nodeValue)/2;
		// Previous Image
		if(i>0)
		{
			l = i - 1
		}
		else
		{
			l = x.length-1
		}
		var imgP=x[l].getElementsByTagName("img");
		var srcP=(imgP[0].getElementsByTagName("src")[0].childNodes[0].nodeValue);
		var widthP=(imgP[0].getElementsByTagName("width")[0].childNodes[0].nodeValue)/2;
		var heightP=(imgP[0].getElementsByTagName("height")[0].childNodes[0].nodeValue)/2;*/
		// Captions
		var Title=(x[i].getElementsByTagName("title"));
		var Subtitle=(x[i].getElementsByTagName("subtitle"));
		/*var txt=	"<table style='width:100%;'>"+
						"<tr>"+
							"<td style='width:20%; text-align:center; vertical-align:top'>" + 
					"<img src='"+srcP+"' width='"+widthP+"' height='"+heightP+"' onclick='previous()'>" +
					"<input type='button' onclick='previous()' value='previous' style='width:100%' />"+
					"</td>"+
					"<td style='width:60%; text-align:center;'>"+
					"<img src='"+src+"' width='"+width+"' height='"+height+"'></br>";*/
		var txt=	"<div style='width:100%;'>"+
							"<input type='button' onclick='previous()' value='previous' style='width:75px;' />"+
							"<input type='button' onclick='next()' value='next' name='next' style='width:75px; float:right;' />"+
					"</div>"+
					"<div style='text-align:center; margin:0 auto;'>"+
						"<img src='"+src+"' width='"+width+"' height='"+height+"'><br />";
		for(j=0;j<Title.length;j++)
		{
			txt = txt + "<strong>"+Title[j].childNodes[0].nodeValue+"</strong><br />";
		}
		for(j=0;j<Subtitle.length;j++)
		{
			txt = txt + "<em>"+Subtitle[j].childNodes[0].nodeValue+"</em><br />";
		}
		//txt = txt + "</td>"+
		txt = txt + "</div>"
		//"<td style='width:20%; text-align:center; vertical-align:top'><img src='"+srcN+"' width='"+widthN+"' height='"+heightN+"' onclick='next()'><input type='button' onclick='next()' value='next' name='next' style='width:100%' /></td></tr></table>"
		document.getElementById("show").innerHTML=txt;
	}
	function next()
	{
		if (i<x.length-1)
		{
			i++;
			display();
		} 
		else
		{
			i = 0;
			display();
		}	
	}
	
	function previous()
	{
		if (i>0)
		{
			i--;
			display();
		} 
		else
		{
			i = x.length-1;
			display();
		}
	}