function mudarImg( numeroDaImagem )
	{
		document.getElementById('alvo').src = lista[ numeroDaImagem ];
		
		imgSelecionada = numeroDaImagem;
	}

	function avancar()
	{
		imgSelecionada =	imgSelecionada + 1;
		
		if( imgSelecionada > (lista.length - 1) )
		{
			imgSelecionada = 0;
		}
		
		mudarImg( imgSelecionada ); // chama a função que muda a imagem
	}
	
	function voltar()
	{
		imgSelecionada =	imgSelecionada - 1;
		
		if( imgSelecionada < 0 )
		{
			imgSelecionada = lista.length - 1;
		}
		
		mudarImg( imgSelecionada ); // chama a função que muda a imagem
	}
	
	
	//---- NOVO
	
	function listarImagem()
	{
		for( var i = 0 ; i < lista.length ; i = i + 1)
		{
			document.write( "<img src='" + lista[ i ]  + "' width='80'  hspace='1' vspace='2' onclick='mudarImg(" + i + ")' style='cursor:pointer;' />" );
		}
	}
	
	//--------------------------------------------------------------
	
	lista 				 = new Array();
	imgSelecionada = 0;  // posição da primeira imagem
	
	window.onload = function()
	{
		mudarImg(0);
		
		document.getElementById('voltar').onclick = function(){   voltar(); 	}
		
		document.getElementById('avancar').onclick = function(){ avancar(); }
	}