// ---- Numera as classes do slide ---- //
$("#animate>span").each(function(i){
	$(this).attr("class",i);
});

p = -2;

function tamanhoImagem(lnk){
	
	if(lnk == 'proximo'){
		if(p != -1){
			p++;
		}
	}
	else{
		if(p != -4){
			p--;
		}
	}
	
	// ---- Redimenciona o tamanho da imagem ---- //
	$("#animate ."+parseInt(p)+" img").animate({width: '100px'}, 500);
	$("#animate ."+(parseInt(p)+1)+" img").animate({width: '190px'}, 500);
	$("#animate ."+(parseInt(p)+2)+" img").animate({width: '265px'}, 500);
	$("#animate ."+(parseInt(p)+3)+" img").animate({width: '370px'}, 500);
	$("#animate ."+(parseInt(p)+4)+" img").animate({width: '265px'}, 500);
	$("#animate ."+(parseInt(p)+5)+" img").animate({width: '190px'}, 500);
	$("#animate ."+(parseInt(p)+6)+" img").animate({width: '100px'}, 500);
	
	// ---- Diz qual imagem vai na sobrepor a outra ---- //
	$("#animate ."+parseInt(p)).css({zIndex: '1'});
	$("#animate ."+(parseInt(p)+1)).css({zIndex: '2'});
	$("#animate ."+(parseInt(p)+2)).css({zIndex: '3'});
	$("#animate ."+(parseInt(p)+3)).css({zIndex: '4'});
	$("#animate ."+(parseInt(p)+4)).css({zIndex: '3'});
	$("#animate ."+(parseInt(p)+5)).css({zIndex: '2'});
	$("#animate ."+(parseInt(p)+6)).css({zIndex: '1'});
	
	// ---- Posição da imagem ---- //
	$("#animate ."+parseInt(p)).animate({top: '110px', left: '350px'});
	$("#animate ."+(parseInt(p)+1)).animate({top: '110px', left: '0px'});
	$("#animate ."+(parseInt(p)+2)).animate({top: '75px', left: '102px'});
	$("#animate ."+(parseInt(p)+3)).animate({top: '15px', left: '232px'});
	$("#animate ."+(parseInt(p)+4)).animate({top: '75px', left: '469px'});
	$("#animate ."+(parseInt(p)+5)).animate({top: '110px', left: '655px'});
	$("#animate ."+(parseInt(p)+6)).animate({top: '110px', left: '375px'});
}

tamanhoImagem('proximo');