:
Ahora falta el trabajo de depuración, en el que estoy dispuesto a ayudarte...
Lo de centrar el popup es muy fácil (pensaba que te lo había hecho...)
Si sabes las dimensiones de la página, la "rutina cñ-asica para el centrado sería:
function zona(n) {
anchoPantalla = screen.width;
altoPantalla = screen.height;
anchoVentana = 525;
altoVentana = 530;
params = "width=" + anchoVentana;
params += ",height=" + altoVentana;
params += ",left=" + (anchoPantalla / 2 - (anchoVentana / 2));
params += ",top=" + (altoPantalla / 2 - (altooVentana / 2));
var destino = "popup.html?zona=" + n;
v = window.open(destino, "ventana" ,
params );
v.focus();
}
(espero no haberme equivocado con la sintaxis)
Hay más cosas para depurar...
Que la precarga sea selectiva (nunca lo hice pero tengo la idea) las flechas (se pueden cambiar por imágenes...)
Poner inactivas las flechas que no valgan...
Bueno, a medida que quieras mejorarlo, avisa.
Saludos