// JavaScript Document

var departments, people;
var speech, speech_bubble;
function initTooltips()
{
	departments = css.getElementsByClass(document, "people", "UL");
	people = new Array();

	speech_bubble = document.getElementById("speech_bubble");
	speech = speech_bubble.getElementsByTagName("P")[0];

	for (var i=0; i<departments.length; i++)
	{
		var lis = departments[i].getElementsByTagName("LI");
		for (var j=0; j<lis.length; j++)
		{
			people[people.length] = lis[j];
		}
	}

	for (var i=0; i<people.length; i++)
	{
		people[i].onmouseover = function() {
			showTooltip(this);
		}
		people[i].onmouseout = function() {
			hideTooltip(this);
		}
	}
}
addOnLoad(initTooltips);

function showTooltip(li)
{
	img = li.getElementsByTagName("IMG")[0];
	li.insertBefore(speech_bubble, img);

	if (img.title != "")
	{
		class_name = li.parentNode.id.replace("_", "w_");
		speech_bubble.className = class_name;

		speech.innerHTML = img.title/*.replace("  ", "<br />")*/;
	}
}

function hideTooltip(li)
{
	img = li.getElementsByTagName("IMG")[0];
	var p = speech_bubble.getElementsByTagName("P")[0];
	img.title = p.innerHTML;
	p.innerHTML = "";

	speech_bubble.className = "hidden";
}