function drawBio(node)
{
	// calculate li nodes
	var li_node_0 = (node * 3);
	var li_node_1 = (node * 3) + 1;
	var li_node_2 = (node * 3) + 2;
	
	// draw the bio
	document.write('			<div id="bio">');
	document.write('				<div id="bioImage">');
	document.write('<img border="0" src="../images/bios/' + xmlDoc.getElementsByTagName("bioImage")[node].childNodes[0].nodeValue + '">');
	document.write('				</div>');
	document.write('				<div id="bioName">');
	document.write(xmlDoc.getElementsByTagName("bioName")[node].childNodes[0].nodeValue);
	document.write('				</div>');
	document.write('				<div id="bioCompany">');
	document.write(xmlDoc.getElementsByTagName("bioCompany")[node].childNodes[0].nodeValue);
	document.write('				</div>');
	document.write('				<div id="bioLocation">');
	document.write(xmlDoc.getElementsByTagName("bioLocation")[node].childNodes[0].nodeValue);
	document.write('				</div>');
	document.write('				<div id="bioText">');
	document.write('					<ul>');
	if ( typeof( xmlDoc.getElementsByTagName("bioTextLi")[li_node_0].childNodes[0] ) != 'undefined' )
	{
		document.write("<li>" + xmlDoc.getElementsByTagName("bioTextLi")[li_node_0].childNodes[0].nodeValue + "</li>");
	}
	if ( typeof( xmlDoc.getElementsByTagName("bioTextLi")[li_node_1].childNodes[0] ) != 'undefined' )
	{
		document.write("<li>" + xmlDoc.getElementsByTagName("bioTextLi")[li_node_1].childNodes[0].nodeValue + "</li>");
	}
	if ( typeof( xmlDoc.getElementsByTagName("bioTextLi")[li_node_2].childNodes[0] ) != 'undefined' )
	{
		document.write("<li>" + xmlDoc.getElementsByTagName("bioTextLi")[li_node_2].childNodes[0].nodeValue + "</li>");
	}
	document.write('					</ul>');
	document.write('				</div>');
	document.write('			</div>');
}

function getBio(node)
{
	// calculate li nodes
	var li_node_0 = (node * 3);
	var li_node_1 = (node * 3) + 1;
	var li_node_2 = (node * 3) + 2;
	
	// return var
	var str_bio = "";
	
	// draw the bio
	str_bio += '			<div id="bio">';
	str_bio += '				<div id="bioImage">';
	str_bio += '<img border="0" src="../images/bios/' + xmlDoc.getElementsByTagName("bioImage")[node].childNodes[0].nodeValue + '">';
	str_bio += '				</div>';
	str_bio += '				<div id="bioName">';
	str_bio += xmlDoc.getElementsByTagName("bioName")[node].childNodes[0].nodeValue;
	str_bio += '				</div>';
	str_bio += '				<div id="bioCompany">';
	str_bio += xmlDoc.getElementsByTagName("bioCompany")[node].childNodes[0].nodeValue;
	str_bio += '				</div>';
	str_bio += '				<div id="bioLocation">';
	str_bio += xmlDoc.getElementsByTagName("bioLocation")[node].childNodes[0].nodeValue;
	str_bio += '				</div>';
	str_bio += '				<div id="bioText">';
	str_bio += '					<ul>';
	if ( xmlDoc.getElementsByTagName("bioTextLi")[li_node_0].childNodes[0].nodeValue != 'null' )
	{
		str_bio += "<li>" + xmlDoc.getElementsByTagName("bioTextLi")[li_node_0].childNodes[0].nodeValue + "</li>";
	}
	if ( xmlDoc.getElementsByTagName("bioTextLi")[li_node_1].childNodes[0].nodeValue != 'null' )
	{
		str_bio += "<li>" + xmlDoc.getElementsByTagName("bioTextLi")[li_node_1].childNodes[0].nodeValue + "</li>";
	}
	if ( xmlDoc.getElementsByTagName("bioTextLi")[li_node_2].childNodes[0].nodeValue != 'null' )
	{
		str_bio += "<li>" + xmlDoc.getElementsByTagName("bioTextLi")[li_node_2].childNodes[0].nodeValue + "</li>";
	}
	str_bio += '					</ul>';
	str_bio += '				</div>';
	str_bio += '			</div>';
	return str_bio;
}

function drawBios(id)
{
	var str_bios = "";
	for (i = 0; i <= 21; i++)
	{
		str_bios += getBio(i);
	}
	document.getElementById(id).innerHTML = str_bios;
}