\u0645\u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 - \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0634\u0631\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0642\u0629<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"style.css\">\r\n<\/head>\r\n<body>\r\n <section id=\"projects-section\">\r\n <div class=\"projects-container\">\r\n <div class=\"project-display-area\">\r\n <h2 id=\"project-sub-title\"><\/h2>\r\n \r\n <div class=\"project-large-image\">\r\n <div class=\"image-overflow-wrapper\">\r\n \r\n <img decoding=\"async\" id=\"main-project-image\" src=\"https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0014_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg\" alt=\"\u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\">\r\n <\/div>\r\n <button class=\"nav-arrow left-arrow\" id=\"main-prev-arrow\">\u2039<\/button>\r\n <button class=\"nav-arrow right-arrow\" id=\"main-next-arrow\">\u203a<\/button>\r\n <\/div>\r\n\r\n <div class=\"project-navigation-center\">\r\n <a href=\"https:\/\/eventumexhibitions.com\/para-sport\/\" class=\"cta-button project-nav-btn\" id=\"nav-prev\"> \u0627\u0644\u0633\u0627\u0628\u0642 <\/a>\r\n <span class=\"projects-text\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/span>\r\n <a href=\"https:\/\/eventumexhibitions.com\/ar\/crm\/\" class=\"cta-button project-nav-btn\" id=\"nav-next\">\u0627\u0644\u062a\u0627\u0644\u064a<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"project-slider-wrapper\">\r\n \r\n <div class=\"project-slider-track-container\" style=\"direction: ltr;\">\r\n <div id=\"project-slider-track\" class=\"project-slider-track\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const projects = [\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0014_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0000_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0001_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0002_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0003_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0004_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0006_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0007_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0009_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0010_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0011_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0013_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0015_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0016_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0017_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' }\r\n ];\r\n\r\n const mainImage = document.getElementById('main-project-image');\r\n const subTitle = document.getElementById('project-sub-title');\r\n const sliderTrack = document.getElementById('project-slider-track');\r\n const mainPrevArrow = document.getElementById('main-prev-arrow');\r\n const mainNextArrow = document.getElementById('main-next-arrow');\r\n const navPrev = document.getElementById('nav-prev');\r\n const navNext = document.getElementById('nav-next');\r\n \r\n let currentIndex = 0;\r\n\r\n function populateSlider() {\r\n sliderTrack.innerHTML = '';\r\n projects.forEach((project, index) => {\r\n const thumbContainer = document.createElement('div');\r\n thumbContainer.classList.add('thumbnail-item');\r\n thumbContainer.dataset.index = index;\r\n const thumbImg = document.createElement('img');\r\n thumbImg.src = project.thumbnail;\r\n thumbContainer.appendChild(thumbImg);\r\n sliderTrack.appendChild(thumbContainer);\r\n });\r\n }\r\n\r\n function updateProjectDisplay(index) {\r\n if (index < 0 || index >= projects.length) return;\r\n \r\n mainImage.style.opacity = '0.5';\r\n \r\n setTimeout(() => {\r\n mainImage.src = projects[index].thumbnail;\r\n subTitle.textContent = projects[index].title || '';\r\n mainImage.style.opacity = '1';\r\n }, 200);\r\n \r\n const thumbnails = document.querySelectorAll('.thumbnail-item');\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n if (thumbnails[index]) {\r\n thumbnails[index].classList.add('active');\r\n \r\n const containerWidth = document.querySelector('.project-slider-track-container').offsetWidth;\r\n const thumbLeft = thumbnails[index].offsetLeft;\r\n const thumbWidth = thumbnails[index].offsetWidth;\r\n const trackScrollWidth = sliderTrack.scrollWidth;\r\n \r\n let scrollAmount = thumbLeft - (containerWidth \/ 2) + (thumbWidth \/ 2);\r\n scrollAmount = Math.max(0, Math.min(scrollAmount, trackScrollWidth - containerWidth));\r\n sliderTrack.style.transform = `translateX(-${scrollAmount}px)`;\r\n }\r\n currentIndex = index;\r\n }\r\n\r\n mainNextArrow.addEventListener('click', () => updateProjectDisplay((currentIndex + 1) % projects.length));\r\n mainPrevArrow.addEventListener('click', () => updateProjectDisplay((currentIndex - 1 + projects.length) % projects.length));\r\n\r\n \/\/ \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u062a\u0646\u0642\u0644 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0645\u0639 \u0631\u0648\u0627\u0628\u0637\u0643\r\n navNext.addEventListener('click', () => {\r\n if (currentIndex === projects.length - 1) {\r\n window.location.href = 'https:\/\/eventumexhibitions.com\/ar\/crm\/'; \r\n } else {\r\n updateProjectDisplay(currentIndex + 1);\r\n }\r\n });\r\n\r\n navPrev.addEventListener('click', () => {\r\n if (currentIndex === 0) {\r\n window.location.href = 'https:\/\/eventumexhibitions.com\/para-sport\/'; \r\n } else {\r\n updateProjectDisplay(currentIndex - 1);\r\n }\r\n });\r\n\r\n sliderTrack.addEventListener('click', (e) => {\r\n const thumb = e.target.closest('.thumbnail-item');\r\n if (thumb) updateProjectDisplay(parseInt(thumb.dataset.index));\r\n });\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'ArrowRight') mainNextArrow.click();\r\n else if (e.key === 'ArrowLeft') mainPrevArrow.click();\r\n });\r\n\r\n populateSlider();\r\n updateProjectDisplay(0);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 – \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0634\u0631\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0642\u0629 \u2039 \u203a \u0627\u0644\u0633\u0627\u0628\u0642 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0627\u0644\u064a<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[139,121],"tags":[226],"class_list":["post-24256","post","type-post","status-publish","format-standard","hentry","category-139","category-121","tag-jubilee-celebration-ar"],"_links":{"self":[{"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/posts\/24256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/comments?post=24256"}],"version-history":[{"count":3,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/posts\/24256\/revisions"}],"predecessor-version":[{"id":30544,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/posts\/24256\/revisions\/30544"}],"wp:attachment":[{"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/media?parent=24256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/categories?post=24256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/tags?post=24256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u0645\u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 - \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0634\u0631\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0642\u0629<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"style.css\">\r\n<\/head>\r\n<body>\r\n <section id=\"projects-section\">\r\n <div class=\"projects-container\">\r\n <div class=\"project-display-area\">\r\n <h2 id=\"project-sub-title\"><\/h2>\r\n \r\n <div class=\"project-large-image\">\r\n <div class=\"image-overflow-wrapper\">\r\n \r\n <img decoding=\"async\" id=\"main-project-image\" src=\"https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0014_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg\" alt=\"\u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\">\r\n <\/div>\r\n <button class=\"nav-arrow left-arrow\" id=\"main-prev-arrow\">\u2039<\/button>\r\n <button class=\"nav-arrow right-arrow\" id=\"main-next-arrow\">\u203a<\/button>\r\n <\/div>\r\n\r\n <div class=\"project-navigation-center\">\r\n <a href=\"https:\/\/eventumexhibitions.com\/para-sport\/\" class=\"cta-button project-nav-btn\" id=\"nav-prev\"> \u0627\u0644\u0633\u0627\u0628\u0642 <\/a>\r\n <span class=\"projects-text\">\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639<\/span>\r\n <a href=\"https:\/\/eventumexhibitions.com\/ar\/crm\/\" class=\"cta-button project-nav-btn\" id=\"nav-next\">\u0627\u0644\u062a\u0627\u0644\u064a<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"project-slider-wrapper\">\r\n \r\n <div class=\"project-slider-track-container\" style=\"direction: ltr;\">\r\n <div id=\"project-slider-track\" class=\"project-slider-track\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const projects = [\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0014_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0000_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0001_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0002_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0003_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0004_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0006_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0007_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0009_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0010_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0011_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0013_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0015_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0016_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' },\r\n { thumbnail: 'https:\/\/eventumexhibitions.com\/wp-content\/uploads\/2025\/10\/Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy_0017_Silver-Jubilee-Celebration-of-the-Sharjah-Police-Academy-2.jpg', title: '\u0641\u0639\u0627\u0644\u064a\u0629 \u062d\u0643\u0648\u0645\u064a\u0629' }\r\n ];\r\n\r\n const mainImage = document.getElementById('main-project-image');\r\n const subTitle = document.getElementById('project-sub-title');\r\n const sliderTrack = document.getElementById('project-slider-track');\r\n const mainPrevArrow = document.getElementById('main-prev-arrow');\r\n const mainNextArrow = document.getElementById('main-next-arrow');\r\n const navPrev = document.getElementById('nav-prev');\r\n const navNext = document.getElementById('nav-next');\r\n \r\n let currentIndex = 0;\r\n\r\n function populateSlider() {\r\n sliderTrack.innerHTML = '';\r\n projects.forEach((project, index) => {\r\n const thumbContainer = document.createElement('div');\r\n thumbContainer.classList.add('thumbnail-item');\r\n thumbContainer.dataset.index = index;\r\n const thumbImg = document.createElement('img');\r\n thumbImg.src = project.thumbnail;\r\n thumbContainer.appendChild(thumbImg);\r\n sliderTrack.appendChild(thumbContainer);\r\n });\r\n }\r\n\r\n function updateProjectDisplay(index) {\r\n if (index < 0 || index >= projects.length) return;\r\n \r\n mainImage.style.opacity = '0.5';\r\n \r\n setTimeout(() => {\r\n mainImage.src = projects[index].thumbnail;\r\n subTitle.textContent = projects[index].title || '';\r\n mainImage.style.opacity = '1';\r\n }, 200);\r\n \r\n const thumbnails = document.querySelectorAll('.thumbnail-item');\r\n thumbnails.forEach(t => t.classList.remove('active'));\r\n if (thumbnails[index]) {\r\n thumbnails[index].classList.add('active');\r\n \r\n const containerWidth = document.querySelector('.project-slider-track-container').offsetWidth;\r\n const thumbLeft = thumbnails[index].offsetLeft;\r\n const thumbWidth = thumbnails[index].offsetWidth;\r\n const trackScrollWidth = sliderTrack.scrollWidth;\r\n \r\n let scrollAmount = thumbLeft - (containerWidth \/ 2) + (thumbWidth \/ 2);\r\n scrollAmount = Math.max(0, Math.min(scrollAmount, trackScrollWidth - containerWidth));\r\n sliderTrack.style.transform = `translateX(-${scrollAmount}px)`;\r\n }\r\n currentIndex = index;\r\n }\r\n\r\n mainNextArrow.addEventListener('click', () => updateProjectDisplay((currentIndex + 1) % projects.length));\r\n mainPrevArrow.addEventListener('click', () => updateProjectDisplay((currentIndex - 1 + projects.length) % projects.length));\r\n\r\n \/\/ \u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u062a\u0646\u0642\u0644 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0645\u0639 \u0631\u0648\u0627\u0628\u0637\u0643\r\n navNext.addEventListener('click', () => {\r\n if (currentIndex === projects.length - 1) {\r\n window.location.href = 'https:\/\/eventumexhibitions.com\/ar\/crm\/'; \r\n } else {\r\n updateProjectDisplay(currentIndex + 1);\r\n }\r\n });\r\n\r\n navPrev.addEventListener('click', () => {\r\n if (currentIndex === 0) {\r\n window.location.href = 'https:\/\/eventumexhibitions.com\/para-sport\/'; \r\n } else {\r\n updateProjectDisplay(currentIndex - 1);\r\n }\r\n });\r\n\r\n sliderTrack.addEventListener('click', (e) => {\r\n const thumb = e.target.closest('.thumbnail-item');\r\n if (thumb) updateProjectDisplay(parseInt(thumb.dataset.index));\r\n });\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'ArrowRight') mainNextArrow.click();\r\n else if (e.key === 'ArrowLeft') mainPrevArrow.click();\r\n });\r\n\r\n populateSlider();\r\n updateProjectDisplay(0);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0639\u0631\u0636 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 – \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0634\u0631\u0637\u0629 \u0627\u0644\u0634\u0627\u0631\u0642\u0629 \u2039 \u203a \u0627\u0644\u0633\u0627\u0628\u0642 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u062a\u0627\u0644\u064a<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[139,121],"tags":[226],"class_list":["post-24256","post","type-post","status-publish","format-standard","hentry","category-139","category-121","tag-jubilee-celebration-ar"],"_links":{"self":[{"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/posts\/24256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/comments?post=24256"}],"version-history":[{"count":3,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/posts\/24256\/revisions"}],"predecessor-version":[{"id":30544,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/posts\/24256\/revisions\/30544"}],"wp:attachment":[{"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/media?parent=24256"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/categories?post=24256"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eventumexhibitions.com\/ar\/wp-json\/wp\/v2\/tags?post=24256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}