https://crocos.kz/assets/crocos--new/js/script.js?v=0.0.0.5

1var slider__img, slider__text, elem;
2
3// ---------------- Yandex Map ----------------
4function getYaMap() {
5    var mapCenter = [46.390801870454744, 72.93082457469167];
6    var mapZoom = $(window).width() > 992 ? 5 : 4;
7
8    var map = new ymaps.Map("map", {
9        center: mapCenter,
10        zoom: mapZoom,
11        controls: []
12    });
13
14    // Маркер Нур-Султан
15    var nurSultanMarker = new ymaps.Placemark(
16        [51.17314521636895, 71.42595057157],
17        { balloonContent: "Crocos (г. Астана)" },
18        {
19            iconLayout: "default#image",
20            iconImageHref: "/assets/crocos2024/img/map_icon.png",
21            iconImageSize: [63, 63],
22            iconImageOffset: [-30, -30]
23        }
24    );
25
26    map.geoObjects.add(nurSultanMarker);
27    map.behaviors.disable("scrollZoom");
28}
29
30// Динамическая загрузка Yandex Maps
31if ($("#map").length) {
32    elem = document.createElement("script");
33    elem.type = "text/javascript";
34    elem.src = "//api-maps.yandex.ru/2.1/?load=package.standard&lang=ru-RU&onload=getYaMap";
35    document.body.appendChild(elem);
36}
37
38// ---------------- Swiper Sliders ----------------
39if ($(".banner__slider__img").length) {
40    slider__img = new Swiper(".banner__slider__img", {
41        loop: false,
42        loopedSlides: 4,
43        parallax: true,
44        effect: "fade",
45        fadeEffect: { crossFade: true }
46    });
47
48    slider__text = new Swiper(".banner__slider__text", {
49        loop: false,
50        loopedSlides: 4,
51        speed: 2800,
52        parallax: true,
53        effect: "fade",
54        autoplay: { delay: 2500, disableOnInteraction: false },
55        fadeEffect: { crossFade: true },
56        pagination: {
57            el: ".banner__slider__pagination",
58            clickable: true,
59            paginationType: "custom",
60            renderBullet: function(index, className) {
61                var slideName = $(".banner__slider__text .swiper-wrapper .swiper-slide")
62                    .eq(index)
63                    .data("name");
64                return `
65                    <div class="banner__pagination ${className}">
66                        <div class="banner__pagination--number">0${index}</div>
67                        <div class="banner__pagination--text">${slideName}</div>
68                    </div>`;
69            }
70        },
71        scrollbar: { el: ".banner__slider__pagination--scrollbar", draggable: true }
72    });
73
74    slider__img.controller.control = slider__text;
75    slider__text.controller.control = slider__img;
76}
77
78// ---------------- Products Slider ----------------
79if (window.innerWidth >= 769) {
80    new Swiper(".products__slider", {
81        slidesPerView: 2,
82        spaceBetween: 4
83    });
84}
85
86// ---------------- Other Sliders ----------------
87new Swiper(".amoslider__slider", {
88    navigation: { prevEl: ".amoslider--prev", nextEl: ".amoslider--next" },
89    autoHeight: true
90});
91
92new Swiper(".megaplan__plan--slider", {
93    slidesPerView: 2,
94    spaceBetween: 30,
95    navigation: { prevEl: ".megaplan__plan--prev", nextEl: ".megaplan__plan--next" },
96    breakpoints: {
97        320: { slidesPerView: 1, spaceBetween: 0 },
98        480: { slidesPerView: 1, spaceBetween: 0 },
99        768: { slidesPerView: 2, spaceBetween: 30 },
100        1024: { slidesPerView: 2, spaceBetween: 30 }
101    }
102});
103
104new Swiper(".thank__slider", {
105    slidesPerView: 2,
106    spaceBetween: 5,
107    navigation: { prevEl: ".megaplan__plan--prev", nextEl: ".megaplan__plan--next" },
108    breakpoints: {
109        320: { slidesPerView: 1, spaceBetween: 0 },
110        480: { slidesPerView: 1, spaceBetween: 0 },
111        768: { slidesPerView: 2, spaceBetween: 5 },
112        1024: { slidesPerView: 2, spaceBetween: 5 }
113    }
114});
115
116new Swiper(".staff__slider", {
117    navigation: { nextEl: ".staff__arrow-right", prevEl: ".staff__arrow-left" }
118});
119
120// ---------------- Number Animation ----------------
121var showNumbers = $(".number__calc").length > 0;
122var countBox = ".section__advantage";
123
124$(window).on("scroll load resize", function() {
125    if (!showNumbers) return;
126
127    var scrollTop = $(window).scrollTop(),
128        boxOffset = $(countBox).offset().top,
129        windowHeight = $(window).height(),
130        documentHeight = $(document).height(),
131        boxHeight = $(countBox).outerHeight();
132
133    if (boxOffset <= scrollTop + 500 || windowHeight + scrollTop === documentHeight || boxHeight + boxOffset < windowHeight) {
134        $(".number__calc").css("opacity", "1");
135        $(".number__calc").each(function() {
136            var $this = $(this);
137            jQuery({ Counter: 0 }).animate({ Counter: $this.text() }, {
138                duration: 3000,
139                easing: "swing",
140                step: function(now) {

141                    var value = Math.ceil(now);
142                    $this.text(value);
143                    $this.attr("data-calc", value);
144                }
145            });
146        });
147        showNumbers = false;
148    }
149});
150
151// ---------------- Menu ----------------
152$(".header__menu__click").click(function(e) {
153    e.preventDefault();
154    var target = $(this).data("mclick");
155    $(".header__menu .header__menu__click").removeClass("menu__children--active");
156    $(".header__menu--children").removeClass("menu__children--active");
157
158    $(this).addClass("menu__children--active");
159    $(".menu__children-" + target).addClass("menu__children--active");
160});
161
162$(document).on("click", function(e) {
163    if (!$("header").is(e.target) && $("header").has(e.target).length === 0) {
164        $(".header__menu--children").removeClass("menu__children--active");
165    }
166});
167
168// ---------------- Burger Menu ----------------
169$(".header__burger-click").click(function() {
170    $("header").toggleClass("header--active");
171    $("body").toggleClass("menu--active");
172    $("html").toggleClass("html--active");
173});
174
175// ---------------- Fixed Widget ----------------
176var widgetOpen = false;
177
178function openWidget() {
179    $(".fixed__widget--popap").animate({ top: "-170", opacity: 1 }, 400);
180    $(".fixed__widget--phone").animate({ top: "-90", opacity: 1 }, 400);
181    $(".fixed__widget--second .fixed__widget--toltip").animate({ width: "show" }, 350);
182    widgetOpen = true;
183}
184
185function closeWidget() {
186    $(".fixed__widget--second .fixed__widget--toltip").animate({ width: "hide" }, 350);
187    $(".fixed__widget--second").animate({ top: "0", opacity: 0 }, 400);
188    widgetOpen = false;
189}
190
191$(".fixed__widget--main").on("click", function() {
192    widgetOpen ? closeWidget() : openWidget();
193});
194
195$(document).on("click", function(e) {
196    if (!e.target.closest(".fixed__widget")) closeWidget();
197});
198
199// ---------------- Social Share ----------------
200$(".share__more__item a").click(function(event) {
201    event.preventDefault();
202    var href = $(this).data("href");
203    var left = window.screenLeft !== undefined ? window.screenLeft : screen.left;
204    var top = window.screenTop !== undefined ? window.screenTop : screen.top;
205    var width = window.innerWidth || document.documentElement.clientWidth || screen.width;
206    var height = window.innerHeight || document.documentElement.clientHeight || screen.height;
207
208    var popup = window.open(
209        href,
210        "Поделиться",
211        `scrollbars=yes,width=800,height=400,top=${height/3 - 400/3 + top},left=${width/2 - 400 + left}`
212    );
213    if (window.focus) popup.focus();
214});
215
216// ---------------- File Input ----------------
217$("#thisPh").change(function() {
218    var fileName = this.files[0] ? this.files[0].name : "Можете прикрепить резюме размером не более 10 МБ";
219    $('label[for="thisPh"] .file-text').text(fileName);
220});
221
222// ---------------- Video Hover ----------------
223$(document).ready(function() {
224    $("video").hover(
225        function() { this.play(); },
226        function() { this.pause(); }
227    );
228});
229
230// ---------------- Cookies ----------------
231function setCookie(name, value, days) {
232    var expires = "";
233    if (days) {
234        var date = new Date();
235        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
236        expires = "; expires=" + date.toGMTString();
237    }
238    document.cookie = name + "=" + value + expires + "; path=/";
239}
240
241function getCookie(name) {
242    var nameEQ = name + "=";
243    var ca = document.cookie.split(";");
244    for (var i = 0; i < ca.length; i++) {
245        var c = ca[i].trim();
246        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
247    }
248    return null;
249}
250
251function delCookie(name) {
252    setCookie(name, "", -1);
253}
254
255var count = getCookie("counter") ? parseInt(getCookie("counter")) + 1 : 1;
256setCookie("counter", count, 365);
257
258// ---------------- Expandable Content ----------------
259$(".link-underline").click(function() {
260    $(".extendable-main").toggleClass("opened");
261    $(this).text($(".extendable-main").hasClass("opened") ? "Скрыть" : "Показать еще");
262});
263
264// ---------------- Modal Video ----------------
265$("#but_modal").click(function() {
266    $("#modal_video").modal("show");
267});
268
269$("#md_closeee").click(function() {
270    $(".video_bl").trigger("pause");
271});