jQuery(document).ready(function() {

	var $vitrine = $('#vitrine .ca_wrap');
	$vitrine.show();
	$vitrine.find('img').each(function(index) {
		$(this).attr('id', 'img'+index).hide();
	});
	
	var $cores = $vitrine.find('img.saledale');
	var $elems = $vitrine.find('img').clone();

	var start = Math.floor(Math.random() * $cores.length); // Começa escolhendo uma das cores
	var speed = 1000; // velocidade da animação
	var vitrine_banners = 0;
	var vitrine_banners_total = $elems.length - 1;
	var sequencia = 0;

	// Script da animação
	animacao = function() {
		$vitrine.find('img').remove();
		
		var position = 0;
		start = $cores.eq(start).attr('id');
		$elems.each(function(index) {
			if($(this).attr('id') == start)
				position = index;
		});
		
		var interval = setInterval(function() {
			$vitrine.find('img[sequencia="'+sequencia+'"]').remove();
			$vitrine.removeClass('loading');

			if($elems.eq(position).hasClass('saledale')) {
				$elems.eq(position).attr('sequencia', sequencia);
				$vitrine.append($elems.eq(position).hide().fadeIn());
				
				++position;
				$elems.eq(position).attr('sequencia', sequencia);
				$vitrine.append($elems.eq(position).hide().fadeIn());
				
				++position;
				$elems.eq(position).attr('sequencia', sequencia);
				$vitrine.append($elems.eq(position).hide().fadeIn());
			} else {
				$elems.eq(position).attr('sequencia', sequencia);
				$vitrine.append($elems.eq(position).hide().fadeIn());
			}

			++sequencia;
			position = position == vitrine_banners_total ? 0 : position + 1;
		}, speed);
	};

	// Preload
	$vitrine.addClass('loading');
	$vitrine.waitForImages(function() {
		animacao();
	});

});