function content(){
	var xmlHttp=GetXmlHttpObject();
	var url = "portfolio_gd.xml";
	xmlHttp.onreadystatechange=function(){
		if(xmlHttp.readyState==4){
			var xmlDoc=createDoc();
			xmlDoc=xmlHttp.responseXML;
			var src = xmlDoc.getElementsByTagName("image")[0].childNodes[0].nodeValue;
			var alt = xmlDoc.getElementsByTagName("desc")[0].childNodes[0].nodeValue;
			var imgnode = document.createElement("img");
			imgnode.src = "images/port_gd/" + src;
			imgnode.alt = alt;
			document.getElementById("col2").appendChild(imgnode);
			var port = xmlDoc.getElementsByTagName("portfolio");
			var a = document.createElement("ul");
			a.className = "port_nav";
			for(z=0;z<port.length;z++){
				var b = "";//<li>
				var c = "";//<a>
				var d = "";//text
				b = document.createElement("li");
				c = document.createElement("a");
				c.id = "item" + z;
				c.href = "#";
				c.onclick = change;
				d = document.createTextNode(z+1);
				c.appendChild(d)
				b.appendChild(c);
				a.appendChild(b);
			}
			var proj = document.getElementById("project");
			document.getElementById("col3").insertBefore(a, proj);
			var clientnode = document.createElement("p");
			var text = "Client: " + xmlDoc.getElementsByTagName("client")[0].childNodes[0].nodeValue;
			var clienttext = document.createTextNode(text);
			clientnode.appendChild(clienttext);
			clientnode.id = "clientname";
			document.getElementById("project").appendChild(clientnode);
			var descnode = document.createElement("p");
			text = "Description: " + xmlDoc.getElementsByTagName("desc")[0].childNodes[0].nodeValue;
			var desctext = document.createTextNode(text);
			descnode.appendChild(desctext);
			descnode.id = "desc";
			document.getElementById("project").appendChild(descnode);
			var q=document.getElementById("col3").getElementsByTagName("a");
			q[0].className="current";
		}
	};		
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}

function change(){
	var i = this.id.slice(4);
	var xmlHttp=GetXmlHttpObject();
	var url = "portfolio_gd.xml";
	xmlHttp.onreadystatechange=function(){
		if(xmlHttp.readyState==4){
			var xmlDoc=createDoc();
			xmlDoc=xmlHttp.responseXML;
			var image = document.getElementById("col2").getElementsByTagName("img");
			image[0].src = "images/port_gd/" + xmlDoc.getElementsByTagName("image")[i].childNodes[0].nodeValue;
			document.getElementById("clientname").childNodes[0].nodeValue = "Client: " + xmlDoc.getElementsByTagName("client")[i].childNodes[0].nodeValue;
			document.getElementById("desc").childNodes[0].nodeValue = "Description: " + xmlDoc.getElementsByTagName("desc")[i].childNodes[0].nodeValue;
			var q=document.getElementById("col3").getElementsByTagName("a");
			for(w=0;w<q.length;w++){
				q[w].className="";
			}
			q[i].className="current";
		}
	};		
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}

function addEvent(elm, evType, fn, useCapture){
	if(elm.addEventListener){
		elm.addEventListener(evType, fn, useCapture);
		return true;
	}else if (elm.attachEvent){
		var r = elm.attachEvent('on' + evType, fn);
		return r;
	}else{elm['on' + evType] = fn;}
}

addEvent(window, 'load', content, false);