<!-- Transición de imágenes de Catálogo

//Variables que vamos a utilizar
var fotos = new Array();
var fotos_slide = new Array();
var referencia = new Array();
var precarga = new Array();
var enlace = new Array();
var enlace_slide = new Array();
var numero = 0;
var numero_slide = 0;
var n_imagen = "Fotograf&iacute;as.";
var n_imagen_slide = "Fotograf&iacute;as.";
var foto = "imagenes/titulos/catalogo/catalogo.png";
var agranda = 0;
var IE = navigator.appName == "Microsoft Internet Explorer" ? true : false;
var opacidad = IE ? 100 : 1;
var opacidad_slide = IE ? 100 : 1;
var Opera = navigator.userAgent.indexOf('Opera');
var texto = new String("");
var texto_slide = new String("");
var display = new Array(new Array('banos','estudios','murales_formato','fuentes','letreros','murales_decorativos'), new Array('11','34','9','11','11','18'));
var contador = 0;
var contador_2 = 0;
var alto = "";
var alto_slide = "";
var comienzo_slide;
var slide_comenzado = false;

//Metemos todas las imágenes y enlaces para el slideshow de la derecha
function Slide_Show(dir, tamano)
{
	for (i = 0; i < tamano; i++)
	{
		//Introducimos las imágenes en el array
		fotos_slide[contador_2]= "imagenes/" + directorio + dir + "/" + (contador + 1) + ".jpg";
		//Introducimos las imágenes para el PopUp
		enlace_slide[contador_2]= "imagenes/trabajos/" + dir + "/" + (contador + 1) + ".jpg";
		//Texto para Slimbox
		texto_slide = texto_slide + '["imagenes/trabajos/' + dir + '/' + (contador + 1) + '.jpg", ""], ';
		contador++;
		contador_2++;
	}
	contador = 0;
	document.getElementById("imagen_slide_texto").innerHTML = "Fotograf&iacute;a n&uacute;mero " + (numero_slide + 1) + " de " + fotos_slide.length + ".";
}

//Precarga de las imágenes
for (i = 0; i < fotos_slide.length; i++)
{
	precarga[i] = new Image()
	precarga[i].src = fotos_slide[i]
}

//Slide Show automático.
function Slideshow()
{
	if (numero_slide < fotos_slide.length - 1)
	{
		numero_slide++;
		n_imagen_slide = "Fotograf&iacute;a n&uacute;mero " + (numero_slide + 1) + " de " + fotos_slide.length + ".";
		document.getElementById("imagen_slide_texto").innerHTML = n_imagen_slide;
		document.getElementById("Slider").src = fotos_slide[numero_slide];
		$('Slider').effects({
		duration: 500,
		transition: Fx.Transitions.Quad.easeInOut,
		oncomplete: function() {
			$('Slider').effects({
			duration: 500,
			transition: Fx.Transitions.Quad.easeInOut
			}).start({
				'opacity': [1,0.5]
			});	
		}
		}).start({
			'opacity': [0.5,1]
		});
	}
	else
	{
		numero_slide = 0;	
	}
}

//Puesta en marcha
function Comenzar_Slide()
{
	if (slide_comenzado == false)
	{
		comienzo_slide = setInterval("Slideshow()",5000);
		slide_comenzado = true;
	}
}

//Parar Slide
function Parar_Slide()
{
	setTimeout("clearInterval(" + comienzo_slide + ")");
	slide_comenzado = false;
}
	
// Agranda imagen.
function Agranda_slide()
{
	if(numero_slide > 0)
	{
		$('Imagen_Slide').setProperty('href', enlace_slide[numero_slide - 1]);
		eval("Slimbox.open([" + texto_slide + "], " + (numero_slide - 1) + ")");
	}
}

//Inicializamos las imágenes y enlaces
function Catalogo(dir, tamano)
{
	n_imagen = "Fotograf&iacute;a n&uacute;mero 1 de " + tamano + ".";
	
	for (i = 0; i < tamano; i++)
	{
		//Introducimos las imágenes en el array
		fotos[i]= "imagenes/" + directorio + dir + "/" + (i + 1) + ".jpg";
		//Introducimos las imágenes para el PopUp
		enlace[i]= "imagenes/trabajos/" + dir + "/" + (i + 1) + ".jpg";
		//Texto para Slimbox
		texto = texto + '["imagenes/trabajos/' + dir + '/' + (i + 1) + '.jpg", ""], ';
	}
	texto = texto.substring(0, (texto.length - 2));
	
	// Precarga las imagenes.	
	for (i = 0; i < tamano; i++)
	{
		precarga[i] = new Image();
		precarga[i].src = fotos[i];
	}

	//Ocultamos el botón anterior
	document.getElementById("anterior").style.visibility = "hidden";
	//Metemos el texto del pie de foto
	Numero_Foto();
}

// Carga el efecto.
function Efecto()
{
	altura = document.getElementById("catalogo").style.height;
	altura = altura.substring(0, (altura.length - 2));
	alto = (altura - (document.images.visor.height + 10)) / 2;
	document.getElementById("imagen_centro").style.top =  alto + "px";
	$('visor').effects({
	duration: 500,
	transition: Fx.Transitions.Quad.easeInOut,
	oncomplete: function() {
		$('visor').effects({
		duration: 500,
		transition: Fx.Transitions.Quad.easeInOut
		}).start({
			'opacity': [1,0.5]
		});	
	}
	}).start({
		'opacity': [0.5,1]
	});
}

// Mantiene el número de la foto.
function Numero_Foto()
{
	n_imagen = "Fotograf&iacute;a n&uacute;mero " + (numero + 1) + " de " + fotos.length + ".";
	document.getElementById("imagen").innerHTML = n_imagen;
}

// Vuelve al anterior.
function Anterior()
{
	if (numero > 0)
	{
		numero--;
		if (numero == 0) 
		{
			document.getElementById("anterior").style.visibility = "hidden";
		}
		document.getElementById("siguiente").style.visibility = "visible";
		document.images.visor.src = fotos[numero];
		Efecto();
		Numero_Foto();
	}
}

// Va al siguiente.
function Siguiente()
{
	if (numero < fotos.length - 1)
	{
		numero++;
		document.getElementById("anterior").style.visibility = "visible";
		if (numero == fotos.length - 1) 
		{
			document.getElementById("siguiente").style.visibility = "hidden";
		}
 		document.images.visor.src = fotos[numero];
		Efecto();
		Numero_Foto();
	}
}

// Agranda imagen.
function Agranda()
{
	$('Imagen_Visor').setProperty('href', enlace[numero]);
	eval("Slimbox.open([" + texto + "], " + numero + ")");
}

//-->