// JavaScript Document

function createIndex()
{
	var employees = xmlDoc.getElementsByTagName("EMPLOYEE");
	var employeesLength = employees.length;
	var principalsLength = 2;
	var i;
	
	// Principals
	var principalsList = "<ul class='employees'>";
	for (i=0; i<principalsLength; i++) {
		principalsList += "<li>";
		
		// Headshots
		principalsList += "<img src='content/images/";
		principalsList += xmlDoc.getElementsByTagName("IMAGE")[i].firstChild.data;
		principalsList += "' alt='Headshot' class='left' />";

		principalsList += "<p class='name'>" + xmlDoc.getElementsByTagName("NAME")[i].firstChild.data + "</p>";
		principalsList += "<p class='title'>" + xmlDoc.getElementsByTagName("TITLE")[i].firstChild.data + "</p>";
		principalsList += "<p class='bio'>" + xmlDoc.getElementsByTagName("DESCRIPTION")[i].firstChild.data;
		
		// CV PDFs
		principalsList += "<br/><a href='content/pdfs/"+xmlDoc.getElementsByTagName("CV")[i].firstChild.data+"' ";
		principalsList += "title='"+xmlDoc.getElementsByTagName("NAME")[i].firstChild.data+"' ";
		principalsList += "class='pdf' target='_blank'>Download CV</a>";

		principalsList += "</p>";
		principalsList += "</li>";
	}
	principalsList += "</ul>";
	
	// Project Staff
	var employeesList = "<ul class='employees'>";
	for (i=2; i<employeesLength; i++) {
		employeesList += "<li>";
		employeesList += "<p class='name'>" + xmlDoc.getElementsByTagName("NAME")[i].firstChild.data + "</p>";
		employeesList += "<p class='title'>" + xmlDoc.getElementsByTagName("TITLE")[i].firstChild.data + "</p>";
		employeesList += "<p class='bio'>" + xmlDoc.getElementsByTagName("DESCRIPTION")[i].firstChild.data + "</p>";
		employeesList += "</li>";
	}
	employeesList += "</ul>";
	
	// Find the Principals and Staff Divs
	var principalsDiv = document.getElementById("principals");
	var staffDiv = document.getElementById("staff");
	if (principalsDiv && staffDiv) {
		principalsDiv.innerHTML = principalsList;
		staffDiv.innerHTML = employeesList;
	}
}

function teamlist() {
	var whichXML = "team.xml";
	importXML(whichXML);
	createIndex();
}

window.onload = teamlist;