(function($){

    $(document).ready( function(){

        var html = $('html');

        // shipping added below cepbox
        function waitForElementToDisplay(selector, time) {
            if(document.querySelector(selector)!=null) {
                $('.shipping-result').html($('.page-simula-frete'));
                return;
            }
            else {
                setTimeout(function() {
                    waitForElementToDisplay(selector, time);
                }, time);
            }
        }

        $('.botao-simular-frete, #shippingSimulatorButton').click(function() {
            $('.shipping-result').html('');
            $('.page-product').addClass('shipping-modal');
            setTimeout(function() {
                $('#modal').modal('toggle');
            }, 1000);
            waitForElementToDisplay('.page-simula-frete', 1000);
        });

        $('#visualBlock').click(function(){
            $('.page-product').removeClass('shipping-modal');
        });

        // cart support class
        if($('.caixa-cupom').length){
            $('.caixa-cupom').parents('tr').addClass('cupom-wrapper');
        }

        if($('#calculoFrete').length){
            $('#calculoFrete').parents('tr').addClass('frete-wrapper');
        }

    });

    // 	gifts list fix
    if($(".page-lista, .page-print_lista").length){
        $(".lista-produtos").wrapAll("<div class='wrap-gifts'></div>");
    }
    if($.fn.jquery != '1.6.2'){
        // start slick on banner home
        $('.banner-home-slide').slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            dots: true,
            arrows:false,
            responsive: [{
                breakpoint: 768,
                settings: {
                    arrows: false
                }
            }]
        });

        // slick
        $('.produtos-carrossel').slick({
            infinite: true,
            slidesToShow: 5,
            slidesToScroll: 1,
            prevArrow: '<svg class="carousel-prev" width="30" height="30" version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\n' +
                '\t viewBox="0 0 30 40" style="enable-background:new 0 0 30 40;" xml:space="preserve">\n' +
                '<style type="text/css">\n' +
                '\t.st0{fill:#EFEFEF;}\n' +
                '\t.st1{fill:#929292;}\n' +
                '</style>\n' +
                '<g id="seta-vitrine-esquerda" transform="translate(-310 -886)">\n' +
                '\t<rect id="Retângulo_28" x="310" y="886" class="st0" width="30" height="40"/>\n' +
                '\t<g id="arrows" transform="translate(216.159 896)">\n' +
                '\t\t<g id="Grupo_6" transform="translate(102.298 0)">\n' +
                '\t\t\t<path id="Caminho_6" class="st1" d="M1.7,9.4l8.1-8.1c0.3-0.3,0.3-0.7,0-1s-0.7-0.3-1,0L0.2,8.9c-0.3,0.3-0.3,0.7,0,1l8.6,8.6\n' +
                '\t\t\t\tc0.3,0.3,0.8,0.2,1-0.1c0.2-0.3,0.2-0.7,0-1L1.7,9.4z"/>\n' +
                '\t\t</g>\n' +
                '\t</g>\n' +
                '</g>\n' +
                '</svg>\n',
            nextArrow: '<svg class="carousel-next" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 40">\n' +
                '  <g id="seta-vitrine-direita" transform="translate(-1580 -886)">\n' +
                '    <rect id="Retângulo_29" data-name="Retângulo 29" width="30" height="40" transform="translate(1610 926) rotate(180)" fill="#efefef"/>\n' +
                '    <g id="arrows" transform="translate(1703.841 914.719) rotate(180)">\n' +
                '      <g id="Grupo_6" data-name="Grupo 6" transform="translate(102.298 0)">\n' +
                '        <path id="Caminho_6" data-name="Caminho 6" d="M104.036,9.364,112.17,1.23A.72.72,0,0,0,111.152.211l-8.643,8.643a.72.72,0,0,0,0,1.018l8.643,8.643A.72.72,0,0,0,112.17,17.5Z" transform="translate(-102.298 0)" fill="#929292"/>\n' +
                '      </g>\n' +
                '    </g>\n' +
                '  </g>\n' +
                '</svg>',

            responsive: [
                            {
                                breakpoint: 992,
                                settings: {
                                    slidesToShow: 2,
                                    slidesToScroll: 2
                                }
                            },
                            {
                                breakpoint: 768,
                                settings: {
                                    slidesToShow: 2,
                                    slidesToScroll: 1
                                }
                            }
                        ]
        });
         $('#beneficio-mobile').slick({
            infinite: true,
            slidesToShow: 1,
            slidesToScroll: 1,
            dots: true,
            arrows: false

           
        });
         $('#marcas-home-mobile').slick({
            infinite: false,
            slidesToShow: 1,
            slidesToScroll: 1,
            prevArrow: '<svg class="carousel-prev" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 306 306"><path fill="#919191" d="M247.35 270.3L130.05 153l117.3-117.3L211.65 0l-153 153 153 153"/></svg>',
            nextArrow: '<svg class="carousel-next" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 306 306"><path fill="#919191" d="M94.35 0l-35.7 35.7L175.95 153 58.65 270.3l35.7 35.7 153-153"/></svg>',


           
        });
         $('#blog-mobile').slick({
            infinite: false,
            slidesToShow: 1,
            slidesToScroll: 1,
            dots: true,
            prevArrow: '<svg class="carousel-prev" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 306 306"><path fill="#919191" d="M247.35 270.3L130.05 153l117.3-117.3L211.65 0l-153 153 153 153"/></svg>',
            nextArrow: '<svg class="carousel-next" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 306 306"><path fill="#919191" d="M94.35 0l-35.7 35.7L175.95 153 58.65 270.3l35.7 35.7 153-153"/></svg>',


           
        });
    }

    $(document).ready(function () {

        $(window).scroll(function () {
          var topScroll = Number(jQuery(window).scrollTop());
          if (topScroll >= 500 ) {
              $("#barraTopo").css( {"display": "block","opacity": "1","visibility": "visible"});
              $("form-buscar").css( {"visibility": "hidden"});                     
          } else {
              $("#barraTopo").css( {"display": "none","opacity": "0","visibility": "hidden"});
              $("#form-buscar").css( {"visibility": "visible"}); 
          }
        
        });
    });


    // open and close filters of smartfilter in catalog and search pages
    $('.open-filters').click(function() {
        $('.filters-list').slideToggle();
    });

})(jQuery);

// menu mobile
(function(){
    var btnMenu = document.getElementsByClassName('trigger-menu')[0];
    var html = document.getElementsByTagName('html')[0];
    var backdropMobile = document.getElementsByClassName('menu-mobile-backdrop')[0];
    var closeMenu = document.getElementById('close-menu-mobile');

    btnMenu.addEventListener('touchend', function(){
        html.classList.add('menu-open');
    });

    html.addEventListener('touchend', function(e){
        console.log(e.target);
        if(e.target == backdropMobile || e.target == closeMenu){
            this.className = this.className.replace(new RegExp('(^|\\b)' + 'menu-open'.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
        }
    });
})();