// JavaScript Document
var xmlDoc;

function loadTutorProfileXML()
{
	if (window.XMLHttpRequest)
	  {// code for IE7+, Firefox, Chrome, Opera, Safari
	  xmlhttp=new XMLHttpRequest();
	  }
	else
	  {// code for IE6, IE5
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	  }
	xmlhttp.open("GET","includes/tutor-profiles.xml",false);
	xmlhttp.send();
	xmlDoc=xmlhttp.responseXML;
}

function printprofiles()
{
	var tutordirectory=xmlDoc.getElementsByTagName("tutor");
	
	var html = "<table class='directory'><tr><th colspan='2'><h2>Profiles of Great Tutors</h2></th></tr>";
	for (i=1;i<tutordirectory.length;i++) //do not include sample record
		if(xmlDoc.getElementsByTagName("status")[i].childNodes[0].nodeValue == "active")
		{
		var lastname = xmlDoc.getElementsByTagName("lastname")[i].childNodes[0].nodeValue;
		var firstname = xmlDoc.getElementsByTagName("firstname")[i].childNodes[0].nodeValue;
		var namestring = firstname + " " + lastname;
		
		var imagepath = "images/team_pics2011";
		if(xmlDoc.getElementsByTagName("mugshot")[i].hasChildNodes()==true)
		{
			if((lastname.charAt(0) == 'I')||(lastname.charAt(0) == 'J')||(lastname.charAt(0) == 'K')||(lastname.charAt(0) == 'L')||(lastname.charAt(0) == 'M')||(lastname.charAt(0) == 'N')||(lastname.charAt(0) == 'O')||(lastname.charAt(0) == 'P')||(lastname.charAt(0) == 'Q')||(lastname.charAt(0) == 'R'))
				imagepath += "jr";
			else if((lastname.charAt(0) == 'S')||(lastname.charAt(0) == 'T')||(lastname.charAt(0) == 'U')||(lastname.charAt(0) == 'V')||(lastname.charAt(0) == 'W')||(lastname.charAt(0) == 'X')||(lastname.charAt(0) == 'Y')||(lastname.charAt(0) == 'Z'))
				imagepath += "sz";
			else imagepath += "ai";				
			
			imagepath += "/" + xmlDoc.getElementsByTagName("mugshot")[i].childNodes[0].nodeValue; 
		}
		else
			imagepath += "ai/NoPhotoAvailable.jpg";
			
		var imagetag = "<img width='150' src=\"" + imagepath + "\" alt='" + namestring + "' />";
		
		
		html = html + "<tr><td class='mug' valign='top' align='center' width='200'><p>";
		html = html + imagetag + "</p>";
		html = html + "<blockquote style='text-align:left;width:150px;'><i>\"" + xmlDoc.getElementsByTagName("whytutor")[i].childNodes[0].nodeValue +"\"</i><br/>";
		html = html + "<span style='text-align:center;'>-" + namestring + "</span></blockquote></td>"; 
		html = html + "<td align='left' valign='top' width='310'><h3>" + namestring + "</h3><p><span class='profileheading'>Experience &amp; Background</span><br/>";
		html = html + xmlDoc.getElementsByTagName("expbg")[i].childNodes[0].nodeValue +"</p>";
		html = html + "<p><span class='profileheading'>Disciplines Tutored</span><br/>";
		html = html + xmlDoc.getElementsByTagName("disciplines")[i].childNodes[0].nodeValue +"</p>";
		html = html + "<p><span class='profileheading'>Interests</span><br/>";
		html = html + xmlDoc.getElementsByTagName("interests")[i].childNodes[0].nodeValue +"</p>";
		html = html + "<p><span class='profileheading'>Commendable Qualities</span><br/>";
		html = html + xmlDoc.getElementsByTagName("qualities")[i].childNodes[0].nodeValue +"</p></td></tr>";
		if(i<tutordirectory.length-1)
			html = html + "<tr><td colspan='2'><hr/></td></tr>";	
		}
	html = html + "</table>";
	
	var profilesdiv = document.getElementById("profiles");
	profilesdiv.innerHTML = html;

}


function randomProfile(div_id)
{
	var tutordirectory=xmlDoc.getElementsByTagName("tutor");
	var i = 0;
	while((xmlDoc.getElementsByTagName("status")[i].childNodes[0].nodeValue=="inactive")||(xmlDoc.getElementsByTagName("status")[i].childNodes[0].nodeValue=="active/inactive"))
	{	
		i = Math.floor(Math.random()*(tutordirectory.length-1));
	}
	var html = "<table width='200' align='center' valign='top' padding='0'>";

	var lastname = xmlDoc.getElementsByTagName("lastname")[i].childNodes[0].nodeValue;
	var firstname = xmlDoc.getElementsByTagName("firstname")[i].childNodes[0].nodeValue;
	var namestring = firstname + " " + lastname;

	var imagepath, imagetag;
	if(xmlDoc.getElementsByTagName("mugshot")[i].hasChildNodes()==true)
	{
		imagepath = "images/team_pics2011";
		
		if((lastname.charAt(0) == 'I')||(lastname.charAt(0) == 'J')||(lastname.charAt(0) == 'K')||(lastname.charAt(0) == 'L')||(lastname.charAt(0) == 'M')||(lastname.charAt(0) == 'N')||(lastname.charAt(0) == 'O')||(lastname.charAt(0) == 'P')||(lastname.charAt(0) == 'Q')||(lastname.charAt(0) == 'R'))
			imagepath += "jr";
		else if((lastname.charAt(0) == 'S')||(lastname.charAt(0) == 'T')||(lastname.charAt(0) == 'U')||(lastname.charAt(0) == 'V')||(lastname.charAt(0) == 'W')||(lastname.charAt(0) == 'X')||(lastname.charAt(0) == 'Y')||(lastname.charAt(0) == 'Z'))
			imagepath += "sz";
		else 
			imagepath += "ai";				
		
		imagepath += "/" + xmlDoc.getElementsByTagName("mugshot")[i].childNodes[0].nodeValue; 
		imagetag = "<img width='70' style='float:left;padding-left:0px; padding-top:3px; padding-right:5px;padding-bottom:5px;width:70px;' src=\"" + imagepath + "\" alt='" + namestring + "' />";
	}
	
	html +="<tr><td class='mug' valign='top' align='center' width='200'><h3 style='font-style:italic;'>" + namestring + "</h3><hr/><p style='margin:0px;'>";
	if(xmlDoc.getElementsByTagName("mugshot")[i].hasChildNodes()==true)
		html += imagetag;
	html += "<i>\"" + xmlDoc.getElementsByTagName("whytutor")[i].childNodes[0].nodeValue +"\"</i></p></td></tr>"; 
	html += "<tr><td align='left' valign='top' width='200'><p><span class='profileheading' style='text-decoration:underline;font-size:12px;font-weight:bold;'>Experience &amp; Background</span><br/>";
	html += "<span style='font-size:11px;'>" + xmlDoc.getElementsByTagName("expbg")[i].childNodes[0].nodeValue +"</span></p>";
	html = html + "<p><span class='profileheading' style='text-decoration:underline;font-size:12px;font-weight:bold;'>Disciplines Tutored</span><br/>";
	html += "<span style='font-size:11px;'>" + xmlDoc.getElementsByTagName("disciplines")[i].childNodes[0].nodeValue +"</span></p>";
	html += "<p><span class='profileheading' style='text-decoration:underline;font-size:12px;font-weight:bold;'>Interests</span><br/>";
	html += "<span style='font-size:11px;'>" + xmlDoc.getElementsByTagName("interests")[i].childNodes[0].nodeValue +"</span></p>";
	html += "<p><span class='profileheading' style='text-decoration:underline;font-size:12px;font-weight:bold;'>Commendable Qualities</span><br/>";
	html += "<span style='font-size:11px;'>" + xmlDoc.getElementsByTagName("qualities")[i].childNodes[0].nodeValue +"</span></p></td></tr>";
	html = html + "</table>";
	
	var profilediv = document.getElementById(div_id);
	profilediv.innerHTML = html;
}
