var bg = $('[data-bg]'); $(bg).each(function () { var bg_desk = $(this).attr('data-bg'); $(this).css({ 'background-image': 'url('+ bg_desk +')' }); }); var _Slick = { detalhes: { slider: $(".slick-detalhes"), beforeChange: function(i, e, a, s) { var o = _Slick.detalhes.slider.find(".slick-slide").get(s); _Slick.detalhes.slider.animate({ height: $(o).children("img").height() + 70 }, 500) } }, caracteristicas: { slider: $(".slick-caracteristicas"), onResize: function() { _Slick.caracteristicas.slider.slick("slickUnfilter"), window.innerWidth > 475 ? _Slick.caracteristicas.slider.slick("slickFilter", ".desktop") : _Slick.caracteristicas.slider.slick("slickFilter", ".mobile") }, beforeChange: function(i, e, a, s) { var o = _Slick.caracteristicas.slider.find(".slick-slide").get(s); _Slick.caracteristicas.slider.animate({ height: $(o).children("img").height() }, 500) } }, capsulas: { slider: $(".slick-capsulas") } }; $(window).on("load", function() { _Slick.caracteristicas.onResize.apply(window, []), _Slick.detalhes.beforeChange.apply({}, [null, null, -1, 0]), _Slick.caracteristicas.beforeChange.apply({}, [null, null, -1, 0]) }), $(window).on("resize", _Slick.caracteristicas.onResize); var SlickDetails = $(".slick-capsulas"); _Slick.detalhes.slider.slick({ slidesToShow: 1, slidesToScroll: 1, infinite: !1, arrows: !1, dots: !0, fade: !0, cssEase: "linear" }).on("beforeChange", _Slick.detalhes.beforeChange), _Slick.caracteristicas.slider.slick({ slidesToShow: 1, slidesToScroll: 1, infinite: !1, arrows: !0, dots: !1, fade: !0, cssEase: "linear" }).on("beforeChange", _Slick.caracteristicas.beforeChange), _Slick.capsulas.slider.slick({ slidesToShow: 3, slidesToScroll: 3, infinite: !0, arrows: !0, dots: !1, responsive: [{ breakpoint: 1024, settings: { slidesToShow: 3, infinite: !0 } }, { breakpoint: 615, settings: { slidesToShow: 1, slidesToScroll: 1 } }, { breakpoint: 900, settings: { slidesToShow: 2, slidesToScroll: 2 } }] }), $(".anchor").click(function(i) { $(this).attr("href").replace("#", "/#/"); if (location.pathname.replace(/^\//, "") == this.pathname.replace(/^\//, "") && location.hostname == this.hostname) { var e = $(this.hash); if ((e = e.length ? e : $("[name=" + this.hash.slice(1) + "]")).length) return $("html,body").animate({ scrollTop: e.offset().top - 100 }, 800), !1 } }), $(".open-desc").click(function(i) { i.preventDefault(), $(this).parent().parent().parent().toggleClass("active") }), $("[data-filter]").on("click", function(i) { i.preventDefault(), filter = $(this).attr("data-filter"), $("[data-filter]").parent().removeClass("active"), $(this).parent().addClass("active"), $(".slick-capsulas").slick("slickUnfilter"), $(".slick-capsulas").slick("slickFilter", "." + filter), $(".carousel.custom").slick("slickUnfilter"), $(".carousel.custom").slick("slickFilter", "." + filter) }); (function() { $(window).load(function() { return $('body').addClass('loaded'); }); $('.contTabs .tabs .tab').click(function(e) { var id; e.preventDefault(); if (!$(this).hasClass('active')) { id = $(this).attr('href'); $('.contTabs .tabs .tab, .contTabs .cont').removeClass('active'); $(this).addClass('active'); return $(id).addClass('active'); } }); $('#secSpecs .slider').slick({ centerMode: true, centerPadding: '0px', slidesToShow: 3, slidesToScroll: 1, dots: true, arrows: true, adaptiveHeight: false, responsive: [ { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } }] }); $('#secSpecs .slider-mobile').slick({ slidesToShow: 1, slidesToScroll: 1, dots: true, arrows: true, adaptiveHeight: false, }); $('.slick-table').slick({ centerMode: true, centerPadding: '15px', arrows: false, dots: true, variableWidth: true }); $('#secPlayer .btnPlay').click(function(e) { e.preventDefault(); $('#secPlayer #player').prepend(''); return $('#secPlayer #player .btnPlay, #secPlayer #player .cover').remove(); }); $('#secCircle .circle').on('mouseover', '.link', function() { var i; i = $(this).attr('id').replace('l', ''); return $('.circle .bg').attr('id', 'bg' + i); }); $(".thumbnails").click(function(e) { e.preventDefault(); $('.thumbnails').toggleClass('active'); }); }).call(this);