var barId   = 'portalbar';
var mapId   = 'portalmap';
var divId   = 'portaldiv';
var divNode = '';

schedule(barId, "init()\;");

function schedule(objectID, functionCall)
{
	if (!document.getElementById) {
		return;
	}

	if (document.getElementById(objectID)) {
		eval(functionCall);
	} else {
		setTimeout("schedule('" + objectID + "', '" + functionCall + "')", 20);
	}

	return true;
}

function init()
{
	if (!document.getElementById) {
		return;
	}

	var mapNode = document.getElementById(mapId);
	for (i = 0; i < mapNode.childNodes.length; i++) {
		mapNode.childNodes[i].onmouseover = showDescription;
		mapNode.childNodes[i].onmouseout  = hideDescription;
	}

	var barNode = document.getElementById(barId);
	divNode = document.createElement('div');
	divNode.name  = divId;
	divNode.id    = divId;
	divNode.className = 'portaldiv';

	var tmpNode;
	tmpNode = document.createElement('div');
	tmpNode.className = 'portalparent';
	tmpNode.style.display = 'none';

	divNode = tmpNode.appendChild(divNode);
	divNode = barNode.appendChild(tmpNode);
}

function showDescription()
{
	var textNode = document.createTextNode(this.title);
	if (divNode.firstChild.childNodes.length > 0) {
		divNode.firstChild.replaceChild(textNode, divNode.firstChild.firstChild);
	}
	divNode.firstChild.appendChild(textNode);
	divNode.style.display = 'block';
}

function hideDescription()
{
	divNode.style.display = 'none';
}