function importXML()
{
	if (document.implementation && document.implementation.createDocument)
	{
		xmlDoc = document.implementation.createDocument("", "", null);
		xmlDoc.load("speakers.xml");
		xmlDoc.onload = createTable;
	}
	else if (window.ActiveXObject)
	{
		xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.load("speakers.xml");
		xmlDoc.onreadystatechange = function () {
			if (xmlDoc.readyState == 4) createTable()
		};
 	}
	else
	{
		alert('Your browser can\'t handle this script');
		return;
	}
	
}

function createTable()
{
	var x = xmlDoc.getElementsByTagName('speaker');
	var newEl = document.createElement('DIV');
	newEl.setAttribute('id','theSpeakers');
	

	for (i=0;i<x.length;i++)
	{
		var row = document.createElement('DIV');
		row.setAttribute('id','speaker'+i);
		row.className = 'vis';
		
		var nameNode = x[i].getElementsByTagName('name')[0];
		var titleNode = x[i].getElementsByTagName('title')[0];
		var companyNode = x[i].getElementsByTagName('company')[0];
		var photo = x[i].getElementsByTagName('photo')[0].childNodes[0].nodeValue;
		var profileNode = x[i].getElementsByTagName('profile')[0];
		
		var appendto = row;
		
		if (photo != 'null')
		{
			var photoDIV = document.createElement('div');
				photoDIV.className = 'photo';
			var img = document.createElement('img');
				img.setAttribute('src', 'img/'+photo);
			photoDIV.appendChild(img);
			row.appendChild(photoDIV);
			var createColumn = document.createElement('div');
				createColumn.className = 'twoColumn';
			var appendto = createColumn;
		}
	
		createDivElement(nameNode,appendto);
		createDivElement(titleNode,appendto);
		createDivElement(companyNode,appendto);
	
		if (photo != 'null')
		{
			row.appendChild(createColumn);
			var brclear = document.createElement('div')
			brclear.style.clear = 'both';
			row.appendChild(brclear);
		}
		createDivElement(profileNode,row);
			
		newEl.appendChild(row);
		
		if (i-1>=0){
			var prevLink = document.createElement('span');
			var href = document.createElement('a');
			href.setAttribute('href','javascript:displayPrev('+ (i-1) +')');
			var theText = document.createTextNode('Previous');
			href.appendChild(theText);
			prevLink.appendChild(href);
			row.appendChild(prevLink);
		}		
		if (i<x.length-1){
			var nextLink = document.createElement('span');
			var href = document.createElement('a');
			href.setAttribute('href','javascript:displayNext('+ (i+1) +')');
			var theText = document.createTextNode('Next');
			href.appendChild(theText);
			nextLink.appendChild(href);
			row.appendChild(nextLink);
		}
	}
	document.getElementById('closeup').appendChild(newEl);
}
function createDivElement(divName,appendTo)
{
	if (divName){
	var theDIV = document.createElement('div');
		theDIV.className = divName.nodeName;
	var theData = document.createTextNode(divName.childNodes[0].nodeValue);
	theDIV.appendChild(theData);
	appendTo.appendChild(theDIV);
	}
}
function displayNext(nextID)
{
	var currentID = nextID-1;
	var divToShow = document.getElementById('speaker'+nextID);
	var divToHide = document.getElementById('speaker'+currentID);
	divToShow.className ='show';
	divToHide.className ='hide';
}
function displayPrev(prevID)
{
	var currentID = prevID+1;
	var divToShow = document.getElementById('speaker'+prevID);
	var divToHide = document.getElementById('speaker'+currentID);
	divToShow.className ='show';
	divToHide.className ='hide';
}