// CREA TABLAS Y VARIABLES. NO TOCAR
var capa = new Array()
var desp = new Array()
var retardo
var ocultar
var empezar = false

function windowOnload() {

// COPIAR Y PEGAR ELEMENTOS A LAS TABLAS "capa" Y "desp". 
// HAY QUE TENER CUIDADO DE QUE HAY EL MISMO NUMERO DE CAPAS EN
// EL HTML QUE AQUI, PORQUE SI NO LUEGO DA ERRORES POR TODOS LADOS
// HACERLO DE FORMA CORRELATIVA PARA EVITAR ERRORES

	capa[0] = cbeGetElementById('c0').cbe
	capa[1] = cbeGetElementById('c1').cbe
	capa[2] = cbeGetElementById('c2').cbe
    capa[3] = cbeGetElementById('c3').cbe
	//capa[4] = cbeGetElementById('c4').cbe
	
	desp[0] = cbeGetElementById('ancla0').cbe
	desp[1] = cbeGetElementById('ancla1').cbe
	desp[2] = cbeGetElementById('ancla2').cbe
	desp[3] = cbeGetElementById('ancla3').cbe
	//desp[4] = cbeGetElementById('ancla4').cbe

	for (i=0;i<capa.length;i++){
		capa[i].hide()
// POSICION QUE OCUPA LA CAPA QUE SE DESPLIEGA
// EL PENULTIMO NUMERO INDICA EL DESFASE HORIZONTAL (IZQUIERDA-DERECHA)
// CON RESPECTO DE LA CAPA SOBRE LA QUE SE POSA EL RATÓN
// EL ÚLTIMO NUMERO INDICA EL DESFASE VERTICAL (ARRIBA-ABAJO)
// RELATIVO A LA CAPA SOBRE LA QUE SE POSA EL RATON
 
// AMBOS SE CALCULAN A OJIMETRO		
		capa[i].moveTo(desp[i].pageX()-0, desp[i].pageY()+17)
	}
	empezar = true
}

function muestra_coloca(ind){
 if (empezar){
	for (i=0;i<capa.length;i++)
		if (ind != i) capa[i].hide()
	clearTimeout(retardo)
	if (! capa[ind].visibility()){
		capa[ind].show()
	}
 }
}

function muestra_retarda(ind){
 if (empezar){
	clearTimeout(retardo)
 }
}

function oculta_retarda(ind){
 if (empezar){
	ocultar = capa[ind]
	clearTimeout(retardo)
	retardo = setTimeout("ocultar.hide()",500)
 }
}