$(document).ready(function(){

    var tamanhoSelecionado = $("#boxTamanhos").find(".selected").attr("rel");
    if (tamanhoSelecionado){
        $("#inpProduto").val(tamanhoSelecionado);
    }
    
    $(".numeracaoProdutos").click(function(){
        $(".numeracaoProdutos").removeClass("selected");
        $(this).addClass("selected");
        
        $("#inpProduto").val($(this).attr("rel"));
    });

    $("#boxCores").find("a").click(function(){
        var cor = $(this).attr("rel").split(":");
        var caminhoSite = $("#caminhoSite").val();
        var produto = $("#inpProdutoPrincipal").val();        
        
        // faz o ajax para mostrar as thumbs do produto               
        $(".tamanhoConteudo").hide();
        $("#loadingImgTamanho").fadeIn();
		$(".tamanhoConteudo").html("");
        // faz o ajax para mostrar os tamanhos
        $.post(caminhoSite + "ajax-tamanho-produto.php", {produto:cor[1], cor:cor[0]}, function(resposta){
            $("#loadingImgTamanho").hide();
			
			$("#btnComprar").removeClass("hide");
            $("#boxIndisponivel").addClass("hide");
			
            $(".tamanhoConteudo").html(resposta);
            $(".tamanhoConteudo").show();
            var tamanhoSelecionado = $("#boxTamanhos").find(".selected").attr("rel");
            if (tamanhoSelecionado){
                $("#inpProduto").val(tamanhoSelecionado);
            }
            
            $(".numeracaoProdutos").click(function(){
                $(".numeracaoProdutos").removeClass("selected");
                $(this).addClass("selected");
                
                $("#inpProduto").val($(this).attr("rel"));
                return false;
            });
        });   

		// mostra a foto de acordo com a cor
		$("#produto-imagem").html("");
		$("#loadingImg").fadeIn();		
		$.post(caminhoSite + "ajax-imagem-produto.php", {produto:cor[1], cor:cor[0]}, function(resposta){
			$("#loadingImg").fadeOut();
			$("#produto-imagem").html(resposta);
			jqzoom(); 
		});
		// mostra as thumbs de acordo com a cor
		$("#produto-imagem-thumb-content").html("");
		$("#loadingImgThumbs").fadeIn();
		$.post(caminhoSite + "ajax-imagem-produto-thumb.php", {produto:cor[1], cor:cor[0]}, function(resposta){
			$("#loadingImgThumbs").fadeOut();
			$("#produto-imagem-thumb-content").html(resposta);
		});
       
        $("#boxCores").find("a").removeClass("selected");       
        $(this).addClass("selected");
        
        return false;
    }); 
          
    // funcao para tratar as imagens thumbs
    $("#produto-imagem-thumb").find("a").live("click", function(){
        var caminhoSite = $("#caminhoSite").val();
        
        // esconde a imagem e mostra o carregando
        $("#produto-imagem").fadeOut();
        $("#loadingImg").fadeIn();
        var foto = $(this).attr("href");
        
        // faz o ajax para mostra a imagem da cor
        $.post(caminhoSite + "ajax-imagem-produto.php", {foto:foto}, function(resposta){            
            $("#loadingImg").fadeOut();
            $("#produto-imagem").html(resposta);
            $("#produto-imagem").fadeIn();    
            jqzoom();       
        });             
   
        return false;
    });
    
});