var muestra_foto;
var temp, opaci=1;
var block=true;
img=new Array();
var num_foto=0, cant_foto=0;

function get_rutas(ruta)
{
	img[cant_foto]=ruta;
	cant_foto+=1;
}

function refrescar(ruta)
{
	document.getElementById("despues").src=img[num_foto];
}

function rest(ruta)
{
	opaci-=0.1;
	document.getElementById("despues").style.opacity=opaci;

	if(opaci<=0) 
	{
		document.getElementById("despues").src=img[num_foto];
		clearInterval(temp);
		temp = setInterval("sum()", 50);
	}
}

function sum()
{
	opaci+=0.1;
	document.getElementById("despues").style.opacity=opaci;

	if(opaci>=1) 
	{
		clearInterval(temp);
		block=true;
	}
}

function go_izquierda()
{	
	if(block)
	{
		if(num_foto==0)
		{
			num_foto=cant_foto-1;
		}
		else num_foto-=1;
		temp = setInterval("rest()", 50);
		block=false;
	}
}

function go_derecha()
{	
	if(block)
	{
		if(num_foto==cant_foto-1)
		{
			num_foto=0;
		}
		else num_foto+=1;
		temp = setInterval("rest()", 50);
		block=false;
	}
}