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

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

function acomp(num,event){
camada="div" + 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 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("div"+obj+"");
objeto_n.style.left = x + width + 'px';
objeto_n.style.top = y + height + 'px';
exibir(obj);
}