/* <![CDATA[ */
$(document).ready(function(){
 
// Efecto de Miniaturas
 
$("ul.mini li").hover(function() {
	$(this).css({'z-index' : '10'}); // aumentamos el z-index para que quede encima de los demás elementos
	$(this).find('img').addClass("hover").stop()
		.animate({
			marginTop: '-100px', marginLeft: '-70px', // centramos los thumbnail verticalmente
			top: '50%', left: '10%', // Posicionamos a la mitad
			width: '850px', height: '120px',  padding: '2px' // EL tamaño del thumbnail
		}, 400);// Tiempo que demora en hacer el efecto
		
	// Regresando a su posición inicial
	} , function() {
	$(this).css({'z-index' : '0'});// regresamos el z-index a cero
	$(this).find('img').removeClass("hover").stop()
		.animate({
			marginTop: '0', marginLeft: '0',// Posición incial
			top: '0', left: '0', 
			width: '834px', height: '119px', padding: '5px' // Tamaño inicial de la miniatura
		}, 400);// Tiempo que demora en hacer el efecto
});
 
// Al hacer click en las miniaturas cargar las Imagenes Grandes 
	$("ul.mini li a").click(function() {
		
		var mainImage = $(this).attr("href"); //Buscamos el nombre de la imagen
		$("#imgrande img").attr({ src: mainImage });
		return false;		
	});
 
});
/* ]]> */