{"id":1478,"date":"2024-06-10T07:32:47","date_gmt":"2024-06-10T07:32:47","guid":{"rendered":"https:\/\/mpqua.upsi.edu.my\/index.php\/galeri\/"},"modified":"2025-12-05T08:21:10","modified_gmt":"2025-12-05T08:21:10","slug":"galeri","status":"publish","type":"page","link":"https:\/\/mpqua.upsi.edu.my\/index.php\/galeri\/?lang=ms","title":{"rendered":"Mesyuarat"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1478\" class=\"elementor elementor-1478 elementor-465\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12290f4 e-grid e-con-boxed e-con e-parent\" data-id=\"12290f4\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f1d387 elementor-widget elementor-widget-html\" data-id=\"4f1d387\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"swiper-slide\" data-content=\"content-1\" style=\"\">\n  <!-- Tab 1 Slide -->\n    <h3 id=\"month-name\">MESYUARAT MPQ UA<\/h3>\n    <h5 id=\"month-desc\"><\/h5>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e17f8a7 e-flex e-con-boxed e-con e-parent\" data-id=\"e17f8a7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07d40f4 elementor-widget elementor-widget-html\" data-id=\"07d40f4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"gallery-container\">\r\n        <!-- Gallery content will be generated by JavaScript -->\r\n        <div id=\"galleryWrapper\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Lightbox -->\r\n    <div class=\"lightbox\" id=\"lightbox\">\r\n        <div class=\"lightbox-content\">\r\n            <button class=\"lightbox-close\" onclick=\"closeLightbox()\">\u00d7<\/button>\r\n<button class=\"lightbox-nav lightbox-prev\" onclick=\"navigateLightbox(-1)\">\u2039<\/button>\r\n<img decoding=\"async\" id=\"lightboxImg\" src=\"\" alt=\"\">\r\n<button class=\"lightbox-nav lightbox-next\" onclick=\"navigateLightbox(1)\">\u203a<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n     <script>\r\n        \/\/ Gallery data structure organized by year\r\n        const galleriesByYear = {\r\n            '2025': [\r\n                {\r\n                    id: '2025-bil1',\r\n                    title: 'MPQ-UA BIL. 1-2025',\r\n                    date: '27 February 2025',\r\n                    images: [\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/490314499_1229925575657114_5784255500287541772_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/490372210_1229925645657107_9062495137465371574_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/490559873_1229925912323747_5420653699648433046_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/490593622_1229925858990419_6652448432138194211_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/490370139_1229925715657100_8492674873787173709_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/490366387_1229925745657097_554338143109791132_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/490220603_1229925678990437_1510203916601562791_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/491281039_1229925582323780_6908519919518793172_n.jpg',\r\n                    ]\r\n                },\r\n                {\r\n                    id: '2025-bil2',\r\n                    title: 'MPQ-UA BIL. 2-2025',\r\n                    date: '15 May 2025',\r\n                    images: [\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/503826116_736348245577339_4610023683950642839_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/503738419_736348402243990_2615332171137011918_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/503858622_736348455577318_9214534842805094393_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/503355071_736348448910652_5319639358061035545_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/503832180_736348492243981_587394864807610083_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/503761724_736348368910660_6705654163619174859_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/503542610_736348358910661_8877152719018200544_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/503502312_736348412243989_1267881985166998076_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/503611425_736348232244007_5892754221958420800_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/503796204_736348288910668_8772565690057521980_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/503587788_736348315577332_8032064824345455677_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/503832146_736348305577333_8312895378019516015_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/503909899_736348485577315_6633581907134035457_n.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/08\/503511592_736348282244002_4071337838138508891_n.jpg'\r\n                    ]\r\n                },\r\n                {\r\n                    id: '2025-bil3',\r\n                    title: 'MPQ-UA BIL. 3-2025',\r\n                    date: '14 August 2025',\r\n                    images: [\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-05-at-16.05.31_2fe71dc5.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-05-at-16.11.46_acfc321e.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-05-at-16.11.44_233774f3.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-05-at-16.11.45_7f2a4e76.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-05-at-16.11.44_1604352e.jpg'\r\n                    ]\r\n                },\r\n                {\r\n                    id: '2025-bil4',\r\n                    title: 'MPQ-UA BIL. 4-2025',\r\n                    date: '16 October 2025',\r\n                    images: [\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2025-12-03-at-16.04.26_4152fa86.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-29-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-28-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-27-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-26-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-25-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-24-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-22-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-21-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-20-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-19-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-18-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-16-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-14-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-13-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-12-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-11-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-9-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-8-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-7-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-4-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-3-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-2-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/mpq_ua_bil_4-1-scaled.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/12\/565713190_1396363175680019_4556149875862494692_n.jpg'\r\n                    ]\r\n                },\r\n                {\r\n                    id: '2025-bil5',\r\n                    title: 'BIL. 5-2025',\r\n                    date: 'Coming Soon',\r\n                    images: []\r\n                }\r\n            ],\r\n            '2024': [\r\n                {\r\n                    id: '2024-bil1',\r\n                    title: 'MPQ-UA BIL. 1-2024',\r\n                    date: '12 March 2024',\r\n                    images: [\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/MPQKPT1.jpg',\r\n                    ]\r\n                },\r\n                {\r\n                    id: '2024-bil2',\r\n                    title: 'MPQ-UA BIL. 2-2024',\r\n                    date: '24 June 2024',\r\n                    images: [\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniMAP1.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniMAP2.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniMAP3.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniMAP4.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniMAP5.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniMAP6.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniMAP7.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniMAP9.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniMAP10.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniMAP11.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniMAP12.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniMAP13.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniMAP14.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniMAP15.jpg',\r\n                    ]\r\n                },\r\n                {\r\n                    id: '2024-bil3',\r\n                    title: 'MPQ-UA BIL. 3-2024',\r\n                    date: '18 September 2024',\r\n                    images: [\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA1.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA37.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA36.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA35.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA34.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA33.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA32.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA31.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA30.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA29.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA28.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA27.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA26.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA25.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA24.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA23.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA22.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA21.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA20.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA19.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA18.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA17.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA16.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA15.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA14.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA13.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA12.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA11.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA10.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA9.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA8.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA7.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA6.jpg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UniSZA5.jpg'\r\n                    ]\r\n                },\r\n                {\r\n                    id: '2024-bil4',\r\n                    title: 'MPQ-UA BIL. 4-2024',\r\n                    date: '1 October 2024',\r\n                    images: [\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UNIMAS-3.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UNIMAS-1.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UNIMAS-2.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UNIMAS-4.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UNIMAS-5.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UNIMAS-6.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UNIMAS-7.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UNIMAS-8.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UNIMAS-9.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UNIMAS-10.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UNIMAS-11.jpeg',\r\n                        \r\n                    ]\r\n                },\r\n                {\r\n                    id: '2024-bil5',\r\n                    title: 'MPQ-UA BIL. 5-2024',\r\n                    date: '16 December 2024',\r\n                    images: [\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UIAM-25.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UIAM-30.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UIAM-16.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UIAM-13.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UIAM-12.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UIAM-10.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UIAM.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UIAM-2.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UIAM-3.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UIAM-4.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UIAM-5.jpeg',\r\n                        'https:\/\/mpqua.upsi.edu.my\/wp-content\/uploads\/2025\/01\/UIAM-7.jpeg'\r\n                           \r\n                    ]\r\n                }\r\n            ]\r\n        };\r\n\r\n        let currentGallery = [];\r\n        let currentImageIndex = 0;\r\n        let activeGalleryId = null;\r\n\r\n        \/\/ Initialize gallery\r\n        function initGallery() {\r\n            const wrapper = document.getElementById('galleryWrapper');\r\n            \r\n            \/\/ Sort years in descending order (newest first)\r\n            const sortedYears = Object.keys(galleriesByYear).sort((a, b) => b - a);\r\n\r\n            sortedYears.forEach(year => {\r\n                \/\/ Create year section\r\n                const yearSection = document.createElement('div');\r\n                yearSection.className = 'year-section';\r\n\r\n                \/\/ Year header\r\n                const yearHeader = document.createElement('div');\r\n                yearHeader.className = 'year-header';\r\n                yearHeader.innerHTML = `\r\n                    <div class=\"year-title\">${year}<\/div>\r\n                    <div class=\"year-line\"><\/div>\r\n                `;\r\n                yearSection.appendChild(yearHeader);\r\n\r\n                \/\/ Tabs navigation for this year\r\n                const tabsNav = document.createElement('div');\r\n                tabsNav.className = 'tabs-nav';\r\n\r\n                galleriesByYear[year].forEach((gallery, index) => {\r\n                    const tabBtn = document.createElement('button');\r\n                    tabBtn.className = `tab-btn ${index === 0 ? 'active' : ''}`;\r\n                    tabBtn.textContent = gallery.title;\r\n                    tabBtn.onclick = () => switchTab(gallery.id, year);\r\n                    tabsNav.appendChild(tabBtn);\r\n                });\r\n\r\n                yearSection.appendChild(tabsNav);\r\n\r\n                \/\/ Gallery contents for this year\r\n                galleriesByYear[year].forEach((gallery, index) => {\r\n                    const contentDiv = document.createElement('div');\r\n                    contentDiv.className = `gallery-content ${index === 0 ? 'active' : ''}`;\r\n                    contentDiv.id = gallery.id;\r\n\r\n                    if (gallery.images.length === 0) {\r\n                        \/\/ Empty state\r\n                        contentDiv.innerHTML = `\r\n                            <div class=\"empty-state\">\r\n                                <div class=\"empty-state-icon\">\ud83d\udcf8<\/div>\r\n                                <div class=\"empty-state-text\">No photos available yet<\/div>\r\n                            <\/div>\r\n                        `;\r\n                    } else {\r\n                        \/\/ Create gallery grid\r\n                        const gridDiv = document.createElement('div');\r\n                        gridDiv.className = 'gallery-grid';\r\n\r\n                        gallery.images.forEach((imgSrc, imgIndex) => {\r\n                            const item = document.createElement('div');\r\n                            item.className = 'gallery-item';\r\n                            item.onclick = () => openLightbox(gallery.id, imgIndex);\r\n\r\n                            const img = document.createElement('img');\r\n                            img.src = imgSrc;\r\n                            img.alt = `${gallery.title} - Photo ${imgIndex + 1}`;\r\n                            img.loading = 'lazy';\r\n\r\n                            const overlay = document.createElement('div');\r\n                            overlay.className = 'gallery-item-overlay';\r\n                            overlay.innerHTML = `\r\n                                <div class=\"gallery-item-title\">${gallery.title}<\/div>\r\n                                <div class=\"gallery-item-date\">${gallery.date}<\/div>\r\n                            `;\r\n\r\n                            item.appendChild(img);\r\n                            item.appendChild(overlay);\r\n                            gridDiv.appendChild(item);\r\n                        });\r\n\r\n                        contentDiv.appendChild(gridDiv);\r\n                    }\r\n\r\n                    yearSection.appendChild(contentDiv);\r\n                });\r\n\r\n                wrapper.appendChild(yearSection);\r\n            });\r\n\r\n            \/\/ Set initial active gallery\r\n            const firstYear = sortedYears[0];\r\n            activeGalleryId = galleriesByYear[firstYear][0].id;\r\n        }\r\n\r\n        \/\/ Switch tab\r\n        function switchTab(galleryId, year) {\r\n            activeGalleryId = galleryId;\r\n\r\n            \/\/ Find the year section\r\n            const yearSections = document.querySelectorAll('.year-section');\r\n            yearSections.forEach(section => {\r\n                const yearTitle = section.querySelector('.year-title');\r\n                if (yearTitle && yearTitle.textContent === year) {\r\n                    \/\/ Update tabs\r\n                    const tabs = section.querySelectorAll('.tab-btn');\r\n                    const contents = section.querySelectorAll('.gallery-content');\r\n                    \r\n                    tabs.forEach(tab => {\r\n                        const gallery = galleriesByYear[year].find(g => g.title === tab.textContent);\r\n                        tab.classList.toggle('active', gallery && gallery.id === galleryId);\r\n                    });\r\n\r\n                    contents.forEach(content => {\r\n                        content.classList.toggle('active', content.id === galleryId);\r\n                    });\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Open lightbox\r\n        function openLightbox(galleryId, imageIndex) {\r\n            \/\/ Find the gallery\r\n            let gallery = null;\r\n            for (const year in galleriesByYear) {\r\n                gallery = galleriesByYear[year].find(g => g.id === galleryId);\r\n                if (gallery) break;\r\n            }\r\n\r\n            if (!gallery || gallery.images.length === 0) return;\r\n\r\n            currentGallery = gallery.images;\r\n            currentImageIndex = imageIndex;\r\n            updateLightboxImage();\r\n            document.getElementById('lightbox').classList.add('active');\r\n            document.body.style.overflow = 'hidden';\r\n        }\r\n\r\n        \/\/ Close lightbox\r\n        function closeLightbox() {\r\n            document.getElementById('lightbox').classList.remove('active');\r\n            document.body.style.overflow = 'auto';\r\n        }\r\n\r\n        \/\/ Navigate lightbox\r\n        function navigateLightbox(direction) {\r\n            currentImageIndex += direction;\r\n            if (currentImageIndex < 0) {\r\n                currentImageIndex = currentGallery.length - 1;\r\n            } else if (currentImageIndex >= currentGallery.length) {\r\n                currentImageIndex = 0;\r\n            }\r\n            updateLightboxImage();\r\n        }\r\n\r\n        \/\/ Update lightbox image\r\n        function updateLightboxImage() {\r\n            const img = document.getElementById('lightboxImg');\r\n            img.style.opacity = '0';\r\n            setTimeout(() => {\r\n                img.src = currentGallery[currentImageIndex];\r\n                img.style.opacity = '1';\r\n            }, 150);\r\n        }\r\n\r\n        \/\/ Keyboard navigation\r\n        document.addEventListener('keydown', (e) => {\r\n            const lightbox = document.getElementById('lightbox');\r\n            if (lightbox.classList.contains('active')) {\r\n                if (e.key === 'Escape') closeLightbox();\r\n                if (e.key === 'ArrowLeft') navigateLightbox(-1);\r\n                if (e.key === 'ArrowRight') navigateLightbox(1);\r\n            }\r\n        });\r\n\r\n        \/\/ Close lightbox on background click\r\n        document.getElementById('lightbox').addEventListener('click', (e) => {\r\n            if (e.target.id === 'lightbox') {\r\n                closeLightbox();\r\n            }\r\n        });\r\n\r\n        \/\/ Add smooth transition to lightbox image\r\n        document.getElementById('lightboxImg').style.transition = 'opacity 0.3s ease';\r\n\r\n        \/\/ Initialize on page load\r\n        initGallery();\r\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>MESYUARAT MPQ UA \u00d7 \u2039 \u203a<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1478","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/pages\/1478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/comments?post=1478"}],"version-history":[{"count":20,"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/pages\/1478\/revisions"}],"predecessor-version":[{"id":4913,"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/pages\/1478\/revisions\/4913"}],"wp:attachment":[{"href":"https:\/\/mpqua.upsi.edu.my\/index.php\/wp-json\/wp\/v2\/media?parent=1478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}