function Inicia(){
	//cambio de imagenes en la ficha
	if($$('.imgUlFicha')!=""){
		
		var elmFicha = $$('.imgUlFicha li');
		var enlacesImg = $$('.imgUlFicha li a');
		
		enlacesImg.each(function(el, x){
			
			if(x==0) elmFicha[x].setStyle('display', 'none');
			el.addEvent('click', function(e, i){
				e = new Event(e).stop();
				cambiaImg(this, x);
			})
			
		});
	
	}//fin de imagenes
	
}

//funcion para cambiar las imagenes //////////////////////////////////////////////////////////////////////////
function cambiaImg(img, num){
	
	$('imgProducto').effect('opacity', {duration: 300, transition: Fx.Transitions.linear, onComplete: function(){
	
		var alt = $('imgProducto').getProperty('alt');
		var imgNew = new Asset.image(img, {id: 'imgProducto', alt:alt, onload: function(){
			$('imgProducto').replaceWith(imgNew);
			this.effect('opacity', {duration: 300, transition: Fx.Transitions.linear}).start(0,1);
		} }).setStyle('opacity', '0');
	
	}}).start(1,0);

	//para cambiar las minis
	var elmFicha = $$('.imgUlFicha li');
	if(num==1){ 
		elmFicha[1].setStyle('display', 'none');
		elmFicha[0].setStyle('display', 'block');
	}else if(num==0){ 
		elmFicha[0].setStyle('display', 'none');
		elmFicha[1].setStyle('display', 'block');
	}
		
} //////////////////////////////////////////////////////////////////////////

window.addEvent('domready', Inicia);