var last_clicked = null;

function selectPotrait(element) {
	element.className="selected";

	if (last_clicked != null && last_clicked != element)
		last_clicked.className="";

	last_clicked = element;

	if (element.alt == "Camilla Waldenberg")
		loadFilePrepended("<hr/>", "portrait_text", "om_camilla.ihtml");
	else if (element.alt == "Line Bergström Melin")
		loadFilePrepended("<hr/>", "portrait_text", "om_line.ihtml");
	else if (element.alt == "Ximena Bene")
		loadFilePrepended("<hr/>", "portrait_text", "om_ximena.ihtml");
}

function outputPortraits() {
		var portraits =
                "<p>Välj och klicka på en medarbetare nedan för att få vidare beskrivning och kontaktinformation:</p>" +
		"<div class=\"expand\"><table class=\"portraits\">" +
		"<tr>" +
			"<td>" +
				"<img src=\"images/camilla.jpg\" width=\"110\" height=\"149\" onclick=\"selectPotrait(this)\"" +
					"alt=\"Camilla Waldenberg\"/>" + 
			"</td>" +
			"<td class=\"padportrait\">" +
				"<img src=\"images/line.jpg\" width=\"110\" height=\"149\" onclick=\"selectPotrait(this)\"" +
					"alt=\"Line Bergström Melin\"/>" + 
			"</td>" +
			"<td class=\"padportrait\">" +
				"<img src=\"images/ximena.jpg\" width=\"110\" height=\"149\" onclick=\"selectPotrait(this)\"" +
					"alt=\"Ximena Bene\"/>" + 
			"</td>" +
		"</tr>" +
		"<tr>" +
			"<td>" +
				"Camilla Waldenberg<br/><b>031-7800 792</b>" +
			"</td>" +
			"<td class=\"padportrait\">" +
				"Line Bergström Melin<br/><b>031-7800 793</b>" +
			"</td>" +
			"<td class=\"padportrait\">" +
				"Ximena Bene<br/><b>031-7800 795</b>" +
			"</td>" +
		"</tr>" +
		"</table>" +
		"<table>" +
			"<tr><td style=\"font-size: small;\" class=\"attop\" id=\"portrait_text\"></td></tr>" +
		"</table></div>";

		document.write(portraits);
}