var xml = null;
var xmlHttp=null;
var loadItem = true;

function loadXml(file)
{
	if (file == '')
		return;
	xmlHttp=null
	// code for Mozilla, etc.
	if (window.XMLHttpRequest)
	{
		xmlHttp=new XMLHttpRequest()
	}
	// code for IE
	else if (window.ActiveXObject)
	{
		xmlHttp=new ActiveXObject("Microsoft.XMLHTTP")
	}
	if (xmlHttp!=null)
	{
		xmlHttp.onreadystatechange=state_Change
		xmlHttp.open("GET",file,true)
		xmlHttp.send(null)
	}
	else
	{
		alert("Your browser does not support XMLHTTP.")
	}

}

function state_Change()
{
	// if xmlhttp shows "loaded"
	if (xmlHttp.readyState==4)
	{
		// if "OK"
		if (xmlHttp.status==200)
		{
			//	code for IE
			if (window.ActiveXObject)
			{
				var doc=new ActiveXObject("Microsoft.XMLDOM");
				doc.async="false";
				doc.loadXML(xmlHttp.responseText);
				xml = doc;
			}
			//	code for Mozilla, Firefox, Opera, etc.
			else
			{
				var parser = new DOMParser();
				xml = parser.parseFromString(xmlHttp.responseText,"text/xml");
			}
			xmlHttp.abort();
			if (loadItem)
			{
				loadItem = false;
				showImage(0, true);
			}
		}
		else
		{
			alert("Problem retrieving XML data")
		}
	}
}


function showImage(id, showFirst)
{  
	var photos = xml.getElementsByTagName("photo");
	var title = null;
	var description = null;
	var image = null;
	
		
	for(var i = 0; i < photos.length; i++)
	{
		if (showFirst)
		{
			showFirst = false;
			if (photos[i].getElementsByTagName("id")[0].childNodes[0] != null)
				id = photos[i].getElementsByTagName("id")[0].childNodes[0].nodeValue;
		}
		if (photos[i].getElementsByTagName("id")[0].childNodes[0].nodeValue == id)
		{
			if (photos[i].getElementsByTagName("img")[0].childNodes[0] != null)
			{
				if (photos[i].getElementsByTagName("img")[0].childNodes[0].data != null)
				{
					image = photos[i].getElementsByTagName("img")[0].childNodes[0].data;
				}
				else
				{
					image = photos[i].getElementsByTagName("img")[0].childNodes[0].nodeValue;
				}
			}
			if (photos[i].getElementsByTagName("title")[0].childNodes[0] != null)
			{
				if (photos[i].getElementsByTagName("title")[0].childNodes[0].data != null)
				{
					title = photos[i].getElementsByTagName("title")[0].childNodes[0].data;
				}
				else
				{
					title = photos[i].getElementsByTagName("title")[0].childNodes[0].nodeValue;
				}
			}
			if (photos[i].getElementsByTagName("description")[0].childNodes[0] != null)
			{
				if (photos[i].getElementsByTagName("description")[0].childNodes[0].nextSibling != null)
				{
					description = photos[i].getElementsByTagName("description")[0].childNodes[0].nextSibling.nodeValue;
				}
				else
				{
					description = photos[i].getElementsByTagName("description")[0].childNodes[0].data;
				}
			}
		}
	}
	
	
	if (image != null)
	{
		var imgPreloader = new Image();
		imgPreloader.onload = function()
		{
			var imageWidth = imgPreloader.width;
			var imageHeight = imgPreloader.height;

			var lbImage = document.getElementById('fullImage')
			lbImage.src = image;
			lbImage.width = imageWidth;
			lbImage.height = imageHeight;
			if (title != null)
			{
			  lbImage.alt = title;
			}
			lbImage.style.display = 'block';
		}
		imgPreloader.src = image;
	}

	if (document.getElementById("title") != null && (title != null && title != ""))
	{
		document.getElementById("title").innerHTML = title;
	}	
  
	if (document.getElementById("description") && (description != null && description != ""))
	{
		document.getElementById("description").innerHTML =description;
	}
}