function createRequestObject() {
	// find the correct xmlHTTP, works with IE, FF and Opera
	var xmlhttp;
	try {
  	xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
  catch(e) {
    try {
    	xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    catch(e) {
    	xmlhttp=null;
    }
  }
  if(!xmlhttp&&typeof XMLHttpRequest!="undefined") {
  	xmlhttp=new XMLHttpRequest();
  }
	return  xmlhttp;
}


function loadImage(n) {
	var image_title,image_desc, lnk, large_image, i, l,section
	
	//var xmlhttp = (window.ActiveXObject) ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
	var xmlhttp = createRequestObject();
	
	//look at the body id to determine which section of the xml to use
	body_section = document.getElementsByTagName("body");
	s_id = body_section[0].getAttribute("id");
	
	xmlhttp.open('get', "/assets/xml/data.xml",true); 
	xmlhttp.onreadystatechange = function() {
		
		if (xmlhttp.readyState == 4) {
			try {
				//var res=xmlhttp.responseXML.documentElement;
				var res=xmlhttp.responseXML;
				var section;
				
				section = res.getElementsByTagName(s_id)[0];
				
				image = section.getElementsByTagName('i')[n].firstChild.data;			
				full_image = section.getElementsByTagName('l')[n].firstChild.data;
				
				//Image title
				image_title = document.getElementById("title");
				image_title.innerHTML = section.getElementsByTagName('title')[n].firstChild.data;
				
				//Image description
				image_desc = document.getElementById("desc");
				image_desc.innerHTML = "<p>"+section.getElementsByTagName('desc')[n].firstChild.data+"</p>";
				
				//Large Image
				large_image = document.getElementById("large_image");
				large_image.innerHTML = "<a href='"+full_image+"'><img src='"+image+"'></a>";
			}
			catch(e) { 
			}
		}
	}
	xmlhttp.send(null);
}