/*****************************************************************************/
/*                             (c) 2009 SERONLAB                             */
/*                            JAVASCRIPT GALERIA                             */
/*****************************************************************************/

var galeria_variables = {
	desplazamiento: 0,
	transicion: 0,
	codigo_galeria: 0,
	num_img_total: 0,
	num_img_act: 0,
	num_img_pag: 0,
	num_pag_total: 0,
	num_pag_act: 0,
	temporizador: null
};

function galeria_inicializar(desplazamiento, transicion, codigo_galeria, num_img, num_img_pag) {
	galeria_variables.desplazamiento 		= desplazamiento;
	galeria_variables.transicion 			= transicion;
	galeria_variables.codigo_galeria 		= codigo_galeria;
	galeria_variables.num_img_total 		= num_img;
	galeria_variables.num_img_act 			= 1;
	galeria_variables.num_img_pag 			= num_img_pag;
	galeria_variables.num_pag_total 		= galeria_calc_num_pag(num_img, num_img_pag);
	galeria_variables.num_pag_act 			= 1;
}

function galeria_onload() {
	galeria_controles_mostrar();
	galeria_controles_play();
}

function galeria_calc_num_pag(num_img, num_img_pag) {
	num_img_pag = typeof num_img_pag == 'undefined' ? galeria_variables.num_img_pag : num_img_pag;
	var resto = num_img % num_img_pag;
	return (num_img - resto) / num_img_pag + (resto > 0 ? 1 : 0);
}

function galeria_desp_pag(num_pag) {
	galeria_variables.num_pag_act = num_pag;
	$('galeria_miniaturas').scrollTop = (num_pag - 1) * galeria_variables.desplazamiento;
}

function galeria_desp_izq() {
	if (galeria_variables.num_pag_act > 1) {
		if (galeria_variables.temporizador != null) galeria_controles_pausa();
		galeria_desp_pag(--galeria_variables.num_pag_act);
	}
}

function galeria_desp_der() {
	if (galeria_variables.num_pag_act < galeria_variables.num_pag_total) {
		if (galeria_variables.temporizador != null) galeria_controles_pausa();
		galeria_desp_pag(++galeria_variables.num_pag_act);
	}
}

function galeria_mostrar(id) {
	if (id < 1) id = galeria_variables.num_img_total;
	if (id > galeria_variables.num_img_total) id = 1;
	galeria_variables.num_img_act = id;
	galeria_desp_pag(galeria_calc_num_pag(id));
	id = id < 10 ? '0'+id : id;
	$('galeria_visor').update('<img src="/galerias/'+galeria_variables.codigo_galeria+'/normal/img'+id+'.jpg" style="margin: 0; padding: 5px;">');
}

function galeria_controles_mostrar() {
	var offsetVisor = $('galeria_visor').cumulativeOffset();
	var posicionTop = offsetVisor.top + 15;
	var posicionLeft = offsetVisor.left;
	$('galeria_controles').show();
	$('galeria_controles').setStyle({ top: posicionTop+'px', left: posicionLeft+'px' });
}

function galeria_controles_anterior() {
	if (galeria_variables.temporizador != null) galeria_controles_pausa();
	galeria_variables.num_img_act--;
	if (galeria_variables.num_img_act < 1) galeria_variables.num_img_act = galeria_variables.num_img_total;
	galeria_mostrar(galeria_variables.num_img_act);
}

function galeria_controles_siguiente() {
	if (galeria_variables.temporizador != null) galeria_controles_pausa();
	galeria_variables.num_img_act++;
	if (galeria_variables.num_img_act > galeria_variables.num_img_total) galeria_variables.num_img_act = 1;
	galeria_mostrar(galeria_variables.num_img_act);
}

function galeria_controles_play(img) {
	img = typeof img == 'undefined' ? galeria_variables.num_img_act : img;
	if (img > galeria_variables.num_img_total) img = 1;
	galeria_mostrar(img);
	galeria_variables.temporizador = setTimeout('galeria_controles_play('+(img+1)+')', galeria_variables.transicion * 1000);
	galeria_controles_cambio_boton('pausa');
}

function galeria_controles_pausa() {
	clearTimeout(galeria_variables.temporizador);
	galeria_variables.temporizador = null;
	galeria_controles_cambio_boton('play');
}

function galeria_controles_cambio_boton(accion) {
	var objeto = $('galeria_controles_boton_principal');
	if (accion == 'play') {
		objeto.update('<img src="/img/visualizador/boton_play_2.png" border="0" style="cursor: pointer;" onmouseover="javascript:this.src=\'/img/visualizador/boton_play_1.png\';" onmouseout="javascript:this.src=\'/img/visualizador/boton_play_2.png\';" onclick="javascript:galeria_controles_play();">');
	} else if (accion == 'pausa') {
		objeto.update('<img src="/img/visualizador/boton_pausa_2.png" border="0" style="cursor: pointer;" onmouseover="javascript:this.src=\'/img/visualizador/boton_pausa_1.png\';" onmouseout="javascript:this.src=\'/img/visualizador/boton_pausa_2.png\';" onclick="javascript:galeria_controles_pausa();">');
	}
}