$(function () {
	var tamanho = $(".vitrine").length;
	
	var mostrar_quantidade = 12;
	
	var ultimo = 0;
	
	var contagem = 0;
	
	var visivel = 0;
	
	var contador_paginas = 1;
	
	var quantidade_paginas = parseInt(tamanho / mostrar_quantidade);
	
	var resto = tamanho % mostrar_quantidade;
	
	if (resto != 0)
	{
		quantidade_paginas += 1;
	}
	
	$('<div id="vitrine_botoes"><span id="contador_paginas"></span><button type="button" id="anterior"><< Anterior</button><button type="button" id="proximo">Pr&oacute;ximo >></button><br /><span id="total_produtos"></span></div>').insertAfter(".vitrine:last");
	
	$(".vitrine").hide();
	$("#vitrine_botoes button").hide();
	
	$("#total_produtos").html("Total de <strong>" + tamanho + "</strong> produto(s) encontrado(s).");
	
	if (tamanho > mostrar_quantidade)
	{
		$("#proximo").fadeIn();
	} else {
		$("#contador_paginas").hide();
	}
	
	$("#contador_paginas").html("P&aacute;gina " + contador_paginas + "/" + quantidade_paginas);
	
	for (i = 0; i < mostrar_quantidade; i++) 
	{
		$(".vitrine").eq(contagem).fadeIn();
		contagem++;
	}
	
	$("br").show();
		$(".vitrine").eq(contagem).nextAll("br").hide();
		$(".vitrine").eq(ultimo).prevAll("br").hide();
	
	$("#proximo").click(function () {
		$(".vitrine").eq(contagem).prevAll().hide();
		
		ultimo = contagem;
		
		contador_paginas += 1;
		
		$("#contador_paginas").html("P&aacute;gina " + contador_paginas + "/" + quantidade_paginas);
		
		for (i = 0; i < mostrar_quantidade; i++)  
		{
			if (contagem < tamanho)
			{
				$(".vitrine").eq(contagem).fadeIn();
				contagem++;
			}
		}
		
		$("#anterior").fadeIn();
		
		if (contagem == tamanho) 
		{
			$("#proximo").fadeOut();
		}
		
		$("br").show();
		$(".vitrine").eq(ultimo).prevAll("br").hide();
		$(".vitrine").eq(contagem).nextAll("br").hide();
		
	});
	
	$("#anterior").click(function () {				
		if (contagem > mostrar_quantidade)
		{
			visivel = contagem - ultimo;
			contagem = contagem - visivel;
			if (visivel == mostrar_quantidade)
			{
				ultimo = ultimo - visivel;
			} else {
				 var diferenca = mostrar_quantidade - visivel;
				 visivel += diferenca;
				 ultimo = ultimo - visivel;
			}
		}
		
		$(".vitrine").eq(contagem - 1).nextAll(".vitrine").hide();

		contador_paginas = contador_paginas - 1;
		
		$("#contador_paginas").html("P&aacute;gina " + contador_paginas + "/" + quantidade_paginas);

		if (contagem > mostrar_quantidade)
		{ 
			for (i = 0; i < mostrar_quantidade; i++) 
			{
				$(".vitrine").eq(contagem - 1).fadeIn();
				contagem = contagem - 1;
			}		
			
			contagem += visivel;
			
		} else if (contagem = mostrar_quantidade) {
			$(".vitrine").hide();
			$("#anterior").fadeOut();
			contagem = 0;
			
			for (i = 0; i < mostrar_quantidade; i++) 
			{
				$(".vitrine").eq(contagem).fadeIn();
				contagem++;
			}		
		}
		
		if (contagem < tamanho) 
		{
			$("#proximo").fadeIn();
		}
		
		$("br").show();
		$(".vitrine").eq(ultimo).prevAll("br").hide();
		$(".vitrine").eq(contagem).nextAll("br").hide();
		
	});
	
});