{"id":214,"date":"2024-01-29T13:46:06","date_gmt":"2024-01-29T12:46:06","guid":{"rendered":"https:\/\/winewarsawexpo.com\/?page_id=214"},"modified":"2025-07-25T15:24:47","modified_gmt":"2025-07-25T13:24:47","slug":"gallery","status":"publish","type":"page","link":"https:\/\/winewarsawexpo.com\/en\/gallery\/","title":{"rendered":"Gallery"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;3&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; uncode_shortcode_id=&#8221;547750&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; medium_width=&#8221;0&#8243; mobile_width=&#8221;0&#8243; width=&#8221;1\/1&#8243; uncode_shortcode_id=&#8221;530575&#8243;]<div class=\"pwelement pwelement_67016\">\r\n            <style>\r\n                .pwelement_67016 .pwe-container-videos {\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    gap: 36px;\r\n                }\r\n                .pwelement_67016 .pwe-videos-title h4 {\r\n                    margin: 0;\r\n                }\r\n                .pwelement_67016 .pwe-videos {\r\n                    display: flex;\r\n                    justify-content: space-around;\r\n                    flex-wrap: wrap;\r\n                    gap: 36px;\r\n                }\r\n                .pwelement_67016 .pwe-video-item {\r\n                    width: 47%;\r\n                    min-width: 300px;\r\n                }\r\n                .pwelement_67016 iframe,\r\n                .pwelement_67016 .rll-youtube-player,\r\n                .pwelement_67016 .pwe-video-default {\r\n                    box-shadow: unset;\r\n                    width: 100%;\r\n                    height: auto;\r\n                    aspect-ratio: 16 \/ 9;\r\n                    border-radius: 18px;\r\n                }\r\n                .pwelement_67016 .pwe-video-item p {\r\n                    font-size: 18px;\r\n                }\r\n                @media (max-width:650px) {\r\n                    .pwelement_67016 .pwe-videos {\r\n                        flex-direction: column;\r\n                    }\r\n                    .pwelement_67016 .pwe-video-item {\r\n                        width: 100%;\r\n                    }\r\n                }\r\n            <\/style>\r\n            <div id=\"pweVideos-67016\" class=\"pwe-container-videos\">\r\n                    <div class=\"pwe-videos-title main-heading-text\">\r\n                        <h4 class=\"pwe-uppercase\"><span>SEE WHAT OUR OTHER TRADE FAIRS LOOK LIKE<\/span><\/h4>\r\n                    <\/div> \r\n                <div class=\"pwe-videos\">\r\n                <style>\r\n                        .pwelement_67016 .pwe-videos .pwe-videos-slider {\r\n                            position: relative;\r\n                            width: 100%;\r\n                            margin: 0 !important;\r\n                            overflow: hidden;\r\n                        }\r\n                        .pwelement_67016 .pwe-videos .slides {\r\n                            display: flex;\r\n                            align-items: center;\r\n                            justify-content: space-between;\r\n                            align-items: flex-start;\r\n                            margin: 0 !important;\r\n                            min-height: 0 !important;\r\n                            min-width: 0 !important;\r\n                            pointer-events: auto;\r\n                        }\r\n                        .pwelement_67016 .pwe-videos .pwe-video-item {\r\n                            position: relative;\r\n                            margin: 5px;\r\n                            padding: 10px;\r\n                        }\r\n                        .pwelement_67016 .pwe-videos .pwe-video-item iframe {\r\n                            aspect-ratio: 16 \/ 9 !important;\r\n                        }\r\n                        .pwelement_67016 .pwe-videos .pwe-video-default {\r\n                            display: flex;\r\n                            justify-content: center;\r\n                            align-items: center;\r\n                            background-position: center;\r\n                            background-repeat: no-repeat;\r\n                            background-size: cover;\r\n                            aspect-ratio: 16 \/ 9;\r\n                        }\r\n                        .pwelement_67016 .pwe-videos .pwe-video-default img {\r\n                            max-width: 80px;\r\n                            cursor: pointer;\r\n                            transition: .3s ease;\r\n                        }\r\n                        .pwelement_67016 .pwe-videos .pwe-video-default img:hover {\r\n                            transform: scale(1.1);\r\n                        }\r\n                        @keyframes slideAnimation {\r\n                            from {\r\n                                transform: translateX(100%);\r\n                            }\r\n                            to {\r\n                                transform: translateX(0);\r\n                            }\r\n                        }\r\n                        @keyframes slideInRight {\r\n                                from {\r\n                                        transform: translateX(100%);\r\n                                }\r\n                                to {\r\n                                        transform: translateX(0);\r\n                                }\r\n                        }\r\n\r\n                        @keyframes slideInLeft {\r\n                                from {\r\n                                        transform: translateX(-100%);\r\n                                }\r\n                                to {\r\n                                        transform: translateX(0);\r\n                                }\r\n                        }\r\n                        .pwelement_67016 .pwe-videos .slides .slide{\r\n                            animation: slideAnimation 0.5s ease-in-out;\r\n                        }\r\n                        .pwelement_67016 .slides .slide-right {\r\n                                animation: slideInRight 0.5s ease-in-out;\r\n                        }\r\n                        .pwelement_67016 .slides .slide-left {\r\n                                animation: slideInLeft 0.5s ease-in-out;\r\n                        }   \r\n                        @media (max-width: 1200px) {\r\n                                .pwelement_67016 .pwe-videos .pwe-videos-slider {\r\n                                        overflow: visible;\r\n                                }\r\n                        }   \r\n                <\/style>\r\n                <div id=\"PWEIframesSlider-43552\" class=\"pwe-videos-slider\">\r\n                        <div class=\"slides\"><div class=\"pwe-video-item\"><div class=\"pwe-video-default\" style=\"background-image: url(https:\/\/i.ytimg.com\/vi\/TgHh38jvkAY\/sddefault.jpg);\">\r\n                                                        <img decoding=\"async\" src=\"\/wp-content\/plugins\/pwe-media\/media\/youtube-button.webp\" alt=\"youtube play button\">\r\n                                                <\/div><p>Ptak Warsaw Expo | 2023<\/p><\/div><div class=\"pwe-video-item\"><div class=\"pwe-video-default\" style=\"background-image: url(https:\/\/i.ytimg.com\/vi\/-RmRpZN1mHA\/sddefault.jpg);\">\r\n                                                        <img decoding=\"async\" src=\"\/wp-content\/plugins\/pwe-media\/media\/youtube-button.webp\" alt=\"youtube play button\">\r\n                                                <\/div><p>The capital of fairs and events in Poland - Ptak Warsaw Expo<\/p><\/div><div class=\"pwe-video-item\"><div class=\"pwe-video-default\" style=\"background-image: url(https:\/\/i.ytimg.com\/vi\/TgHh38jvkAY\/sddefault.jpg);\">\r\n                                                        <img decoding=\"async\" src=\"\/wp-content\/plugins\/pwe-media\/media\/youtube-button.webp\" alt=\"youtube play button\">\r\n                                                <\/div><p>Ptak Warsaw Expo | 2023<\/p><\/div><div class=\"pwe-video-item\"><div class=\"pwe-video-default\" style=\"background-image: url(https:\/\/i.ytimg.com\/vi\/-RmRpZN1mHA\/sddefault.jpg);\">\r\n                                                        <img decoding=\"async\" src=\"\/wp-content\/plugins\/pwe-media\/media\/youtube-button.webp\" alt=\"youtube play button\">\r\n                                                <\/div><p>The capital of fairs and events in Poland - Ptak Warsaw Expo<\/p><\/div><div class=\"pwe-video-item\"><div class=\"pwe-video-default\" style=\"background-image: url(https:\/\/i.ytimg.com\/vi\/TgHh38jvkAY\/sddefault.jpg);\">\r\n                                                        <img decoding=\"async\" src=\"\/wp-content\/plugins\/pwe-media\/media\/youtube-button.webp\" alt=\"youtube play button\">\r\n                                                <\/div><p>Ptak Warsaw Expo | 2023<\/p><\/div><div class=\"pwe-video-item\"><div class=\"pwe-video-default\" style=\"background-image: url(https:\/\/i.ytimg.com\/vi\/-RmRpZN1mHA\/sddefault.jpg);\">\r\n                                                        <img decoding=\"async\" src=\"\/wp-content\/plugins\/pwe-media\/media\/youtube-button.webp\" alt=\"youtube play button\">\r\n                                                <\/div><p>The capital of fairs and events in Poland - Ptak Warsaw Expo<\/p><\/div>\r\n                        <\/div>\r\n                        <style>\r\n                                .pwelement_67016 .slider-arrow {\r\n                                        position: absolute;\r\n                                        top: 90px;\r\n                                        transform: translateY(-50%);\r\n                                        background-color: rgba(0, 0, 0, 0.5);\r\n                                        color: white;\r\n                                        border: none;\r\n                                        padding: 10px;\r\n                                        cursor: pointer;\r\n                                        z-index: 10;\r\n                                        font-size: 30px;\r\n                                        display: none;\r\n                                }\r\n                                .pwelement_67016 #prevButton {\r\n                                        left: -0px;\r\n                                }\r\n                                .pwelement_67016 #nextButton {\r\n                                        right: -0px;\r\n                                }\r\n                        <\/style>\r\n\r\n                        <button id=\"prevButton\" class=\"slider-arrow\">\u276e<\/button>\r\n                        <button id=\"nextButton\" class=\"slider-arrow\">\u276f<\/button>\r\n                        \r\n                        <style>\r\n                                .pwelement_67016 .pwe-videos .dots-container {\r\n                                        display: none;\r\n                                        text-align: center;\r\n                                        margin-top: 36px;\r\n                                }\r\n                                .pwelement_67016 .pwe-videos .dot {\r\n                                        display: inline-block;\r\n                                        width: 15px;\r\n                                        height: 15px;\r\n                                        border-radius: 50%;\r\n                                        background-color: #bbb;\r\n                                        margin: 0 5px;\r\n                                        cursor: pointer;\r\n                                }\r\n                                .pwelement_67016 .pwe-videos .dot.active {\r\n                                        background-color: #590118;\r\n                                }   \r\n                        <\/style>\r\n                        \r\n                        <div class=\"dots-container\">\r\n                                <span class=\"dot active\"><\/span>\r\n                                <span class=\"dot\"><\/span>\r\n                                <span class=\"dot\"><\/span>\r\n                        <\/div>\r\n                <\/div>\r\n                <script>\r\n                        jQuery(function ($) {                         \r\n                                const slider = document.querySelector(\"#PWEIframesSlider-43552\");\r\n                                const slides = document.querySelector(\"#PWEIframesSlider-43552 .slides\");\r\n                                const images = document.querySelectorAll(\"#PWEIframesSlider-43552 .slides .pwe-video-item\");\r\n                                const dotsContainer = slider.querySelector(\".dots-container\");\r\n                                const sliderArrows = slider.querySelectorAll(\".slider-arrow\");\r\n                                const dots = slider.querySelectorAll(\".dots-container .dot\");\r\n\r\n                                let isMouseOver = false;\r\n                                let isDragging = false;\r\n                                let isAnimating = false;\r\n                                \r\n                                let imagesMulti = \"\";\r\n                                const slidesWidth = slider.clientWidth;\r\n\r\n                                if (slidesWidth < 600) {\r\n                                        imagesMulti = 1;\r\n                                } else if (slidesWidth < 959) {\r\n                                        imagesMulti = 2;\r\n                                } else {\r\n                                        imagesMulti = 2;\r\n                                }\r\n\r\n                                \/\/ Change the default thumbnail to iframe\r\n                                const iframesArray = [\"<iframe class=\\\"pwe-iframe\\\" src=\\\"https:\\\/\\\/www.youtube.com\\\/embed\\\/TgHh38jvkAY?autoplay=1\\\" title=\\\"YouTube video player\\\" frameborder=\\\"0\\\" allow=\\\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\\\" referrerpolicy=\\\"strict-origin-when-cross-origin\\\" allowfullscreen><\\\/iframe>\",\"<iframe class=\\\"pwe-iframe\\\" src=\\\"https:\\\/\\\/www.youtube.com\\\/embed\\\/-RmRpZN1mHA?autoplay=1\\\" title=\\\"YouTube video player\\\" frameborder=\\\"0\\\" allow=\\\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\\\" referrerpolicy=\\\"strict-origin-when-cross-origin\\\" allowfullscreen><\\\/iframe>\",\"<iframe class=\\\"pwe-iframe\\\" src=\\\"https:\\\/\\\/www.youtube.com\\\/embed\\\/TgHh38jvkAY?autoplay=1\\\" title=\\\"YouTube video player\\\" frameborder=\\\"0\\\" allow=\\\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\\\" referrerpolicy=\\\"strict-origin-when-cross-origin\\\" allowfullscreen><\\\/iframe>\",\"<iframe class=\\\"pwe-iframe\\\" src=\\\"https:\\\/\\\/www.youtube.com\\\/embed\\\/-RmRpZN1mHA?autoplay=1\\\" title=\\\"YouTube video player\\\" frameborder=\\\"0\\\" allow=\\\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\\\" referrerpolicy=\\\"strict-origin-when-cross-origin\\\" allowfullscreen><\\\/iframe>\",\"<iframe class=\\\"pwe-iframe\\\" src=\\\"https:\\\/\\\/www.youtube.com\\\/embed\\\/TgHh38jvkAY?autoplay=1\\\" title=\\\"YouTube video player\\\" frameborder=\\\"0\\\" allow=\\\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\\\" referrerpolicy=\\\"strict-origin-when-cross-origin\\\" allowfullscreen><\\\/iframe>\",\"<iframe class=\\\"pwe-iframe\\\" src=\\\"https:\\\/\\\/www.youtube.com\\\/embed\\\/-RmRpZN1mHA?autoplay=1\\\" title=\\\"YouTube video player\\\" frameborder=\\\"0\\\" allow=\\\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\\\" referrerpolicy=\\\"strict-origin-when-cross-origin\\\" allowfullscreen><\\\/iframe>\"];\r\n                                const defaultImageHtml = [\"<div class=\\\"pwe-video-default\\\" style=\\\"background-image: url(https:\\\/\\\/i.ytimg.com\\\/vi\\\/TgHh38jvkAY\\\/sddefault.jpg);\\\">\\r\\n                                                        <img src=\\\"\\\/wp-content\\\/plugins\\\/pwe-media\\\/media\\\/youtube-button.webp\\\" alt=\\\"youtube play button\\\">\\r\\n                                                <\\\/div>\",\"<div class=\\\"pwe-video-default\\\" style=\\\"background-image: url(https:\\\/\\\/i.ytimg.com\\\/vi\\\/-RmRpZN1mHA\\\/sddefault.jpg);\\\">\\r\\n                                                        <img src=\\\"\\\/wp-content\\\/plugins\\\/pwe-media\\\/media\\\/youtube-button.webp\\\" alt=\\\"youtube play button\\\">\\r\\n                                                <\\\/div>\",\"<div class=\\\"pwe-video-default\\\" style=\\\"background-image: url(https:\\\/\\\/i.ytimg.com\\\/vi\\\/TgHh38jvkAY\\\/sddefault.jpg);\\\">\\r\\n                                                        <img src=\\\"\\\/wp-content\\\/plugins\\\/pwe-media\\\/media\\\/youtube-button.webp\\\" alt=\\\"youtube play button\\\">\\r\\n                                                <\\\/div>\",\"<div class=\\\"pwe-video-default\\\" style=\\\"background-image: url(https:\\\/\\\/i.ytimg.com\\\/vi\\\/-RmRpZN1mHA\\\/sddefault.jpg);\\\">\\r\\n                                                        <img src=\\\"\\\/wp-content\\\/plugins\\\/pwe-media\\\/media\\\/youtube-button.webp\\\" alt=\\\"youtube play button\\\">\\r\\n                                                <\\\/div>\",\"<div class=\\\"pwe-video-default\\\" style=\\\"background-image: url(https:\\\/\\\/i.ytimg.com\\\/vi\\\/TgHh38jvkAY\\\/sddefault.jpg);\\\">\\r\\n                                                        <img src=\\\"\\\/wp-content\\\/plugins\\\/pwe-media\\\/media\\\/youtube-button.webp\\\" alt=\\\"youtube play button\\\">\\r\\n                                                <\\\/div>\",\"<div class=\\\"pwe-video-default\\\" style=\\\"background-image: url(https:\\\/\\\/i.ytimg.com\\\/vi\\\/-RmRpZN1mHA\\\/sddefault.jpg);\\\">\\r\\n                                                        <img src=\\\"\\\/wp-content\\\/plugins\\\/pwe-media\\\/media\\\/youtube-button.webp\\\" alt=\\\"youtube play button\\\">\\r\\n                                                <\\\/div>\"];\r\n                                const iframesTitleArray = [\"Ptak Warsaw Expo | 2023\",\"The capital of fairs and events in Poland - Ptak Warsaw Expo\",\"Ptak Warsaw Expo | 2023\",\"The capital of fairs and events in Poland - Ptak Warsaw Expo\",\"Ptak Warsaw Expo | 2023\",\"The capital of fairs and events in Poland - Ptak Warsaw Expo\"];\r\n                                \r\n                                images.forEach((image, index) => {\r\n                                        image.addEventListener(\"click\", () => {\r\n                                                let iframeHtml = iframesArray[index];\r\n                                                let iframeTitle = iframesTitleArray[index];\r\n                                                image.innerHTML = `<div class=\"pwe-video-iframe\">${iframeHtml}<\/div>`;\r\n                                                if (iframeTitle !== \"\") {\r\n                                                        image.innerHTML += `<p class=\"pwe-video-title\">${iframeTitle}<\/p>`;\r\n                                                }\r\n                                        });\r\n                                });\r\n\r\n                                if(imagesMulti >=  2){\r\n                                        $(\"#PWEIframesSlider-43552 .slides\").each(function(){\r\n                                                $(this).css(\"justify-content\", \"center\");\r\n                                                if ($(this).children().length > 2){\r\n                                                        $(this).children().slice(2).remove();\r\n                                                };\r\n                                        });\r\n                                        const imageWidth = Math.floor((slidesWidth - imagesMulti * 10) \/ imagesMulti);\r\n                                        images.forEach((image) => {\r\n                                                image.style.minWidth = imageWidth + \"px\";\r\n                                                image.style.maxWidth = imageWidth + \"px\";\r\n                                        });\r\n                                } else {\r\n\r\n                                        const imageWidth = Math.floor((slidesWidth - imagesMulti * 10) \/ imagesMulti);\r\n                                        images.forEach((image) => {\r\n                                                image.style.minWidth = imageWidth + \"px\";\r\n                                                image.style.maxWidth = imageWidth + \"px\";\r\n                                        });\r\n\r\n                                        const slidesTransform = (imageWidth + 10) * 2;\r\n\r\n                                        slides.style.transform = `translateX(-${slidesTransform}px)`; \r\n\r\n                                        if (dotsContainer) {\r\n                                                dotsContainer.style.display = \"block\";\r\n                                        }  \r\n\r\n                                        const arrowHeight = imageWidth * 0.30;\r\n\r\n                                        sliderArrows.forEach(function(event){\r\n                                                event.style.top = arrowHeight + \"px\";\r\n                                        });\r\n\r\n                                        sliderArrows.forEach((arrow) => {\r\n                                                arrow.style.display = \"block\";\r\n                                        });\r\n\r\n                                        function nextSlide() {\r\n                                                if (isAnimating) return; \/\/ Sprawdzenie czy animacja jest w trakcie\r\n                                                isAnimating = true;\r\n\r\n                                                slides.querySelectorAll(\".pwe-video-item\").forEach(function(image) {\r\n                                                        image.classList.add(\"slide-right\");\r\n                                                });\r\n\r\n                                                const firstSlide = slides.firstElementChild;\r\n                                                if (firstSlide) {\r\n                                                        firstSlide.classList.add(\"first-slide\");\r\n\r\n                                                        slides.appendChild(firstSlide);\r\n\r\n                                                        setTimeout(() => {\r\n                                                                firstSlide.classList.remove(\"first-slide\");\r\n                                                                isAnimating = false;\r\n                                                        }, 500);\r\n                                                } else {\r\n                                                        isAnimating = false;\r\n                                                }\r\n\r\n                                                setTimeout(function () {\r\n                                                        slides.querySelectorAll(\".pwe-video-item\").forEach(function (image) {\r\n                                                                image.classList.remove(\"slide-right\");\r\n                                                        });\r\n                                                }, 500);\r\n\r\n                                                updateCurrentSlide(1);\r\n                                        }\r\n\r\n                                        function prevSlide() {\r\n                                                if (isAnimating) return;\r\n                                                isAnimating = true;\r\n\r\n                                                slides.querySelectorAll(\".pwe-video-item\").forEach(function(image) {\r\n                                                        image.classList.add(\"slide-left\");\r\n                                                });\r\n\r\n                                                const lastSlide = slides.lastElementChild;\r\n\r\n                                                if (lastSlide) {\r\n                                                        lastSlide.classList.add(\"last-slide\");\r\n\r\n                                                        slides.insertBefore(lastSlide, slides.firstChild);\r\n\r\n                                                        setTimeout(() => {\r\n                                                                lastSlide.classList.remove(\"last-slide\");\r\n                                                                isAnimating = false; \r\n                                                        }, 500);\r\n                                                } else {\r\n                                                        isAnimating = false;\r\n                                                }\r\n\r\n                                                \/\/ Usuwamy klas\u0119 \"slide\" ze wszystkich obraz\u00f3w po okre\u015blonym czasie\r\n                                                setTimeout(function () {\r\n                                                        slides.querySelectorAll(\".pwe-video-item\").forEach(function (image) {\r\n                                                                image.classList.remove(\"slide-left\");\r\n                                                        });\r\n                                                }, 500);\r\n\r\n                                                updateCurrentSlide(-1);\r\n                                        }\r\n\r\n                                        slider.addEventListener(\"mousemove\", function() {\r\n                                                isMouseOver = true;\r\n                                        });\r\n                                        \r\n                                        slider.addEventListener(\"mouseleave\", function() {\r\n                                                isMouseOver = false;\r\n                                        });\r\n\r\n                                        $(\"#PWEIframesSlider-43552 #prevButton\").on(\"click\", function() {\r\n                                                prevSlide();\r\n                                        });\r\n\r\n                                        $(\"#PWEIframesSlider-43552 #nextButton\").on(\"click\", function() {\r\n                                                nextSlide();\r\n                                        });\r\n\r\n                                        let isDown = false;\r\n                                        let startX;\r\n                                        let startY;\r\n                                        let slideMove = 0;\r\n                                        let currentSlide = 0;\r\n\r\n                                        function updateDots() {\r\n                                                if (dots[currentSlide]) {\r\n                                                        dots.forEach(dot => dot.classList.remove(\"active\"));\r\n                                                        dots[currentSlide].classList.add(\"active\");\r\n                                                }\r\n                                        }\r\n\r\n                                        function updateCurrentSlide(delta) {\r\n                                                currentSlide = (currentSlide + delta + dots.length) % dots.length;\r\n                                                updateDots();\r\n                                        }\r\n\r\n                                        slider.addEventListener(\"mousedown\", (e) => {\r\n                                                isDown = true;\r\n                                                slider.classList.add(\"active\");\r\n                                                startX = e.pageX - slider.offsetLeft;\r\n                                        });\r\n\r\n                                        slider.addEventListener(\"mouseleave\", () => {\r\n                                                isDown = false;\r\n                                                slider.classList.remove(\"active\");\r\n                                                resetSlider(slideMove);\r\n                                                slideMove = 0;\r\n                                                \r\n                                        });\r\n\r\n                                        slider.addEventListener(\"mouseup\", () => {\r\n                                                isDown = false;\r\n                                                slider.classList.remove(\"active\");\r\n                                                resetSlider(slideMove);\r\n                                                slideMove = 0;\r\n                                                \r\n                                        });\r\n\r\n                                        slider.addEventListener(\"mousemove\", (e) => {\r\n                                                if (!isDown) return;\r\n                                                e.preventDefault();\r\n                                                let preventDefaultNextTime = true;\r\n\r\n                                                $(e.target).parent().on(\"click\", function(event) {\r\n                                                        if (preventDefaultNextTime) {\r\n                                                                event.preventDefault();\r\n                                                                preventDefaultNextTime = true;\r\n\r\n                                                                setTimeout(() => {\r\n                                                                        preventDefaultNextTime = false;\r\n                                                                }, 200);\r\n                                                        }\r\n                                                });\r\n                                                const x = e.pageX - slider.offsetLeft;\r\n                                                const walk = (x - startX);\r\n                                                const transformWalk = slidesTransform - walk;\r\n                                                slides.style.transform = `translateX(-${transformWalk}px)`;\r\n                                                slideMove = (walk \/ imageWidth);\r\n                                        });\r\n\r\n                                        \/\/ Kod obs\u0142uguj\u0105cy przesuwanie dotykiem na urz\u0105dzeniach mobilnych\r\n\r\n                                        slider.addEventListener(\"touchstart\", (e) => {\r\n                                                isDown = true;\r\n                                                slider.classList.add(\"active\");\r\n                                                startX = e.touches[0].pageX - slider.offsetLeft;\r\n                                                startY = e.touches[0].pageY;\r\n                                                \r\n                                        });\r\n\r\n                                        slider.addEventListener(\"touchend\", () => {\r\n                                                isDown = false;\r\n                                                slider.classList.remove(\"active\");\r\n                                                resetSlider(slideMove);\r\n                                                slideMove = 0;\r\n                                                \r\n                                        });\r\n\r\n                                        slider.addEventListener(\"touchmove\", (e) => {\r\n                                                if (!isDown) return;\r\n                                        \r\n                                                if (!e.cancelable) return; \/\/ Dodajemy ten warunek, aby unikn\u0105\u0107 b\u0142\u0119du\r\n                                        \r\n                                                const x = e.touches[0].pageX - slider.offsetLeft;\r\n                                                const y = e.touches[0].pageY;\r\n                                                const walk = (x - startX);\r\n                                                const verticalDiff = Math.abs(y - startY);\r\n                                        \r\n                                                if (Math.abs(walk) > verticalDiff) { \/\/ Tylko je\u015bli ruch poziomy jest wi\u0119kszy ni\u017c pionowy\r\n                                                        e.preventDefault();\r\n                                                        const transformWalk = slidesTransform - walk;\r\n                                                        slides.style.transform = `translateX(-${transformWalk}px)`;\r\n                                                        slideMove = (walk \/ imageWidth);\r\n                                                }\r\n                                        });\r\n                                        \r\n                                        const resetSlider = (slideWalk) => {\r\n                                                const slidesMove = Math.abs(Math.round(slideWalk));\r\n                                                for (let i = 0; i < slidesMove; i++) {\r\n                                                        if (slideWalk > 0) {\r\n                                                                const lastSlide = slides.lastElementChild;\r\n                                                                if (lastSlide) {\r\n                                                                        lastSlide.classList.add(\"last-slide\");\r\n                                                                        slides.insertBefore(lastSlide, slides.firstChild);\r\n                                                                        lastSlide.classList.remove(\"last-slide\");\r\n                                                                        \r\n                                                                        updateCurrentSlide(1);\r\n                                                                        \r\n                                                                }\r\n                                                        } else {\r\n                                                                const firstSlide = slides.firstElementChild;\r\n                                                                if (firstSlide) {\r\n                                                                        firstSlide.classList.add(\"first-slide\");\r\n                                                                        slides.appendChild(firstSlide);\r\n                                                                        firstSlide.classList.remove(\"first-slide\");\r\n                                                                       \r\n                                                                        updateCurrentSlide(-1);\r\n                                                                        \r\n                                                                }\r\n                                                        }\r\n                                                }\r\n                                                slides.style.transform = `translateX(-${slidesTransform}px)`;\r\n                                        }\r\n                                                \r\n                                        setInterval(function() {\r\n                                                if (!isMouseOver && !isAnimating) {\r\n                                                        nextSlide();\r\n                                                }\r\n                                        }, 3000);\r\n                                }\r\n                        });                 \r\n                <\/script>\r\n                <\/div>\r\n            <\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_custom_heading text_size=&#8221;h4&#8243; uncode_shortcode_id=&#8221;233236&#8243; el_class=&#8221;main-heading-text&#8221;]Photo Gallery[\/vc_custom_heading][\/vc_column][\/vc_row][vc_row row_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; uncode_shortcode_id=&#8221;169344&#8243;][vc_column width=&#8221;1\/1&#8243;]<div class=\"pwelement pwelement_99427\">\r\n            <div id=\"pweMediaGallery-26420\" class=\"pwe-container-media-gallery\">\r\n                <div class=\"pwe-media-gallery-wrapper\"><div class=\"pwe-gallery-container pwe-media-gallery-slider\" style=\"margin: 0 auto; max-width: 1000px;\">\r\n                    \r\n                            <link href=\"\/wp-content\/plugins\/PWElements\/includes\/media-gallery\/assets\/fotorama\/fotorama.css\" rel=\"stylesheet\">\r\n\r\n                            <div class=\"pwe-media-gallery-slider-wrapper\" >\r\n                                <div \r\n                                    id=\"galleryContainer\"\r\n                                    class=\"fotorama\" \r\n                                    data-allowfullscreen=\"native\" \r\n                                    data-nav=\"thumbs\" \r\n                                    data-navposition=\"middle\"\r\n                                    data-thumbwidth=\"144\"\r\n                                    data-thumbheight=\"96\"\r\n                                    data-transition=\"crossfade\" \r\n                                    data-loop=\"true\" \r\n                                    data-autoplay=\"true\" \r\n                                    data-arrows=\"true\" \r\n                                    data-click=\"true\"\r\n                                    data-swipe=\"false\"><img decoding=\"async\" data-no-lazy=\"1\" src=\"\/doc\/galeria\/galeria_wine_beer_2024_1.webp\" alt=\"galery image\"><img decoding=\"async\" data-no-lazy=\"1\" src=\"\/doc\/galeria\/galeria_wine_beer_2024_2.webp\" alt=\"galery image\"><img decoding=\"async\" data-no-lazy=\"1\" src=\"\/doc\/galeria\/galeria_wine_beer_2024_3.webp\" alt=\"galery image\"><img decoding=\"async\" data-no-lazy=\"1\" src=\"\/doc\/galeria\/galeria_wine_beer_2025_1.webp\" alt=\"galery image\"><img decoding=\"async\" data-no-lazy=\"1\" src=\"\/doc\/galeria\/galeria_wine_beer_2025_2.webp\" alt=\"galery image\"><img decoding=\"async\" data-no-lazy=\"1\" src=\"\/doc\/galeria\/galeria_wine_beer_2025_3.webp\" alt=\"galery image\"><img decoding=\"async\" data-no-lazy=\"1\" src=\"\/doc\/galeria\/galeria_wine_beer_2025_4.webp\" alt=\"galery image\"><img decoding=\"async\" data-no-lazy=\"1\" src=\"\/doc\/galeria\/galeria_wine_beer_2025_5.webp\" alt=\"galery image\"><img decoding=\"async\" data-no-lazy=\"1\" src=\"\/doc\/galeria\/galeria_wine_beer_2025_6.webp\" alt=\"galery image\">\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <script src=\"\/wp-content\/plugins\/PWElements\/includes\/media-gallery\/assets\/fotorama\/fotorama.js\"><\/script>\r\n                        \r\n                        <\/div>  \r\n                <\/div>\r\n            <\/div>\r\n                    <script>\r\n                    {\r\n                        let enableScrolling = true;\r\n                        window.isDragging = false;\r\n\r\n                        const imagesArray = Array.from(document.querySelectorAll(\"#pweMediaGallery-26420 .pwe-media-gallery-image img\"));\r\n                \r\n                        imagesArray.forEach((image, index) => {\r\n                            image.addEventListener(\"click\", (e) => {\r\n\r\n                                if (window.isDraggingMedia) {\r\n                                    e.preventDefault(); \/\/ Block the opening of the modal if there was movement\r\n                                    window.isDraggingMedia = false; \/\/ Reset the flag after the click is handled\r\n                                    return;\r\n                                }\r\n\r\n                                \/\/ Create popup\r\n                                const popupDiv = document.createElement(\"div\");\r\n                                popupDiv.className = \"pwe-media-gallery-popup\";\r\n\r\n                                \/\/ Left arrow for previous image\r\n                                const leftArrow = document.createElement(\"span\");\r\n                                leftArrow.innerHTML = \"&#10094;\"; \/\/ HTML entity for left arrow\r\n                                leftArrow.className = \"pwe-media-gallery-left-arrow pwe-media-gallery-arrow\";\r\n                                popupDiv.appendChild(leftArrow);\r\n\r\n                                \/\/ Right arrow for next image\r\n                                const rightArrow = document.createElement(\"span\");\r\n                                rightArrow.innerHTML = \"&#10095;\"; \/\/ HTML entity for right arrow\r\n                                rightArrow.className = \"pwe-media-gallery-right-arrow pwe-media-gallery-arrow\";\r\n                                popupDiv.appendChild(rightArrow);\r\n                        \r\n                                \/\/ Close btn\r\n                                const closeSpan = document.createElement(\"span\");\r\n                                closeSpan.innerHTML = \"&times;\";\r\n                                closeSpan.className = \"pwe-media-gallery-close\";\r\n                                popupDiv.appendChild(closeSpan);\r\n                        \r\n                                const popupImage = document.createElement(\"img\");\r\n                                popupImage.src = image.getAttribute(\"src\");\r\n                                popupImage.alt = \"Popup Image\";\r\n                                popupDiv.appendChild(popupImage);\r\n                        \r\n                                \/\/ Add popup to <body>\r\n                                document.body.appendChild(popupDiv);\r\n                                popupDiv.style.display = \"flex\";\r\n\r\n                                disableScroll();\r\n                                enableScrolling = false;\r\n\r\n                                \/\/ Function to change image in popup\r\n                                let currentIndex = index; \/\/ Przechowuj bie\u017c\u0105cy indeks jako zmienn\u0105 zewn\u0119trzn\u0105\r\n\r\n                                const changeImage = (direction) => {\r\n                                    \/\/ Zastosowanie klasy fade-out przed zmian\u0105 \u017ar\u00f3d\u0142a obrazu\r\n                                    popupImage.classList.add(\"fade-out\");\r\n                                    popupImage.classList.remove(\"fade-in\");\r\n\r\n                                    setTimeout(() => {\r\n                                        currentIndex += direction;\r\n\r\n                                        if (currentIndex >= imagesArray.length) {\r\n                                            currentIndex = 0; \/\/ Wraca do pierwszego obrazka\r\n                                        } else if (currentIndex < 0) {\r\n                                            currentIndex = imagesArray.length - 1; \/\/ Przechodzi do ostatniego obrazka\r\n                                        }\r\n\r\n                                        popupImage.src = imagesArray[currentIndex].getAttribute(\"src\");\r\n\r\n                                        \/\/ Usuni\u0119cie klasy fade-out i dodanie fade-in po zmianie \u017ar\u00f3d\u0142a obrazu\r\n                                        popupImage.classList.remove(\"fade-out\");\r\n                                        popupImage.classList.add(\"fade-in\");\r\n                                    }, 100);\r\n                                };\r\n\r\n                                leftArrow.addEventListener(\"click\", () => changeImage(-1));\r\n                                rightArrow.addEventListener(\"click\", () => changeImage(1));\r\n\r\n                                \/\/ Remove popup when clicking the close button\r\n                                closeSpan.addEventListener(\"click\", () => {\r\n                                    popupDiv.remove();\r\n                                    enableScroll();\r\n                                    enableScrolling = true;\r\n                                });\r\n\r\n                                \/\/ Remove popup when clicking outside the image\r\n                                popupDiv.addEventListener(\"click\", (event) => {\r\n                                    if (event.target === popupDiv) { \/\/ Checks if the clicked element is the popupDiv itself\r\n                                        popupDiv.remove();\r\n                                        enableScroll();\r\n                                        enableScrolling = true;\r\n                                    }\r\n                                });\r\n                            });\r\n                        });\r\n\r\n                        \/\/ Prevent scrolling on touchmove when enableScrolling is false\r\n                        document.body.addEventListener(\"touchmove\", (event) => {\r\n                            if (!enableScrolling) {\r\n                                event.preventDefault();\r\n                            }\r\n                        }, { passive: false });\r\n\r\n                        \/\/ Disable page scrolling\r\n                        function disableScroll() {\r\n                            document.body.style.overflow = \"hidden\";\r\n                            document.documentElement.style.overflow = \"hidden\";\r\n                        }\r\n\r\n                        \/\/ Enable page scrolling\r\n                        function enableScroll() {\r\n                            document.body.style.overflow = \"\";\r\n                            document.documentElement.style.overflow = \"\";\r\n                        }\r\n                }\r\n                <\/script>\r\n            <script>\r\n                document.addEventListener(\"DOMContentLoaded\", function() {\r\n                    let pweMediaGallery = document.querySelectorAll(\".pwe-container-media-gallery\");\r\n                    pweMediaGallery.forEach((element) => {\r\n                        if (element) {\r\n                            element.style.opacity = 1;\r\n                            element.style.transition = \"opacity 0.3s ease\";\r\n                        }\r\n                    });\r\n                });\r\n            <\/script> \r\n        <script>\r\n            document.addEventListener(\"DOMContentLoaded\", function() {\r\n                let pweElement = document.querySelector(\".pwelement_99427\");\r\n                let pweElementRow = document.querySelector(\".row-container:has(.pwelement_99427)\");\r\n                let pweMediaGalleryContainer = pweElement.querySelector(\".pwe-container-media-gallery\") !== null;\r\n\r\n                if (pweMediaGalleryContainer == false) {\r\n                    pweElementRow.classList.add(\"desktop-hidden\", \"tablet-hidden\", \"mobile-hidden\");\r\n                }\r\n            });\r\n        <\/script><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row row_height_percent=&#8221;0&#8243; override_padding=&#8221;yes&#8221; h_padding=&#8221;2&#8243; top_padding=&#8221;3&#8243; bottom_padding=&#8221;2&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; uncode_shortcode_id=&#8221;547750&#8243;][vc_column column_width_percent=&#8221;100&#8243; position_vertical=&#8221;middle&#8221; gutter_size=&#8221;3&#8243; overlay_alpha=&#8221;50&#8243; shift_x=&#8221;0&#8243; shift_y=&#8221;0&#8243; shift_y_down=&#8221;0&#8243; z_index=&#8221;0&#8243; [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-214","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Gallery - Wine Warsaw Expo 2027<\/title>\n<meta name=\"description\" content=\"See the gallery of Wine Warsaw Expo \u2013 check out the fair through the lens of the camera.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/winewarsawexpo.com\/en\/gallery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gallery - Wine Warsaw Expo 2027\" \/>\n<meta property=\"og:description\" content=\"See the gallery of Wine Warsaw Expo \u2013 check out the fair through the lens of the camera.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/winewarsawexpo.com\/en\/gallery\/\" \/>\n<meta property=\"og:site_name\" content=\"Wine Warsaw Expo\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-25T13:24:47+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/winewarsawexpo.com\/en\/gallery\/\",\"url\":\"https:\/\/winewarsawexpo.com\/en\/gallery\/\",\"name\":\"Gallery - Wine Warsaw Expo 2027\",\"isPartOf\":{\"@id\":\"https:\/\/winewarsawexpo.com\/#website\"},\"datePublished\":\"2024-01-29T12:46:06+00:00\",\"dateModified\":\"2025-07-25T13:24:47+00:00\",\"description\":\"See the gallery of Wine Warsaw Expo \u2013 check out the fair through the lens of the camera.\",\"breadcrumb\":{\"@id\":\"https:\/\/winewarsawexpo.com\/en\/gallery\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/winewarsawexpo.com\/en\/gallery\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/winewarsawexpo.com\/en\/gallery\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\/\/winewarsawexpo.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Gallery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/winewarsawexpo.com\/#website\",\"url\":\"https:\/\/winewarsawexpo.com\/\",\"name\":\"Wine Warsaw Expo\",\"description\":\"Wine Products Trade Fair\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/winewarsawexpo.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gallery - Wine Warsaw Expo 2027","description":"See the gallery of Wine Warsaw Expo \u2013 check out the fair through the lens of the camera.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/winewarsawexpo.com\/en\/gallery\/","og_locale":"en_US","og_type":"article","og_title":"Gallery - Wine Warsaw Expo 2027","og_description":"See the gallery of Wine Warsaw Expo \u2013 check out the fair through the lens of the camera.","og_url":"https:\/\/winewarsawexpo.com\/en\/gallery\/","og_site_name":"Wine Warsaw Expo","article_modified_time":"2025-07-25T13:24:47+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/winewarsawexpo.com\/en\/gallery\/","url":"https:\/\/winewarsawexpo.com\/en\/gallery\/","name":"Gallery - Wine Warsaw Expo 2027","isPartOf":{"@id":"https:\/\/winewarsawexpo.com\/#website"},"datePublished":"2024-01-29T12:46:06+00:00","dateModified":"2025-07-25T13:24:47+00:00","description":"See the gallery of Wine Warsaw Expo \u2013 check out the fair through the lens of the camera.","breadcrumb":{"@id":"https:\/\/winewarsawexpo.com\/en\/gallery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/winewarsawexpo.com\/en\/gallery\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/winewarsawexpo.com\/en\/gallery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/winewarsawexpo.com\/en\/"},{"@type":"ListItem","position":2,"name":"Gallery"}]},{"@type":"WebSite","@id":"https:\/\/winewarsawexpo.com\/#website","url":"https:\/\/winewarsawexpo.com\/","name":"Wine Warsaw Expo","description":"Wine Products Trade Fair","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/winewarsawexpo.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/winewarsawexpo.com\/en\/wp-json\/wp\/v2\/pages\/214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/winewarsawexpo.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/winewarsawexpo.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/winewarsawexpo.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/winewarsawexpo.com\/en\/wp-json\/wp\/v2\/comments?post=214"}],"version-history":[{"count":7,"href":"https:\/\/winewarsawexpo.com\/en\/wp-json\/wp\/v2\/pages\/214\/revisions"}],"predecessor-version":[{"id":777,"href":"https:\/\/winewarsawexpo.com\/en\/wp-json\/wp\/v2\/pages\/214\/revisions\/777"}],"wp:attachment":[{"href":"https:\/\/winewarsawexpo.com\/en\/wp-json\/wp\/v2\/media?parent=214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}