<?xml version="1.0" encoding="utf-8"?>
<imagens>
   <foto>
      <imagem>imagem.jpg</imagem>
      <texto>Moto Ayrton Senna</texto>
   </foto>
   <foto>
      <imagem>imagem1.jpg</imagem>
      <texto>Mclaren do Senna</texto>
   </foto>
   <foto>
      <imagem>imagem2.jpg</imagem>
      <texto>Capacete Senna</texto>
   </foto>
   <foto>
      <imagem>imagem3.jpg</imagem>
      <texto>Ferrari Shumacher</texto>
   </foto>
   <foto>
      <imagem>imagem4.jpg</imagem>
      <texto>Loro</texto>
   </foto>
   <foto>
      <imagem>imagem5.jpg</imagem>
      <texto>Trator do Sítio</texto>
   </foto>
   <foto>
      <imagem>imagem6.jpg</imagem>
      <texto>Carroça antiga</texto>
   </foto>
</imagens>

/* Importamos a Classe Tween */
import fl.transitions.Tween;
import fl.transitions.easing.*;
/* Importamos a Classe responsável pelos eventos da Classe Tween */
import fl.transitions.TweenEvent;
/* Criamos uma variável para armazenar o total de fotos no XML */
var total:Number = undefined;
/* Criamos uma instancia para a Classe XML */
var dadosXML:XML = new XML();
/* Criamos uma instancia para a Classe Loader */
/* Essa Classe vai carregar nossas imagens */
var loader:Loader = new Loader();
/* Criamos uma variável para saber qua a foto atual */
var fotoAtual:Number = 0;
/* Criamos ima instancia para a Classe URLoader */
/* Essa Classe vai carregar nosso arquivo XML */
var carregaXML:URLLoader = new URLLoader();
/* Adiciono um EventListener para a instancia da Classe URLLoader */
/* O evento será chamado quando a terminar de carregar o arquivo XML */
/* Quando terminar de carregar, chama a função monta */
carregaXML.addEventListener(Event.COMPLETE, monta);
/* Carregegamos o arquivo XML */
carregaXML.load(new URLRequest("imagens.xml"));
/* Função chamada ao carregar o arquivo XML */
function monta(event:Event) {
	/* Armazenamos nosso arquivo XML */
	dadosXML = new XML(event.target.data);
	/* Armazenamos o total de fotos no XML */
	total = dadosXML.foto.length();
	/* Chama a função mostraImagem chamando a primeira imagem */
	mostraImagem(0);
}
/* Função responsável por carregar as imagens do XML */
function mostraImagem(atual:Number):void {
	/* Descarrega qualquer imagem já carregada */
	loader.unload();
	/* Adiciono um EventListener para a instancia da Classe Loader */
	/* Esse listener será acionado sempre que a imagem estiver sendo carregada */
	/* Quando o listener for acionado, chamará a função loadProgress */
	loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, loadProgress);
	/* Adiciono um EventListener para a instancia da Classe Loader */
	/* Esse listener será acionado assim que a imagem terminar de ser carregada */
	/* Quando o listener for acionado, chamará a função loadComplete */
	loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadComplete);
	/* Carregamos a imagem */
	loader.load(new URLRequest(dadosXML.foto.imagem[atual]));
	/* Carregamos a imagem dentro do MovieClip holder */
	holder.addChild(loader);
	/* Deixamos o MovieClip holder com alpha igual a 0 */
	holder.alpha = 0;
	/* Usamos o removeEventListener para desativar o evento CLICK da Classe MouseEvent */
	/* Removemos o evento CLICK dos MovieClips prox e ant */
	prox.removeEventListener(MouseEvent.CLICK, proxPress);
	ant.removeEventListener(MouseEvent.CLICK, antPress);
	/* Desativamos os botões ant e prox */
	prox.enabled = false;
	ant.enabled = false;
}
/* Função responsável por exibir o progresso do carregamento da imagem */
function loadProgress(Event:ProgressEvent) {
	/* Criamos uma variável para saber quando carregou */
	var carregado:Number = Event.bytesLoaded;
	/* Criamos uma variável para saber o tamanho da imagem */
	var tamanho:Number = Event.bytesTotal;
	/* Modifica o tamanho do MovieClip preloader conforme a imagem estiver sendo carregada */
	preloader.scaleX = carregado/tamanho;
	/* Exibe a porcentagem carregada */
	porcento.text = Math.round(carregado/tamanho*100)+"%";
}
/* Função responsável por exibir a imagem carregada */
function loadComplete(event:Event) {
	/* Mostramos o texto da imagem */
	texto.text = dadosXML.foto.texto[fotoAtual];
	/* Aumentamos o MovieClip borda para o mesmo tamanho do MovieClip holder */
	/* Acrescentamos 16px para poder fazer uma borda */
	var tww:Tween = new Tween(borda, "width", Back.easeOut, borda.width, holder.width+16, 1, true);
	var twh:Tween = new Tween(borda, "height", Back.easeOut, borda.height, holder.height+16, 1, true);
	/* Movemos o MovieClip holder */
	var twhx:Tween = new Tween(holder, "x", Back.easeOut, holder.x, borda.x-holder.width/2, 1, true);
	var twhy:Tween = new Tween(holder, "y", Back.easeOut, holder.y, borda.y-holder.height/2, 1, true);
	/* Movemos o MovieClip ant */
	var twant:Tween = new Tween(ant, "y", Back.easeOut, ant.y, (borda.y+holder.height/2)+8, 1, true);
	/* Movemos o MovieClip prox */
	var twpro:Tween = new Tween(prox, "y", Back.easeOut, prox.y, (borda.y+holder.height/2)+8, 1, true);
	/* Movemos o campo de texto dinamico */
	var twtxt:Tween = new Tween(texto, "y", Back.easeOut, texto.y, (borda.y+holder.height/2)+8+ant.height, 1, true);
	/* Adicionamos um EventListener para uma das instancias da Classe Tween criadas */
	/* Esse listener será disparado assim que o MovieClip holder terminar de se mover */
	/* Quando o listener for acionado, chamará a função termina */
	twhx.addEventListener(TweenEvent.MOTION_FINISH, termina);
}
/* Função chamada quando o MovieClip holder terminar de ser movido */
function termina(Event:TweenEvent) {
	/* Escondemos o MovieClip preloader */
	preloader.scaleX = 0;
	/* Apagamos o texto do campo porcento */
	porcento.text = "";
	/* Damos um efeito em alpha ao MovieClip holder */
	var twha:Tween = new Tween(holder, "alpha", Regular.easeOut, 0, 1, 1, true);
	/* Adicionamos um EventListener para a instancia da Classe Tween */
	/* Esse listener será disparado assim que o MovieClip holder tiver um alpha de 100% */
	/* Quando o listener for acionado, chamará a função alphaTerminou */
	twha.addEventListener(TweenEvent.MOTION_FINISH, alphaTerminou);
}
/* Função chamada quando o MovieClip holder tiver um alpha de 100% */
function alphaTerminou(Event:TweenEvent) {
	/* Adicionamos os EventListener novamente */
	prox.addEventListener(MouseEvent.CLICK, proxPress);
	ant.addEventListener(MouseEvent.CLICK, antPress);
	/* Habilitamos os MovieClips prox e ant */
	prox.enabled = true;
	ant.enabled = true;
}
/* Adicionamos um EventListener para os MovieClips prox e ant */
/* Esse listener será disparado assim que o Mouse for clicado sobre eles */
/* Quando o listener for acionado, chamará a função mudaImagem */
prox.addEventListener(MouseEvent.CLICK, proxPress);
ant.addEventListener(MouseEvent.CLICK, antPress);
/* Usando a propriedade buttonMode fazemos com que os MovieClips */
/* Passem a ter a mãozinha do Mouse */
prox.buttonMode = true;
ant.buttonMode = true;
/* Função que carrega uma outra imagem */
function proxPress(event:MouseEvent):void {
	/* Verifica se a foto atual é menor que o total de imagens */
	if (fotoAtual < (total-1)) {
		/* Incrementamos a variável fotoAtual */
		fotoAtual++;
		/* Chama a função mostraImagem */
		mostraImagem(fotoAtual);
	}
}
function antPress(event:MouseEvent):void {
	/* Verifica se a foto atual é maior que 0 */
	if (fotoAtual > 0) {
		/* Decrementa a variável fotoAtual */
		fotoAtual--;
		/* Chama a função mostraImagem */
		mostraImagem(fotoAtual);
	}
}