/*Comentando el archivo para qeu se pueda entender lo que hace*/

var selectorGaleria = '#domo_bodas .galeria li img';
var selectorPuntos = '#domo_bodas .puntos_galeria';
var playing;
var idDetalle;

function ponerClickEnImagenes(){
	$('.activa').live('click', function(){
		siguiente();
		return(false);
	});
}
function automatico(){
	clearInterval(playing);
	playing = setInterval(siguiente, 8000);
}

function siguiente(){
		var siguiente = $('#domo_'+$('body').data('activo')+' .activa').index() + 1;
		//console.log('siguiente:'+siguiente);
		if (siguiente>=$(selectorGaleria+'').size()){
			siguiente = 0;
		}
		pasarAOtra(siguiente);
}

function pasarAOtra(numero){
	//Sólo valen números de cero a items-1:
	if ( numero >=0 && numero<$(selectorGaleria).size()){
		//Si no está, cargamos la siguiente de la siguiente TODO
		//ponemos a la imagen actual un zindex de 100
		var imagenActual = $('.activa img');
		//si la imagen actual es la misma que pasamos, no hacemos nada:
		if ($(selectorGaleria).eq(numero).parent().hasClass('activa')){
			//console.log('Ya está activa');
		}else{
			//console.log("activando "+numero)
			//quitamos a los puntos el activo:
			$(selectorPuntos+' a').removeClass('activo');
			//Le ponemos a la imagen actual zindex de 100
			imagenActual.parent().css('zIndex', '100')
			//Preparamos la siguiente.
			var imagenSiguiente;
			imagenSiguiente = $(selectorGaleria).eq(numero);
			calcularDimensionesImagen(imagenSiguiente);
			//Le ponemos un z-index de 50 y la mostramos
			imagenSiguiente.parent().css('zIndex', '50');
			imagenSiguiente.show();
			//Hacemos un fade de la actual
			//le quitamos a la actual la clase activa
			imagenActual.parent().removeClass('activa');
			//y se la ponemos a la nueva
			imagenSiguiente.parent().addClass('activa');
			imagenActual.fadeOut('slow', function (){
				$(this).parent().css('zIndex', '10')
			});
			//activamos el nuevo punto
			$(selectorPuntos+' a').eq(numero).addClass('activo');
			//pasamos la actual para atrás
		}
	}
}

function getNextImage(index){
	var totalImagenes = $(selectorGaleria).size();
	if (index<totalImagenes){
		return $(selectorGaleria).eq(index+1);
	}else{
		return $(selectorGaleria).eq(1);
	}
}

function crearPuntos(){
	$(selectorPuntos).html('');
	$(selectorGaleria).each(function(index) {
		$(selectorPuntos).append('<a href="#"><img src="/i/punto.png" /></a>');
	});
};

function clickPunto(){
	$('.puntos_galeria a').live('click', function(){
		clearInterval(playing);
		setTimeout(automatico, 30000
		);
		pasarAOtra($(this).index());
		return(false);
	});
}
function calcularDimensionesImagen(imagen){

	var altoImagen   = imagen.height();
	var anchoImagen  = imagen.width();
	var altoVentana  = $(window).height();
	var anchoVentana = $(window).width();
	var ratioImagen  = anchoImagen/altoImagen;
	var ratioVentana = anchoVentana/altoVentana;
	if (ratioImagen >= ratioVentana){
		//La imagen es más ancha que la ventana. Hay que ponerle un 100% de alto y alinearla al centro horizontalmente
		imagen.css('height', '100%');
		imagen.css('width', 'auto');
		imagen.css('margin-left', (anchoVentana - imagen.width())/2);
		imagen.css('margin-top', 0);
	}else{
		//La imagen es más alta que la ventana. Hay que ponerle un 100% de ancho y alinearla al centro verticalmente
		imagen.css('width', '100%');
		imagen.css('height', 'auto');
		imagen.css('margin-top', (altoVentana - imagen.height())/2);
	}
}