function getAjax()
{
var xmlHttp=null;
try
  {
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}

function showEmployee(employeeID)
{
	xmlHttp = getAjax();
	if (xmlHttp==null)
	{
		alert('Your browser does not support this feature.');
		return;
	}
	var url = 'include/getemployee.asp?id=' + employeeID;
	xmlHttp.onreadystatechange=showEmployeeInfo;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}

function showEmployeeInfo(empInfo)
{
	if (xmlHttp.readyState == 4)
	{
		var xmlDoc = xmlHttp.responseXML.documentElement;
		
		var containerDiv = document.getElementById('empInfo');
		
		if (containerDiv.firstChild) {
			containerDiv.removeChild(containerDiv.firstChild);
		}
		
		var empDiv = document.createElement('div');
		empDiv.className = 'empDiv';
		
		if (xmlDoc.getElementsByTagName("name")[0].childNodes[0]) {		
			var name=xmlDoc.getElementsByTagName("name")[0].childNodes[0].nodeValue;
			var nameDiv = document.createElement('div');
			nameDiv.className = 'nameDiv';
			nameDiv.appendChild(document.createTextNode(name));
			empDiv.appendChild(nameDiv);		
		}		
		if (xmlDoc.getElementsByTagName("image")[0].childNodes[0]) {
			var image=xmlDoc.getElementsByTagName("image")[0].childNodes[0].nodeValue;
			var empImg = document.createElement('img');
			empImg.src = 'images/' + image;
			empImg.width = '200';
			empImg.height = '200';
			empImg.alt = 'employee';
			empImg.className = 'empImg';
			empDiv.appendChild(empImg);
		}

		if (xmlDoc.getElementsByTagName("title")[0].childNodes[0]) {				
			var title=xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
			var titleDiv = document.createElement('div');
			titleDiv.className = 'infoDiv';
			titleDiv.id = 'titleDiv';
			titleDiv.appendChild(document.createTextNode(title));		
			empDiv.appendChild(titleDiv);
		}
		if (xmlDoc.getElementsByTagName("phone")[0].childNodes[0]) {				
			var phone=xmlDoc.getElementsByTagName("phone")[0].childNodes[0].nodeValue;
			var phoneDiv = document.createElement('div');		
			phoneDiv.className = 'infoDiv';
			phoneDiv.id = 'phoneDiv';
			
			var fPhone = phone.substr(0,3);
			fPhone += '.';
			fPhone += phone.substr(3,3);
			fPhone += '.';
			fPhone += phone.substr(6,4);
			
			phoneDiv.appendChild(document.createTextNode(fPhone));
			empDiv.appendChild(phoneDiv);
		}
		if (xmlDoc.getElementsByTagName("email")[0].childNodes[0]) {								
			var email=xmlDoc.getElementsByTagName("email")[0].childNodes[0].nodeValue;
			var emailDiv = document.createElement('div');		
			var elink = document.createElement('a');
			elink.setAttribute('href','mailto:'+email);
			elink.appendChild(document.createTextNode(email));
			emailDiv.appendChild(elink);
			emailDiv.className = 'infoDiv';
			emailDiv.id = 'emailDiv';
			empDiv.appendChild(emailDiv);
		}
		if (xmlDoc.getElementsByTagName("description")[0].childNodes[0]) {					
			var description=xmlDoc.getElementsByTagName("description")[0].childNodes[0].nodeValue;
			var descriptionDiv = document.createElement('div');
			descriptionDiv.className = 'infoDiv';		
			descriptionDiv.id = 'descriptionDiv';
			descriptionDiv.appendChild(document.createTextNode(description));
			empDiv.appendChild(descriptionDiv);
		}

		
		containerDiv.appendChild(empDiv);
	}
}

getRandomEmployee = function() {
	var r = Math.round(Math.random());
	r = r+1;
	showEmployee(r);
}

window.onload = getRandomEmployee;