var lastEstado;


// Determina coordenadas onde o div dos estados deve aparecer.
var divEstadosLeft = 50;
var divEstadosTop = 70;



function onMouseOverCity(idMapa, idCidade)
{
	setStyle(document.getElementById(idCidade + "_name"), "color", "red");
	extAreaOver(idMapa, idCidade);
}
function onMouseOutCity(idMapa, idCidade)
{
	setStyle(document.getElementById(idCidade + "_name"), "color", "black");
	extAreaOut(idMapa, idCidade);
}


function color_area_in()
{
	var idEstado = this.id;
	if (lastEstado)
		setStyle(document.getElementById(lastEstado), 'display', 'none');
	lastEstado = 'cidades_' + idEstado;
	setStyle(document.getElementById(lastEstado), 'left', divEstadosLeft + 'px');
	setStyle(document.getElementById(lastEstado), 'top', divEstadosTop + 'px');
	setStyle(document.getElementById(lastEstado), 'display', 'block');
}


function color_area_out()
{
	if (lastEstado == null)
		alert('if (lastEstado == null)');

	setStyle(document.getElementById(lastEstado), 'display', 'none');
	lastEstado = null;
}