var http_request = false;

function portfolio(id) {
	var url = "/portfolio/ajax.php?id=" + id;

	// make the requests
	if (window.XMLHttpRequest) {
		http_request = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		http_request = new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	http_request.onreadystatechange = listener;
	http_request.open('GET', "ajax.php?id=" + id, true);
	http_request.send(null);

	document.getElementById('title').innerHTML = "Loading...";	
	document.getElementById('picurl').href = "#";
	document.getElementById('pic').style.padding = "15px 30px 15px 30px";
	document.getElementById('pic').src = "loading.gif";
	document.getElementById('pic').alt = "Loading...";		
	document.getElementById('tech').innerHTML = "<b>Technologies</b> ";
	document.getElementById('purpose').innerHTML = "<b>Purpose</b> ";
	document.getElementById('texturl').href = "#";
	document.getElementById('texturl').title = "Loading...";
	document.getElementById('texturl').innerHTML = "";
}

function listener() {
	if (http_request.readyState == 4) {
		if (http_request.status == 200) {
			// split our results
			var results = http_request.responseText;//alert(results);
			var parts = results.split(";;");
			
			var title = parts[0];
			var tech = parts[1];
			var purpose = parts[2];
			var url = parts[3];
			var site = parts[4];
			
			document.getElementById('pic').style.padding = "0";
			document.getElementById('title').innerHTML = title;	
			document.getElementById('picurl').href = url;
			document.getElementById('pic').src = "/wide/" + site + ".jpg";
			document.getElementById('pic').alt = title;		
			document.getElementById('tech').innerHTML = "<b>Technologies</b> " + tech;
			document.getElementById('purpose').innerHTML = "<b>Purpose</b> " + purpose;
			document.getElementById('texturl').href = "http://" + url;
			document.getElementById('texturl').title = title;
			document.getElementById('texturl').innerHTML = "<b>URL:</b> <a href='" + url + "'>" + url + "</a>";
		} else {
			alert('There was a problem while updating the portfolio, please try again.');
		}
	}
}