function pegadetalhes(id){
	document.getElementById('detalhesLink').innerHTML = document.getElementById('balao'+id).innerHTML;
}

var xyDiv=[-28,-160]

function pegaDiv(id) {
	if (document.getElementById) {
		return document.getElementById("detalhesLink").style
	} else if (document.all) {
		return document.all.detalhesLink.style
	}
}

function truebody() {
	return (!window.opera && document.compatMode && document.compatMode!="BackCompat")?document.documentElement : document.body
}

function escondeDiv() {
	pegaDiv().display="none";
	document.onmousemove=""
}

function followmouse(e,id) {
	var xcoord=xyDiv[0]
	var ycoord=xyDiv[1]

	if (typeof e != "undefined"){
		xcoord+=e.pageX
		ycoord+=e.pageY
	} else if (typeof window.event !="undefined") {
		xcoord+=truebody().scrollLeft+event.clientX
		ycoord+=truebody().scrollTop+event.clientY
	}

	var larguraUtil=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
	var alturaUtil=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)

	if (xcoord < 0) {
		xcoord = 0;
		pegaDiv().top=ycoord+"px"
	} else if (ycoord < 0) {
		ycoord = 0;
		pegaDiv().left=xcoord+"px"
	} else if ((xcoord + 325) > larguraUtil) {
		pegaDiv().left = xcoord+"px"
		pegaDiv().top=ycoord+"px"
	} else {
		pegaDiv().display="block"
		pegaDiv().left=xcoord+"px"
		pegaDiv().top=ycoord+"px"
	}

}

function seguir() {
	var listas = document.getElementById("listaLink").getElementsByTagName("a");
	for (var i=0; i < listas.length; i++) {
		listas[i].onmousemove = followmouse;
		listas[i].onmouseout = escondeDiv;
	}
}

window.onload = function() {
	seguir();
}