/* imagenes.js */
/*
funciones:

1 para cambiar las imágenes en secuencia
toma un array, lo lee, y va haciendo un ciclo
cada que se cambia el source de una imagen, se precarga la siguiente.

2 para tener un timer que vaya cambiando la imagen usando la función 1
*/
/*las variables PATH e IMG_NUMBERse debe iniciar dentro de cada página que use el script*/
/*var path = "/popup_dario/";*/

/*var img_number = 9;*/
/*actual_img = 1;*/
interval = 2000;
detener_slideshow = 0;
fotogrande = path + "grandes/1.jpg";

function initialize() {
slideshowNext();
setTimeout('slideshowTimer()', interval);
}

function slideshowNext() {
if (window.detener_slideshow == 0) {
if(!window.actual_img) {
//En vez de iniciar siempre en la imagen número uno
//iniciamos en alguna imagen al azar
actual_img = Math.floor(Math.random()*(img_number+1));
//actual_img = 1;
//return false;
}

if (actual_img < img_number) {
actual_img++;
}

else if (actual_img >= img_number) {
actual_img = 1;
}

/*Cambiar la fuente de la imagen actual basados en el cálculo anterior*/
document.images.foto.src = path + actual_img + ".jpg";
fotogrande = path + "grandes/" + actual_img + ".jpg";

/*definir el número de la imagen siguiente*/
next_img = actual_img+1;

/*precargar la siguiente imagen para que aparezca inmediatamente*/
eval("var img" + next_img + " = new Image()");
eval("img" + next_img + ".src = '" + path + next_img + ".jpg'");
}
}

/*Función para ser ejecutada cuando se presione "siguiente"*/
function nextImage() {
/*detener el slideshow en caso de que esté funcionando*/
if(window.detener_slideshow == 0) {
switchSlideshow();
}

/*si la el número de imagen es inferior al total de imagenes, aumentar
la variable actual_img, si no, regresar a la primera imagen*/
if (actual_img < img_number) {
actual_img++;
}

else if (actual_img >= img_number) {
actual_img = 1;
}

/*cambiar la fuente de la foto a la siguiente o a la primera, según sea el caso*/
document.images.foto.src = path + actual_img + ".jpg";
fotogrande = path + "grandes/" + actual_img + ".jpg";

/*precargar la siguiente imagen para que aparezca más rápido*/
next_img = actual_img+1;
eval("var img" + next_img + " = new Image()");
eval("img" + next_img + ".src = '" + path + next_img + ".jpg'");
}


/*Función para ser ejecutada cuando se presione "anterior"*/
function previousImage() {
/*detener el slideshow en caso de que esté funcionando*/
if(window.detener_slideshow == 0) {
switchSlideshow();
}

/*si la el número de imagen es inferior al total de imagenes, aumentar
la variable actual_img, si no, regresar a la primera imagen*/
if (actual_img > 1) {
actual_img--;
}

else if (actual_img <= 1) {
actual_img = img_number;
}

/*cambiar la fuente de la foto a la siguiente o a la primera, según sea el caso*/
document.images.foto.src = path + actual_img + ".jpg";
fotogrande = path + "grandes/" + actual_img + ".jpg";
}

function slideshowTimer() {
if(!window.detener_slideshow || window.detener_slideshow == 0) {
setTimeout('slideshowTimer()', interval);
}
slideshowNext();
}

function switchSlideshow() {
if (window.detener_slideshow == 0) {
document.images.control.src = "/imagenes/nav/control_proyectos_play.gif";
window.detener_slideshow = 1;
}

else if (window.detener_slideshow == 1) {
document.images.control.src = "/imagenes/nav/control_proyectos_pausa.gif";
window.detener_slideshow = 0;
slideshowTimer();
}
}

function abrirFoto(imagen) {
/*en el querystring se pasan las siguientes variables a mostrar.php:
img = dirección absoluta para la imagen grande
img_number = total de imágenes en el slideshow
actual_img = número de la imagen actual
path = ruta absoluta a las imágenes grandes
*/
window.open("/phpscripts/slideshow_grande.php?img="+imagen+"&img_number="+img_number+"&actual_img="+actual_img+"&path="+path+"grandes/", 'foto', 'width=800,height=600,status=no');

/*detener el slideshow en caso de que esté funcionando*/
if(window.detener_slideshow == 0) {
switchSlideshow();
}
}


/*<a href="#" onClick="javascript:abrirFoto(fotogrande);" onmouseover="return escape('Haz click en la imagen para verla m&aacute;s grande');">*/