//Show the contact
function createContact(sName, sTitle, sMail, sPhone, sPic)
{
	//destroy previous displayed contact
	destroyContact();
	
	var sDelimiter = "|";
	
	var hElement = document.getElementById("mapPersData");
	
	var hDiv = document.createElement("DIV");
	//hDiv.setAttribute("style", "width:100%;height:100%;background-color:#E6E6E6;border-width:1px;border-style:solid;border-color:#000000;");
	hDiv.setAttribute("id", "mapPersData_div");
	hElement.appendChild(hDiv);
	
	var hTable = document.createElement("table");
//	hTable.setAttribute("style", "width:100%;height:500px;border-width:1px;border-style:solid;border-color:#000000;");	
	hTable.setAttribute("class", "tblMAP");
	hTable.setAttribute("cellspacing", "2");
	hTable.setAttribute("cellpadding", "0");	
	hDiv.appendChild(hTable);

	//First row of table
	var hTr = document.createElement("tr");
	hTable.appendChild(hTr);
	var hTh = document.createElement("th");
	hTh.setAttribute("colspan", "2");
	hTr.appendChild(hTh);
	var hText = document.createTextNode("Kontakt");
	hTh.appendChild(hText);
	
	if(sName.indexOf(sDelimiter) == -1)
	{
		addPerson(hTable, sName, sTitle, sMail, sPhone, sPic);
	}
	else
	{
		while(sName.indexOf(sDelimiter) != -1)	
		{

			addPerson(hTable, sName.substr(0, sName.indexOf(sDelimiter)), sTitle.substr(0, sTitle.indexOf(sDelimiter)), sMail.substr(0, sMail.indexOf(sDelimiter)),  sPhone.substr(0, sPhone.indexOf(sDelimiter)), sPic.substr(0, sPic.indexOf(sDelimiter)));
			sName = sName.slice(sName.indexOf(sDelimiter)+1);
			sTitle = sTitle.slice(sTitle.indexOf(sDelimiter)+1);
			sMail = sMail.slice(sMail.indexOf(sDelimiter)+1);
			sPhone = sPhone.slice(sPhone.indexOf(sDelimiter)+1);			
			sPic = sPic.slice(sPic.indexOf(sDelimiter)+1);		

			if(sName != "")
			{
				hTr = document.createElement("tr");
				hTable.appendChild(hTr);	
				hTd = document.createElement("th");
				hTd.setAttribute("colspan", "2");
				hTd.setAttribute("style", "height: 3px;font-size: 3px;");
				hTr.appendChild(hTd);
				hText = document.createTextNode("\u00a0");
				hTd.appendChild(hText);	
			}
		}
	}
}

function addPerson(hTable, sName, sTitle, sMail, sPhone, sPic)
{
	//2nd
	var hTr = document.createElement("tr");
	hTable.appendChild(hTr);	
	var hTd = document.createElement("td");
	hTd.setAttribute("style", "width: 10px;");
	hTr.appendChild(hTd);
	var hImg = document.createElement("img");
	hImg.setAttribute("src", "./img/map/person/" + sPic);
	hImg.setAttribute("width", "154");
	hImg.setAttribute("height", "205");	
	hTd.appendChild(hImg);
	hTd = document.createElement("td");
	hTd.setAttribute("valign", "top");
	hTr.appendChild(hTd);
	
	
	var hTable = document.createElement("table");
	hTable.setAttribute("class", "tblMAPData");
	hTable.setAttribute("cellspacing", "0");
	hTable.setAttribute("cellpadding", "0");
	hTd.appendChild(hTable);
	
	//NAME
	hTr = document.createElement("tr");
	hTable.appendChild(hTr);	
	var hTh = document.createElement("th");
	hTr.appendChild(hTh);
	var hText = document.createTextNode("Name:");
	hTh.appendChild(hText);		
	hTr = document.createElement("tr");
	hTable.appendChild(hTr);	
	hTd = document.createElement("td");
	hTr.appendChild(hTd);
	hText = document.createTextNode(sName);
	hTd.appendChild(hText);	
	hTr = document.createElement("tr");
	hTable.appendChild(hTr);	
	hTd = document.createElement("td");
	hTr.appendChild(hTd);
	hText = document.createTextNode("\u00a0");
	hTd.appendChild(hText);	
	
	//TITLE
	hTr = document.createElement("tr");
	hTable.appendChild(hTr);	
	hTh = document.createElement("th");
	hTr.appendChild(hTh);
	hText = document.createTextNode("Funktion:");
	hTh.appendChild(hText);		
	hTr = document.createElement("tr");
	hTable.appendChild(hTr);	
	hTd = document.createElement("td");
	hTr.appendChild(hTd);
	hText = document.createTextNode(sTitle);
	hTd.appendChild(hText);	
	hTr = document.createElement("tr");
	hTable.appendChild(hTr);	
	hTd = document.createElement("td");
	hTr.appendChild(hTd);
	hText = document.createTextNode("\u00a0");
	hTd.appendChild(hText);	
	
	//CONTACT
	hTr = document.createElement("tr");
	hTable.appendChild(hTr);	
	hTh = document.createElement("th");
	hTr.appendChild(hTh);	
	hText = document.createTextNode("Kontakt:");
	hTh.appendChild(hText);		
	hTr = document.createElement("tr");
	hTable.appendChild(hTr);	
	hTd = document.createElement("td");
	hTr.appendChild(hTd);
	
	var hLink = document.createElement("a");
	hLink.setAttribute("href", "mailto:" + sMail);
	hTd.appendChild(hLink);

	hText = document.createTextNode(sMail);
	hLink.appendChild(hText);
	
	hTr = document.createElement("tr");
	hTable.appendChild(hTr);	
	hTd = document.createElement("td");
	hTr.appendChild(hTd);
	hText = document.createTextNode("\u00a0");
	hTd.appendChild(hText);		
	


	//PHONE	
	if(sPhone != "")
	{
		hTr = document.createElement("tr");
		hTable.appendChild(hTr);	
		hTh = document.createElement("th");
		hTr.appendChild(hTh);
		hText = document.createTextNode("Telefon:");
		hTh.appendChild(hText);		
		hTr = document.createElement("tr");
		hTable.appendChild(hTr);	
		hTd = document.createElement("td");
		hTr.appendChild(hTd);
		hText = document.createTextNode(sPhone);
		hTd.appendChild(hText);	
		hTr = document.createElement("tr");
		hTable.appendChild(hTr);	
		hTd = document.createElement("td");
		hTr.appendChild(hTd);
		hText = document.createTextNode("\u00a0");
		hTd.appendChild(hText);
	}
}



//Destroys the contact
function destroyContact()
{
	var hElement = document.getElementById("mapPersData_div");
	
	if(hElement)
		document.getElementById("mapPersData").removeChild(hElement);
}