//FUNÇÕES PARA MANIPULAR OS LAYERS DE ATRAÇÃO

function ocultar(num) { document.getElementById("atracao"+num+"").style.visibility="hidden"; }
function exibir(num) { document.getElementById("atracao"+num+"").style.visibility="visible"; }

function acomp(num,event){
camada="atracao" + num;
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
var esquerda = event.x + scrollLeft ;
var abaixo = event.y + scrollTop;
document.all[camada].style.left = esquerda;
document.all[camada].style.top = abaixo;
}

function pegaobj(oEl) {
var oEl = document.getElementById( oEl );
var rect = oEl.getBoundingClientRect();
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;
var targetLeft = rect.left + scrollLeft;
var targetTop = rect.top + scrollTop;
var targetWidth = rect.right - rect.left;
var targetHeight = rect.bottom - rect.top;
return Array(targetLeft, targetTop, targetWidth, targetHeight);
}

function exibirp(num,esq,dir){
camada="div" + num;
if(document.all){
esquerda=event.x+10-esq;
abaixo=(event.y+document.body.scrollTop)+10-dir;
document.all[camada].style.visibility='visible';
document.all[camada].style.display='block';
document.all[camada].style.left=esquerda;
document.all[camada].style.top=abaixo;
}else{
document.layers[camada].visibility='show';
document.layers[camada].left=event.x;
document.layers[camada].top=event.y;
}
}

function mudaposition(obj,rel) {
var arr = pegaobj(rel);
var x = arr[0];
var y = arr[1];
var width = arr[2];
var height = arr[3];
var objeto_n = document.getElementById("atracao"+obj+"");
objeto_n.style.left = x + width + 'px';
objeto_n.style.top = y + height + 'px';
exibir(obj);
}