https://seujorge.com/wp-content/themes/seujorge/lib/slick/function…0th%20of%20September%202026%2007:15:15%20PM

1$(function(){
2  $('.socials .open-menu').click(function() {
3      $('.hidden-menu')[0].classList.toggle('show-hidden-menu');
4      $(this).toggleClass("fa-bars fa-xmark");
5  });
6
7  
8
9
10
11  $('.movie-slides').slick({
12    speed: 9000,
13    autoplay: true,
14    autoplaySpeed: 0,
15    cssEase: 'linear',
16    slidesToShow: 4,
17    slidesToScroll: 1,
18    variableWidth: true,
19    arrows: true,
20     responsive: [
21    {
22      breakpoint: 600,
23      settings: {
24        slidesToShow: 2,
25      }
26    }
27  ]
28  })
29
30  $('.timeline-slider .slider').slick({
31    arrows: false,
32    slidesToShow: 3,
33  })
34
35  $('.special-slider').slick({
36    centerMode: true,
37    slidesToShow: 4,
38    arrows: true,
39    dots: true,
40  })
41
42  $('.special-slider-small').slick({
43    centerMode: false,
44    slidesToShow: 3,
45    arrows: true,
46    dots: true,
47  })
48
49  $('.inside-menu .music-slider').slick({
50    arrows: true,
51    slidesToShow: 4,
52    dots: true,
53  })
54
55  $('.press-slider').slick({
56    arrows: false,
57    slidesToShow: 3,
58  })
59
60  $('.inside-menu .videos-slider').slick({
61    slidesToShow: 1,
62    centerMode: true,
63    centerPadding: '28vw',
64    arrows: true,
65    dots: true,
66  })
67
68
69
70  
71
72
73});
74
75$(document).ready(function() {
76    $('.pages-content .gallery-content').isotope({
77      layoutMode: 'packery',
78      packery: {
79        columnWidth: '.grid-sizer'
80      },
81      itemSelector: '.grid-item',
82      percentPosition: true
83    })
84});
85
86
87/* PLAY */
88
89$('.link_play').click(function(e){
90  e.preventDefault();
91
92  var playerElement = document.getElementById("PlayPlayer");
93
94  var player = new Clappr.Player({
95    source: $(this).attr('href'),
96    mute: false,
97    height: '100%',
98    width: '100%',
99    mediacontrol: {seekbar: "#FFFFFF", buttons: "#FFFFFF"},
100    hideVolumeBar: true,
101    hideMediaControl: false,
102    plugins: [YoutubePlugin, YoutubePlugin],
103  YoutubeVars : {"languageCode":"en"}
104  });
105
106  player.attachTo(playerElement);
107
108  player.play();
109
110  $('#Play').css('z-index', '50'); 
111    $("body").css( "overflow-y" , "hidden");
112
113  $('#Play').delay(300).queue(function (next) { 
114      $(this).css('opacity', '1'); 
115      $(this).css('top', '0'); 
116      next(); 
117  });
118
119  $('#PlayClose').click(function(){
120    player.pause();
121    $('#Play').queue(function (next) { 
122        $(this).css('opacity', '0'); 
123        $(this).css('top', '-100%'); 
124        next(); 
125    });
126
127    $('#Play').delay(800).queue(function (next) { 
128        $(this).css('z-index', '0'); 
129        $("body").css( "overflow-y" , "scroll");
130      player.destroy();
131        next(); 
132    });
133  });
134
135});
136
137$(document).ready(function() {
138    // Inicializa o Slick Carousel
139    $('.gallery-items').slick({
140        slidesToShow: 3,
141        slidesToScroll: 1,
142        arrows: true,
143        responsive: [
144            {
145                breakpoint: 600,
146                settings: {
147                    slidesToShow: 1,
148                    slidesToScroll: 1,
149                    vertical: true,
150                    verticalSwiping: true,
151                    swipeToSlide: true,
152                    adaptiveHeight: true,
153                    arrows: false,
154                    dots: false
155                }
156            }
157        ]
158    });
159
160    // Variável para controlar se o vídeo foi ativado com o toque no mobile
161    let isVideoActivated = false;
162
163    // Função para atualizar o vídeo de fundo no mobile com fade

164    function updateBackgroundVideo() {
165        const activeSlide = $('.gallery-items .slick-active .item-content');
166        const videoUrl = activeSlide.data('video-url');
167
168        const videoElement = $('#background-video');
169        const videoSource = $('#video-source');
170
171        if (videoUrl && videoSource.attr('src') !== videoUrl) {
172            videoElement.fadeOut(400, function() {
173                videoSource.attr('src', videoUrl);
174                videoElement[0].load();
175
176                if ($(window).width() > 600) {
177                    videoElement[0].muted = true;
178                    videoElement[0].play();
179                } else {
180                    if (isVideoActivated) {
181                        videoElement[0].muted = false;
182                        videoElement[0].play().catch(error => {
183                            console.error('Erro ao tentar reproduzir o vídeo no mobile:', error);
184                        });
185                    }
186                }
187                videoElement.fadeIn(400);
188            });
189        }
190    }
191
192    // Evento para detectar o primeiro toque no mobile e ativar o áudio do vídeo
193    $('body').on('touchstart', function() {
194        if (!isVideoActivated) {
195            const videoElement = $('#background-video')[0];
196            videoElement.muted = false;
197            isVideoActivated = true;
198            videoElement.play().catch(error => {
199                console.error('Erro ao tentar reproduzir o vídeo com áudio no mobile:', error);
200            });
201        }
202    });
203
204    // Remove os vídeos dentro do carrossel no mobile
205    if ($(window).width() <= 600) {
206        $('.portfolio-vid').remove();

207        updateBackgroundVideo();
208    }
209
210    // Chama a função para atualizar o vídeo após cada mudança de slide no mobile
211    $('.gallery-items').on('afterChange', function() {
212        if ($(window).width() <= 600) {
213            updateBackgroundVideo();
214        }
215    });
216
217    // Efeito de hover para o vídeo do carrossel no desktop
218    if ($(window).width() > 600) {
219        $('.item-content').mouseover(function() {
220            const video = $(this).find('.poster video').get(0);
221            if (video) {
222                video.load();
223                video.play();
224                $(video).css("opacity", "1"); // Define a opacidade para mostrar o vídeo
225            }
226        }).mouseout(function() {
227            const video = $(this).find('.poster video').get(0);
228            if (video) {
229                video.pause();
230                $(video).css("opacity", "0"); // Define a opacidade para esconder o vídeo
231            }
232        });
233    }
234});