// JavaScript Document

var xmlhttp;
var xmlResponse;

function loadXML(url) {
	xmlhttp = null;
	if (window.XMLHttpRequest) {
		// IE7,Firefox, Mozilla, etc.
		xmlhttp = new XMLHttpRequest();
	}
	else if (window.ActiveXObject){
		//code for IE5, IE6
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	}
	if (xmlhttp != null) {
		xmlhttp.onreadystatechange = onResponse;
		xmlhttp.open("GET", url, true);
		xmlhttp.send(null);
	} else {
		alert("Your browser does not support XMLHTTP.");
	}
}

function onResponse() {
	if (xmlhttp.readyState != 4) {
		return;
	}
	if (xmlhttp.status != 200) {
		alert("Problem retrieving XML data");
		return;
	}
	
	xmlResponse = xmlhttp.responseXML;
	parseXML(xmlResponse);
}

function parseXML(xmlResponse){
	var images = new Array();
	//Arrays
	for (i=0; i < xmlResponse.getElementsByTagName("img").length; i++) {
		images[i] = new Array();
		images[i]['portfolio'] = xmlResponse.getElementsByTagName("portfolio")[i].firstChild.nodeValue;
		images[i]['caption'] = xmlResponse.getElementsByTagName("caption")[i].firstChild.nodeValue;
		images[i]['link'] = xmlResponse.getElementsByTagName("link")[i].firstChild.nodeValue;
		
	}
	
	display(images);
	
}

function display(images){
	//write to the thumbs div
	var portfolio1 = document.getElementById("portfolio1");
	for (i=0; i < images.length; i++){
		portfolio1.innerHTML +=  '<div id="portfolio">' + '<img src="/portfolio/advertising/print/' + images[i]['portfolio'] + '.jpg" />' + '<p id="caption">' + images[i]['caption'] + '</p>' + '<p id="link"> <a href ="' + images[i]['link'] + '">' + 'View Details' +  '</a>' + '</p>' + '</div>'; 
	}
	
}