function loadXML()
{
var timestamp = new Date();
var uri = "/xml/homepage.xml";
var uniqueURI = uri + (uri.indexOf("?") > 0 ? "&" : "?")+ "timestamp="+ timestamp.getTime();
	try
	{
		if (window.ActiveXObject)
		{
			var errorHappendHere = "Check Browser and security settings";
			xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
			xmlDoc.async=false;
			xmlDoc.onreadystatechange=verify;
			xmlDoc.load(uniqueURI);//alert("first");
			getImages();
		}
		else if(window.XMLHttpRequest)
		{
			var errorHappendHere = "Error handling XMLHttpRequest request";
			var d = new XMLHttpRequest();
			d.open("GET", uniqueURI, false);
			d.send(null);
			xmlDoc=d.responseXML;
			//alert("second");
			getImages();
			
		} else {
			var errorHappendHere = "Error.";
			xmlDoc = document.implementation.createDocument("","",null);
			xmlDoc.onreadystatechange=verify;
			xmlDoc.async=false;
			xmlDoc.load(uniqueURI);//alert("third");
			xmlDoc.onload=getImages();
		}
	}	
	catch(e)
	{
		alert(errorHappendHere);
	}
}
function verify()
{
  // 0 Object is not initialized
  // 1 Loading object is loading data
  // 2 Loaded object has loaded data
  // 3 Data from object can be worked with
  // 4 Object completely initialized
  if (xmlDoc.readyState != 4)
  {
    return false;
  }
}

var getImages = function getImages()
{
	// Make left and right buttons visible if javascript is on
	var xmlImages=xmlDoc.getElementsByTagName("node")[0].getElementsByTagName("image");
	var thumbCounter=xmlImages.length; // find out how many images there are
	var thumbMaker; // assign all img sourcecode to this variable and use it in innerHTML.
	var lgImgMaker; // assign all Large Image sourcecode to this variable and use it in innerHTML.
	var divWidth, divHeight; // decide how tall and wide to make the div holding the thumbnails
	var thumbSrc, imageAlt, service;
	var newHtml // variable to hold all new html
	// grab unique values from xml		
	var randomNumber = (Math.floor(Math.random()*thumbCounter));
	
	// loop through arrays of unique values
		//************* Delete when done *******************
		/*<h4><span>spotlight: </span>brand marketing</h4>
		<img src="/images/interior2/rightColumn/spotlights/brandMarketing.jpg" alt="Brand Marketing Spotlight" />
		<p><span>Client: </span>University of Pennsylvania</p>
		<p><span>Media: </span>Environmental</p>
		<p class="indent">Aliquat incinci eugait eugait lute feu feu feugait la core magna faci blaortie tet, quating erostrud euis aci erillam consequat lorperil</p>
		*/
		//************* Delete when done *******************
		newHtml = "<h4><span>spotlight: </span>" + xmlDoc.getElementsByTagName("image")[randomNumber].getElementsByTagName("service")[0].childNodes[0].nodeValue
					+ "</h4>"
					+ "<img src=\'" 
					+ xmlDoc.getElementsByTagName("image")[randomNumber].getElementsByTagName("largeImage")[0].childNodes[0].nodeValue 
					+ "' alt='" 
					+ xmlDoc.getElementsByTagName("image")[randomNumber].getElementsByTagName("altText")[0].childNodes[0].nodeValue  
					+ "' />" 
					+ "<p><span>Client: </span>" 
					+ xmlDoc.getElementsByTagName("image")[randomNumber].getElementsByTagName("clientName")[0].childNodes[0].nodeValue
					+ "</p>"
					+ "<p><span>Media: </span>" 
					+ xmlDoc.getElementsByTagName("image")[randomNumber].getElementsByTagName("media")[0].childNodes[0].nodeValue 
					+ "</p>"
					+ "<p class=\"indent\">" 
					+ xmlDoc.getElementsByTagName("image")[randomNumber].getElementsByTagName("description")[0].childNodes[0].nodeValue 
					+ "</p>";
	
	// add the large images to the page
	document.getElementById('rightColContent2').innerHTML = newHtml;
}
loadXML();