$(document).ready(function () {
    var produto = document.location.pathname.split('/')[2];
    var tela = window.innerWidth;
    if (tela > 768) {
        selecionaFotosProdutos(produto);
    } else {
        selecionaFotosProdutosMobile(produto);
    }
    $('.tumb').hide();
    $('.controls').hide();
    setTimeout(() => {
        $('.foto1').click();
    },2000)
    

    $('.cores').on('change', function () {
        var produto = $(this).val();
        if (produto !== '') {
            $('.foto1').html('<center><img src="/imagens/loading.gif"></center>');
            $('.tumb1').html('<center><img src="/imagens/loading.gif"></center>');
            $('.tumb2').html('<center><img src="/imagens/loading.gif"></center>');
            $('.tumb3').html('<center><img src="/imagens/loading.gif"></center>');
            $('.tumb4').html('<center><img src="/imagens/loading.gif"></center>');
            selecionaFotosProdutos(produto);
            pegaDiferencial();
            $('#codigoInterno').html(produto);
            $('.produto_comprar').val(produto);
            $('.complemento-produto').html($(this).children("option").filter(":selected").text());
            
        }
    });

});

function tumb_ativa(id, g) {
    var localFotos = 'https://autotudo.com.br';
    $('.foto1').html('<a href="' + localFotos + g + '" data-lightbox="image-1"><center><img src="' + localFotos + id + '" style="max-width: 100%; max-height: 460px;"></a>').fadeIn();
}

function selecionaFotosProdutos(produto) {

    $('.foto1').html('<center><img src="/imagens/loading.gif"></center>');

    $.post('/util/Util.php', {
        acao: 'getFotos',
        produto: produto
    }, function (data) {
        console.log(data);
        var dados = $.parseJSON(data);
        console.log(dados);
        var localFotos = 'https://autotudo.com.br';

        if (dados.tumb2.length > 0) {
            $('.foto1').html('<a href="' + localFotos + dados.grande[0] + '" data-lightbox="image-1"><img src="' + localFotos + dados.grande[0] + '" style="max-height: 400px; max-width: 100%;"></a>').fadeIn();
        }
        var total = dados.tumb.length;
        for (i = 0; i < total; i++) {
            $('.tumb' + (i + 1)).html('<a href="javascript:void(0)" onclick="tumb_ativa(\'' + dados.tumb2[i] + '\', \'' + dados.grande[i] + '\')"><img src="' + localFotos + dados.tumb[i] + '" border="0" width="100"></a>').show();
        }
//        $('.foto-sem-estoque').html('<img src="' + localFotos + dados[0] + '" style=" max-width: 250px !important;">').fadeIn();

$('.fotos-produto-tumb a:first').trigger('click');
    });
}

function pegaDiferencial() {
    var loja = localStorage.getItem("loja");
    $.post('/util/Util.php', {
        acao: 'getDiff',
        nome: $('.nome-produto-h1').html(),
        complemento: $('.complemento-produto').html(),
        idloja: loja
    }, function (data) {
        var dados = $.parseJSON(data);
        $('.aj_valor_de').html(dados.valor);
        $('.aj_valor_por').html(dados.valor2);
    });
}

function selecionaFotosProdutosMobile(produto) {
    console.log('produto mobile');
    $.post('/util/Util.php', {
        acao: 'getFotos',
        produto: produto
    }, function (data) {
        var dados = $.parseJSON(data);
        var localFotos = 'https://ecommerce.vipsystem.com.br';
        var ativo = null;
        if (dados.length > 1) {
            $('.controls').show();
        }
        for (i = 0; i < dados.length; i++) {
            if (i === 0) {
                ativo = 'active';
            } else {
                ativo = null;
            }
            $('.carousel-inner').append('<div style="cursor: move" class="item ' + ativo + '"><center><img src="' + localFotos + dados[i] + '" style="max-width: 70%"></center></div>');
        }
    });
}