// JavaScript Document

var xmlhttp;
var xmlResponse;
var organization 	= new Array();
var date 			= new Array();
var link 			= new Array();
var description 	= new Array();
var imgFile 		= new Array();

function loadXMLDoc(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;
	parseElements(xmlResponse);
}

function parseElements(xmlResponse) {
    //these array names reflect the tag names of the XML 
    for (i=0; i < xmlResponse.documentElement.getElementsByTagName("project").length; i++) {
      
      organization[i] = xmlResponse.documentElement.getElementsByTagName("project")[i].getElementsByTagName("organization")[0].firstChild.nodeValue;
      
      date[i] = xmlResponse.documentElement.getElementsByTagName("project")[i].getElementsByTagName("date")[0].firstChild.nodeValue;
      
      link[i] = xmlResponse.documentElement.getElementsByTagName("project")[i].getElementsByTagName("link")[0].firstChild.nodeValue;
      
      description[i] = xmlResponse.documentElement.getElementsByTagName("project")[i].getElementsByTagName("description")[0].firstChild.nodeValue;
      
      imgFile[i] = xmlResponse.documentElement.getElementsByTagName("project")[i].getElementsByTagName("imgFile")[0].firstChild.nodeValue;
      
     }
    outputProjects();
}		
		
function outputProjects() {
	var portfolioWrapper = document.getElementById("portfolioWrapper");
	
	for (i=0; i < organization.length; i++) {
		portfolioWrapper.innerHTML += "<h3 class='thumbsHeader'>" + organization[i] + "</h3>";
		portfolioWrapper.innerHTML += '<img src="../portfolioImages/' + imgFile[i] + '" class="portfolioImg" />';
		portfolioWrapper.innerHTML += '<div class="floatR" id="projectInfo" ><p><strong>Organization: </strong>' + organization[i] + '</p><p><strong>Date: </strong>' + date[i] + '</p><p><strong>Link: </strong><a href="http://' + link[i] + '">' + link[i] + '</a></p></div>';
		portfolioWrapper.innerHTML += '<div class="clear" id="projectDescript" ><p><strong>Description: </strong>' + description[i] + '</p></div>';
	}	
}