﻿var tipoAnim = 1;
var retardo = 3000;
var velAnimImagenes = "slow";
var velAnimControles = "fast";
var mostrarAntSig = true;
var mostrarNumeros = true;

var numImagenes;
var anchoImagen;
var altoImagen;
var movAuto = true;
var pos = 1;
var timeOut;

function anima(i) {
	return function() {
		var esClick = false;
		var posAnterior = pos;
		
		switch(i) {
			case "auto":
				pos++;
				break;
			case "ant":
				pos--;
				esClick = true;
				break;
			case "sig":
				pos++;
				esClick = true;
				break;
			default:
				pos = i;
				esClick = true;
				break;
		}
		if(pos < 1)
			pos = numImagenes;
		if(pos > numImagenes)
			pos = 1;
		
		if(esClick)
			clearTimeout(timeOut);
		
		if(tipoAnim == 1) {
			for(n=1; n<=numImagenes; n++) {
				$("#gal_foto"+n).css("z-index", "0");
			}
			$("#gal_foto"+pos).fadeTo(0, "0.0");
			$("#gal_foto"+pos).css("z-index","9");
			$("#gal_foto"+posAnterior).css("z-index","8");
			$("#gal_foto"+pos).animate({ opacity: 1.0 }, {queue:false, duration:velAnimImagenes}, velAnimImagenes);
		}
		else {
			if(tipoAnim == 2) {
				$("ul#gal_contenidos").animate({ marginLeft: (-(pos-1)*anchoImagen) }, {queue:false, duration:velAnimImagenes}, velAnimImagenes);
			}
		}
		
		$("#gal_nav ul li a").css("background-color", "");
		$("#gal_nav ul li a").css("color", "#000000");
		$("#gal_nav ul li:eq("+(pos-1)+") a").css("background-color", "#ff0000");
		$("#gal_nav ul li:eq("+(pos-1)+") a").css("color", "#ffffff");
		
		if(movAuto)
			timeOut = setTimeout("anima("+(pos == numImagenes ? 1 : pos+1)+")()", retardo);
		
	};
};

/*
	anchoImagen: ancho de las imagenes
	altoImagen: alto de las imagenes
	movAuto: true/false activa movimiento automático
	tipoAnim: 1=transparencia 2=despl. lateral
	retardo: segundos entre imagenes
	velAnimImagenes: milsegundos para animación de imágenes
	velAnimControles: milsegundos para animación de controles
	mostrarAntSig: true/false mostrar botones anterior/siguiente
	mostrarNumeros: true/false mostrar botones de navegación
*/
function iniciaGaleria(an, al, ma, ta, re, velai, velac, mas, mn) {

	if(typeof(an) != "undefined") anchoImagen = an;
	if(typeof(al) != "undefined") altoImagen = al;
	if(typeof(ma) != "undefined") movAuto = ma;
	if(typeof(ta) != "undefined") tipoAnim = ta;
	if(typeof(re) != "undefined") retardo = re;
	if(typeof(velai) != "undefined") velAnimImagenes = velai;
	if(typeof(velac) != "undefined") velAnimControles = velac;
	if(typeof(mn) != "undefined") mostrarAntSig = mas;
	if(typeof(mn) != "undefined") mostrarNumeros = mn;

	$("#gal_wrap").css("width", anchoImagen);
	$("#gal_wrap").css("height", altoImagen);
	
	/* Calculamos las posiciones de los controles */
	var posxAnt = 10;
	var posyAnt = (altoImagen/2)-15;
	var posxSig = anchoImagen-25;
	var posySig = (altoImagen/2)-15;
	var posxNav = 10;
	var posyNav = altoImagen-25;
	
	numImagenes = $("#gal_contenidos li").size();
	
	if(mostrarAntSig) {
		$("#gal_wrap").append("<span id=\"gal_ant\"><a href=\"javascript:void(0);\">Anterior</a></span>");
		$("#gal_wrap").append("<span id=\"gal_sig\"><a href=\"javascript:void(0);\">Siguiente</a></span>");
		$("#gal_ant").click(anima("ant"));
		$("#gal_sig").click(anima("sig"));
		$("#gal_ant").hide();
		$("#gal_sig").hide();
		
		$("#gal_wrap").mouseenter(function() {
			$("#gal_ant").show().fadeTo(0, "0.0").fadeTo(velAnimControles, "0.6");
			$("#gal_sig").show().fadeTo(0, "0.0").fadeTo(velAnimControles, "0.6");
		});
		$("#gal_wrap").mouseleave(function() {
			$("#gal_ant").fadeTo(velAnimControles, "0.0");
			$("#gal_sig").fadeTo(velAnimControles, "0.0");
		});
		
		$("#gal_ant").css("left", posxAnt);
		$("#gal_ant").css("top", posyAnt);
		$("#gal_sig").css("left", posxSig);
		$("#gal_sig").css("top", posySig);
	}
	
	if(mostrarNumeros) {
		$("#gal_wrap").append("<div id=\"gal_nav\"><ul></ul></div>");
		$("#gal_nav").hide();
		$("#gal_wrap").mouseenter(function() {
			$("#gal_nav").show().fadeTo(0, "0.0").fadeTo(velAnimControles, "0.6");
		});
		$("#gal_wrap").mouseleave(function() {
			$("#gal_nav").fadeTo(velAnimControles, "0.0");
		});
		for(n=1; n<=numImagenes; n++) {
			$("#gal_nav ul").append("<li id=\"gal_mini_a"+n+"\"><a href=\"javascript:void(0);\">"+n+"</a></li>");
			$("#gal_mini_a"+n).click(anima(n));
		}
		
		$("#gal_nav").css("left", posxNav);
		$("#gal_nav").css("top", posyNav);
	}
	
	if(tipoAnim == 1) {
		$("#gal_contenidos li").css("position","absolute");
		$("#gal_contenidos li").css("left","0px");
		$("#gal_contenidos li").css("top","0px");
		for(n=1, z=numImagenes+1; n<=numImagenes; n++, z--) {
			$("#gal_foto"+n).css("z-index", ""+z);
		}
	}
	
	$("#gal_nav ul li a").css("background-color", "");
	$("#gal_nav ul li a").css("color", "#000000");
	$("#gal_nav ul li:eq(0) a").css("background-color", "#ff0000");
	$("#gal_nav ul li:eq(0) a").css("color", "#ffffff");
	
	if(movAuto) {
		timeOut = setTimeout("anima(\"auto\")()", retardo);
	}
}
