{"id":384,"date":"2024-08-15T15:55:43","date_gmt":"2024-08-15T07:55:43","guid":{"rendered":"https:\/\/www.cyma.edu.hk\/?page_id=384"},"modified":"2025-02-08T13:48:03","modified_gmt":"2025-02-08T05:48:03","slug":"school-facilities","status":"publish","type":"page","link":"https:\/\/www.cyma.edu.hk\/en\/school-profile\/school-facilities\/","title":{"rendered":"School Facilities"},"content":{"rendered":"<p><strong>Shot by: 2C \u6587\u6d1b\u5ef7\u30012C \u9ec3\u6cbb\u8ed2<\/strong><\/p>\n\n\n\n<p><strong>Equipment: Insta360 X4<\/strong><\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">G\/F &#8211; ELSAC \u82f1\u8a9e\u81ea\u5b78\u4e2d\u5fc3<\/h3>\n\n\n<style>#pano7441 div.pnlm-orientation-button {\n                    display: none;\n                }\n            .wpvr-floor-map .floor-plan-pointer.add-pulse:before {\n                border: 17px solid #cca92c;\n            }\n            @-webkit-keyframes pulse {\n                0% {\n                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n                }\n                70% {\n                    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n                }\n                100% {\n                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n                }\n            }\n            @keyframes pulse {\n            0% {\n                -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n                box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n            }\n            70% {\n                -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n                box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n            }\n            100% {\n                -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n                box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n            }\n        }<\/style><div id=\"master-container\" class=\"wpvr-cardboard\" style=\"max-width:600px; width: 100%; height: 400px; border-radius:; direction:ltr; \"><div id=\"pano27441\" class=\"pano-wrap pano-left\" style=\"width: 49%; border-radius:\"><div id=\"center-pointer27441\" class=\"vr-pointer-container\"><span class=\"center-pointer\"><\/span><\/div><\/div><div id=\"pano7441\" class=\"pano-wrap pano-right\" style=\"width: 100%;\"><div class=\"explainer\" id=\"explainer7441\" style=\"display: none\"><span class=\"close-explainer-video\"><i class=\"fa fa-times\"><\/i><\/span><\/div><div class=\"wpvr-floor-map\" id=\"wpvr-floor-map7441\" style=\"display: none\"><span class=\"close-floor-map-plan\"><i class=\"fa fa-times\"><\/i><\/span><img decoding=\"async\" loading=\"lazy\" src=\"\"><\/div><div class=\"wpvr-hotspot-tweak-contents-wrapper\" style=\"display: none\"><i class=\"fa fa-times cross\" data-id=\"7441\"><\/i><div class=\"wpvr-hotspot-tweak-contents-flex\"><div class=\"wpvr-hotspot-tweak-contents\"><\/div><\/div><\/div><div class=\"custom-ifram-wrapper\" style=\"display: none;\"><i class=\"fa fa-times cross\" data-id=\"7441\"><\/i><div class=\"custom-ifram-flex\"><div class=\"custom-ifram\"><\/div><\/div><\/div><\/div><\/div><script>(function ($) {jQuery(document).ready(function() {var response = [{\"panoid\":\"pano7441\"},{\"autoLoad\":true,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"autoRotate\":\"-5\",\"default\":{\"firstScene\":\"ELSAC\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"ELSAC\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/www.cyma.edu.hk\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/IMG_20241025_183313_145-scaled.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[]}}}];var scenes = response[1];if(scenes) {var scenedata = scenes.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i].type === \"info\") {    scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspot;} else if(scenehotspot[i].type === \"scene\") {    scenehotspot[i][\"clickHandlerArgs\"] = scenehotspot[i][\"text\"];if(wpvr_public.is_pro_active) {    scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspotscene;}}if(scenehotspot[i][\"createTooltipArgs\"] != \"\") {scenehotspot[i][\"createTooltipFunc\"] = wpvrtooltip;}}}}var panoshow7441 = pannellum.viewer(response[0][\"panoid\"], scenes);var response_duplicate = [{\"panoid\":\"pano7441\"},{\"autoLoad\":true,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"autoRotate\":false,\"default\":{\"firstScene\":\"ELSAC\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"ELSAC\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/www.cyma.edu.hk\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/IMG_20241025_183313_145-scaled.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[]}}}];var scenes_duplicate = response_duplicate[1];if(scenes_duplicate) {var scenedata = scenes_duplicate.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i][\"clickHandlerArgs\"] != \"\") {scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspot;}if(scenehotspot[i][\"createTooltipArgs\"] != \"\") {scenehotspot[i][\"createTooltipFunc\"] = wpvrtooltip;}}}}var vr_mode = \"off\";jQuery(\"#pano7441 .wpvr-floor-map .floor-plan-pointer\").on(\"click\",function(){\n           var scene_id = jQuery(this).attr(\"scene_id\");\n           panoshow7441.loadScene(scene_id)\n           jQuery(\".floor-plan-pointer\").removeClass(\"add-pulse\")\n           jQuery(this).addClass(\"add-pulse\")\n        });panoshow7441.on(\"mousemove\", function (data){\n            jQuery(\".add-pulse\").css({\"transform\":\"rotate(\"+data.yaw+\"deg)\"});\n        });\n    const node = document.querySelector(\".add-pulse\");\n        panoshow7441.on(\"compasschange\", function (data){\n            console.log(data);\n            \/\/ const node = document.querySelector(\".add-pulse\");\n            \/\/ node.style.transform = data;\n            \/\/ jQuery(\".add-pulse\").css({\"transform\":data});\n            });panoshow7441.on(\"load\", function (){\n            \/\/ if(localStorage.getItem(\"vr_mode\") == \"off\") {\n            if(vr_mode == \"off\") {\n                  jQuery(\".vr-mode-title\").hide();\n                } else {\n                jQuery(\"#pano27441 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano7441 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano27441 .pnlm-panorama-info\").hide();\n                jQuery(\"#pano7441 .pnlm-panorama-info\").hide();\n                jQuery(\".vr-mode-title\").show();\n             }\n            setTimeout(() => {\n                window.dispatchEvent(new Event(\"resize\"));\n            }, 200);\n\t\t\t\t\t\tif (jQuery(\"#pano7441\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n\t               jQuery(\"#controls7441\").css(\"bottom\", \"55px\");\n\t           }\n\t           else {\n\t             jQuery(\"#controls7441\").css(\"bottom\", \"5px\");\n\t           }\n\t\t\t\t\t});panoshow7441.on(\"render\", function (){\n              window.dispatchEvent(new Event(\"resize\"));\n            });if (scenes.autoRotate) {\n\t\t\t\t\t\tpanoshow7441.on(\"load\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow7441.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n\t\t\t\t\t\t});\n\t\t\t\t\t\tpanoshow7441.on(\"scenechange\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow7441.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n\t\t\t\t\t\t});\n\t\t\t\t\t}var touchtime = 0;jQuery(document).on(\"click\",\"#explainer_button_7441\",function() {\n                jQuery(\"#explainer7441\").slideToggle();\n            });\n            jQuery(document).on(\"click\",\".close-explainer-video\",function() {\n                jQuery(this).parent(\".explainer\").hide();\n                var el_src = jQuery(\".vr-iframe\").attr(\"src\");\n                jQuery(\".vr-iframe\").attr(\"src\", el_src);\n              });jQuery(document).on(\"click\",\"#floor_map_button_7441\",function() {\n                jQuery(\"#wpvr-floor-map7441\").toggle().removeClass(\"fullwindow\");\n              });\n              jQuery(document).on(\"dblclick\",\"#wpvr-floor-map7441\",function(){\n                jQuery(this).addClass(\"fullwindow\");\n                jQuery(this).parents(\".pano-wrap\").addClass(\"show-modal\");\n              });\n              jQuery(document).on(\"click\",\".close-floor-map-plan\",function() {\n                jQuery(this).parent(\".wpvr-floor-map\").hide();\n                jQuery(this).parent(\".wpvr-floor-map\").removeClass(\"fullwindow\");\n                jQuery(this).parents(\".pano-wrap\").removeClass(\"show-modal\");\n              });jQuery(document).ready(function($){\n\t\t              jQuery(\"#sccontrols7441\").hide();\n                      jQuery(\".wpvr_slider_nav\").hide();\n\t\t              jQuery(\".vrgctrl7441\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t          });var slide7441 = \"down\";\n\t\t          jQuery(document).on(\"click\",\"#vrgcontrols7441\",function() {\n\t\t            if (slide7441 == \"up\") {\n\t\t              jQuery(\".vrgctrl7441\").empty();\n\t\t              jQuery(\".vrgctrl7441\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t              slide7441 = \"down\";\n\t\t            }\n\t\t            else {\n\t\t              jQuery(\".vrgctrl7441\").empty();\n\t\t              jQuery(\".vrgctrl7441\").html('<i class=\"fa fa-angle-down\"><\/i>');\n\t\t              slide7441 = \"up\";\n\t\t            }\n                    jQuery(\".wpvr_slider_nav\").slideToggle(); \n\t\t            jQuery(\"#sccontrols7441\").slideToggle();\n\t\t          });jQuery(\".elementor-tab-title\").click(function(){\n                      var element_id;\n                      var pano_id;\n                      var element_id = this.id;\n                      element_id = element_id.split(\"-\");\n                      element_id = element_id[3];\n                      jQuery(\"#elementor-tab-content-\"+element_id).find(\"#master-container\").children(\"div\").eq(1).addClass(\"awwww\");\n                      var pano_id = jQuery(\".awwww\").attr(\"id\");\n                      jQuery(\"#elementor-tab-content-\"+element_id).find(\"#master-container\").children(\"div\").eq(1).removeClass(\"awwww\");;\n                      if (pano_id != undefined) {\n                        pano_id = pano_id.split(\"o\");\n                        pano_id = pano_id[1];\n                        if (pano_id == \"7441\") {\n                          jQuery(\"#pano7441\").children(\".pnlm-render-container\").remove();\n                          jQuery(\"#pano7441\").children(\".pnlm-ui\").remove();\n                          panoshow7441 = pannellum.viewer(response[0][\"panoid\"], scenes);\n                          jQuery(\"#pano7441\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click to Load Panorama\")\n                          setTimeout(function() {\n                                \/\/   panoshow7441.loadScene(\"ELSAC\");\n                                  window.dispatchEvent(new Event(\"resize\"));\n                                  if (jQuery(\"#pano7441\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                                       jQuery(\"#controls7441\").css(\"bottom\", \"55px\");\n                                   } else {\n                                     jQuery(\"#controls7441\").css(\"bottom\", \"5px\");\n                                   }\n                          }, 200);\n                        }\n                      }\n            });jQuery(\".geodir-tab-head dd, #vr-tour-tab\").click(function(){\n              jQuery(\"#pano7441\").children(\".pnlm-render-container\").remove();\n              jQuery(\"#pano7441\").children(\".pnlm-ui\").remove();\n              panoshow7441 = pannellum.viewer(response[0][\"panoid\"], scenes);\n              setTimeout(function() {\n                      panoshow7441.loadScene(\"ELSAC\");\n                      window.dispatchEvent(new Event(\"resize\"));\n                      if (jQuery(\"#pano7441\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                           jQuery(\"#controls7441\").css(\"bottom\", \"55px\");\n                       }\n                       else {\n                         jQuery(\"#controls7441\").css(\"bottom\", \"5px\");\n                       }\n              }, 200);\n            });jQuery(\"#pano7441 .pnlm-title-box\").on(\"mouseenter\", function(){\n                jQuery(this).attr(\"title\", jQuery(this).text());\n            });\n            jQuery(\"#pano7441 .pnlm-title-box\").on(\"mouseleave\", function(){\n                jQuery(this).removeAttr(\"title\");\n            });});})(jQuery);<\/script>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">G\/F &#8211; Gym Room \u9ad4\u9069\u80fd\u8a13\u7df4\u4e2d\u5fc3<\/h3>\n\n\n<style>#pano7445 div.pnlm-orientation-button {\n                    display: none;\n                }\n            .wpvr-floor-map .floor-plan-pointer.add-pulse:before {\n                border: 17px solid #cca92c;\n            }\n            @-webkit-keyframes pulse {\n                0% {\n                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n                }\n                70% {\n                    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n                }\n                100% {\n                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n                }\n            }\n            @keyframes pulse {\n            0% {\n                -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n                box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n            }\n            70% {\n                -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n                box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n            }\n            100% {\n                -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n                box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n            }\n        }<\/style><div id=\"master-container\" class=\"wpvr-cardboard\" style=\"max-width:600px; width: 100%; height: 400px; border-radius:; direction:ltr; \"><div id=\"pano27445\" class=\"pano-wrap pano-left\" style=\"width: 49%; border-radius:\"><div id=\"center-pointer27445\" class=\"vr-pointer-container\"><span class=\"center-pointer\"><\/span><\/div><\/div><div id=\"pano7445\" class=\"pano-wrap pano-right\" style=\"width: 100%;\"><div class=\"explainer\" id=\"explainer7445\" style=\"display: none\"><span class=\"close-explainer-video\"><i class=\"fa fa-times\"><\/i><\/span><\/div><div class=\"wpvr-floor-map\" id=\"wpvr-floor-map7445\" style=\"display: none\"><span class=\"close-floor-map-plan\"><i class=\"fa fa-times\"><\/i><\/span><img decoding=\"async\" loading=\"lazy\" src=\"\"><\/div><div class=\"wpvr-hotspot-tweak-contents-wrapper\" style=\"display: none\"><i class=\"fa fa-times cross\" data-id=\"7445\"><\/i><div class=\"wpvr-hotspot-tweak-contents-flex\"><div class=\"wpvr-hotspot-tweak-contents\"><\/div><\/div><\/div><div class=\"custom-ifram-wrapper\" style=\"display: none;\"><i class=\"fa fa-times cross\" data-id=\"7445\"><\/i><div class=\"custom-ifram-flex\"><div class=\"custom-ifram\"><\/div><\/div><\/div><\/div><\/div><script>(function ($) {jQuery(document).ready(function() {var response = [{\"panoid\":\"pano7445\"},{\"autoLoad\":true,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"autoRotate\":\"-5\",\"default\":{\"firstScene\":\"L4BL0cej\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"L4BL0cej\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/www.cyma.edu.hk\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/IMG_20241115_170744_934-scaled.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[]}}}];var scenes = response[1];if(scenes) {var scenedata = scenes.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i].type === \"info\") {    scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspot;} else if(scenehotspot[i].type === \"scene\") {    scenehotspot[i][\"clickHandlerArgs\"] = scenehotspot[i][\"text\"];if(wpvr_public.is_pro_active) {    scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspotscene;}}if(scenehotspot[i][\"createTooltipArgs\"] != \"\") {scenehotspot[i][\"createTooltipFunc\"] = wpvrtooltip;}}}}var panoshow7445 = pannellum.viewer(response[0][\"panoid\"], scenes);var response_duplicate = [{\"panoid\":\"pano7445\"},{\"autoLoad\":true,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"autoRotate\":false,\"default\":{\"firstScene\":\"L4BL0cej\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"L4BL0cej\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/www.cyma.edu.hk\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/IMG_20241115_170744_934-scaled.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[]}}}];var scenes_duplicate = response_duplicate[1];if(scenes_duplicate) {var scenedata = scenes_duplicate.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i][\"clickHandlerArgs\"] != \"\") {scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspot;}if(scenehotspot[i][\"createTooltipArgs\"] != \"\") {scenehotspot[i][\"createTooltipFunc\"] = wpvrtooltip;}}}}var vr_mode = \"off\";jQuery(\"#pano7445 .wpvr-floor-map .floor-plan-pointer\").on(\"click\",function(){\n           var scene_id = jQuery(this).attr(\"scene_id\");\n           panoshow7445.loadScene(scene_id)\n           jQuery(\".floor-plan-pointer\").removeClass(\"add-pulse\")\n           jQuery(this).addClass(\"add-pulse\")\n        });panoshow7445.on(\"mousemove\", function (data){\n            jQuery(\".add-pulse\").css({\"transform\":\"rotate(\"+data.yaw+\"deg)\"});\n        });\n    const node = document.querySelector(\".add-pulse\");\n        panoshow7445.on(\"compasschange\", function (data){\n            console.log(data);\n            \/\/ const node = document.querySelector(\".add-pulse\");\n            \/\/ node.style.transform = data;\n            \/\/ jQuery(\".add-pulse\").css({\"transform\":data});\n            });panoshow7445.on(\"load\", function (){\n            \/\/ if(localStorage.getItem(\"vr_mode\") == \"off\") {\n            if(vr_mode == \"off\") {\n                  jQuery(\".vr-mode-title\").hide();\n                } else {\n                jQuery(\"#pano27445 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano7445 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano27445 .pnlm-panorama-info\").hide();\n                jQuery(\"#pano7445 .pnlm-panorama-info\").hide();\n                jQuery(\".vr-mode-title\").show();\n             }\n            setTimeout(() => {\n                window.dispatchEvent(new Event(\"resize\"));\n            }, 200);\n\t\t\t\t\t\tif (jQuery(\"#pano7445\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n\t               jQuery(\"#controls7445\").css(\"bottom\", \"55px\");\n\t           }\n\t           else {\n\t             jQuery(\"#controls7445\").css(\"bottom\", \"5px\");\n\t           }\n\t\t\t\t\t});panoshow7445.on(\"render\", function (){\n              window.dispatchEvent(new Event(\"resize\"));\n            });if (scenes.autoRotate) {\n\t\t\t\t\t\tpanoshow7445.on(\"load\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow7445.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n\t\t\t\t\t\t});\n\t\t\t\t\t\tpanoshow7445.on(\"scenechange\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow7445.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n\t\t\t\t\t\t});\n\t\t\t\t\t}var touchtime = 0;jQuery(document).on(\"click\",\"#explainer_button_7445\",function() {\n                jQuery(\"#explainer7445\").slideToggle();\n            });\n            jQuery(document).on(\"click\",\".close-explainer-video\",function() {\n                jQuery(this).parent(\".explainer\").hide();\n                var el_src = jQuery(\".vr-iframe\").attr(\"src\");\n                jQuery(\".vr-iframe\").attr(\"src\", el_src);\n              });jQuery(document).on(\"click\",\"#floor_map_button_7445\",function() {\n                jQuery(\"#wpvr-floor-map7445\").toggle().removeClass(\"fullwindow\");\n              });\n              jQuery(document).on(\"dblclick\",\"#wpvr-floor-map7445\",function(){\n                jQuery(this).addClass(\"fullwindow\");\n                jQuery(this).parents(\".pano-wrap\").addClass(\"show-modal\");\n              });\n              jQuery(document).on(\"click\",\".close-floor-map-plan\",function() {\n                jQuery(this).parent(\".wpvr-floor-map\").hide();\n                jQuery(this).parent(\".wpvr-floor-map\").removeClass(\"fullwindow\");\n                jQuery(this).parents(\".pano-wrap\").removeClass(\"show-modal\");\n              });jQuery(document).ready(function($){\n\t\t              jQuery(\"#sccontrols7445\").hide();\n                      jQuery(\".wpvr_slider_nav\").hide();\n\t\t              jQuery(\".vrgctrl7445\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t          });var slide7445 = \"down\";\n\t\t          jQuery(document).on(\"click\",\"#vrgcontrols7445\",function() {\n\t\t            if (slide7445 == \"up\") {\n\t\t              jQuery(\".vrgctrl7445\").empty();\n\t\t              jQuery(\".vrgctrl7445\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t              slide7445 = \"down\";\n\t\t            }\n\t\t            else {\n\t\t              jQuery(\".vrgctrl7445\").empty();\n\t\t              jQuery(\".vrgctrl7445\").html('<i class=\"fa fa-angle-down\"><\/i>');\n\t\t              slide7445 = \"up\";\n\t\t            }\n                    jQuery(\".wpvr_slider_nav\").slideToggle(); \n\t\t            jQuery(\"#sccontrols7445\").slideToggle();\n\t\t          });jQuery(\".elementor-tab-title\").click(function(){\n                      var element_id;\n                      var pano_id;\n                      var element_id = this.id;\n                      element_id = element_id.split(\"-\");\n                      element_id = element_id[3];\n                      jQuery(\"#elementor-tab-content-\"+element_id).find(\"#master-container\").children(\"div\").eq(1).addClass(\"awwww\");\n                      var pano_id = jQuery(\".awwww\").attr(\"id\");\n                      jQuery(\"#elementor-tab-content-\"+element_id).find(\"#master-container\").children(\"div\").eq(1).removeClass(\"awwww\");;\n                      if (pano_id != undefined) {\n                        pano_id = pano_id.split(\"o\");\n                        pano_id = pano_id[1];\n                        if (pano_id == \"7445\") {\n                          jQuery(\"#pano7445\").children(\".pnlm-render-container\").remove();\n                          jQuery(\"#pano7445\").children(\".pnlm-ui\").remove();\n                          panoshow7445 = pannellum.viewer(response[0][\"panoid\"], scenes);\n                          jQuery(\"#pano7445\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click To Load Panorama\")\n                          setTimeout(function() {\n                                \/\/   panoshow7445.loadScene(\"L4BL0cej\");\n                                  window.dispatchEvent(new Event(\"resize\"));\n                                  if (jQuery(\"#pano7445\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                                       jQuery(\"#controls7445\").css(\"bottom\", \"55px\");\n                                   } else {\n                                     jQuery(\"#controls7445\").css(\"bottom\", \"5px\");\n                                   }\n                          }, 200);\n                        }\n                      }\n            });jQuery(\".geodir-tab-head dd, #vr-tour-tab\").click(function(){\n              jQuery(\"#pano7445\").children(\".pnlm-render-container\").remove();\n              jQuery(\"#pano7445\").children(\".pnlm-ui\").remove();\n              panoshow7445 = pannellum.viewer(response[0][\"panoid\"], scenes);\n              setTimeout(function() {\n                      panoshow7445.loadScene(\"L4BL0cej\");\n                      window.dispatchEvent(new Event(\"resize\"));\n                      if (jQuery(\"#pano7445\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                           jQuery(\"#controls7445\").css(\"bottom\", \"55px\");\n                       }\n                       else {\n                         jQuery(\"#controls7445\").css(\"bottom\", \"5px\");\n                       }\n              }, 200);\n            });\n            jQuery(\"#pano7445\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click To Load Panorama\")\n            jQuery(\"#pano7445 .pnlm-title-box\").on(\"mouseenter\", function(){\n                jQuery(this).attr(\"title\", jQuery(this).text());\n            });\n            jQuery(\"#pano7445 .pnlm-title-box\").on(\"mouseleave\", function(){\n                jQuery(this).removeAttr(\"title\");\n            });});})(jQuery);<\/script>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">1\/F &#8211; Forensic Lab \u9451\u8b49\u5be6\u9a57\u5ba4<\/h3>\n\n\n<style>#pano7437 div.pnlm-orientation-button {\n                    display: none;\n                }\n            .wpvr-floor-map .floor-plan-pointer.add-pulse:before {\n                border: 17px solid #cca92c;\n            }\n            @-webkit-keyframes pulse {\n                0% {\n                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n                }\n                70% {\n                    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n                }\n                100% {\n                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n                }\n            }\n            @keyframes pulse {\n            0% {\n                -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n                box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n            }\n            70% {\n                -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n                box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n            }\n            100% {\n                -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n                box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n            }\n        }<\/style><div id=\"master-container\" class=\"wpvr-cardboard\" style=\"max-width:600px; width: 100%; height: 400px; border-radius:; direction:ltr; \"><div id=\"pano27437\" class=\"pano-wrap pano-left\" style=\"width: 49%; border-radius:\"><div id=\"center-pointer27437\" class=\"vr-pointer-container\"><span class=\"center-pointer\"><\/span><\/div><\/div><div id=\"pano7437\" class=\"pano-wrap pano-right\" style=\"width: 100%;\"><div class=\"explainer\" id=\"explainer7437\" style=\"display: none\"><span class=\"close-explainer-video\"><i class=\"fa fa-times\"><\/i><\/span><\/div><div class=\"wpvr-floor-map\" id=\"wpvr-floor-map7437\" style=\"display: none\"><span class=\"close-floor-map-plan\"><i class=\"fa fa-times\"><\/i><\/span><img decoding=\"async\" loading=\"lazy\" src=\"\"><\/div><div class=\"wpvr-hotspot-tweak-contents-wrapper\" style=\"display: none\"><i class=\"fa fa-times cross\" data-id=\"7437\"><\/i><div class=\"wpvr-hotspot-tweak-contents-flex\"><div class=\"wpvr-hotspot-tweak-contents\"><\/div><\/div><\/div><div class=\"custom-ifram-wrapper\" style=\"display: none;\"><i class=\"fa fa-times cross\" data-id=\"7437\"><\/i><div class=\"custom-ifram-flex\"><div class=\"custom-ifram\"><\/div><\/div><\/div><\/div><\/div><script>(function ($) {jQuery(document).ready(function() {var response = [{\"panoid\":\"pano7437\"},{\"autoLoad\":true,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"autoRotate\":\"-5\",\"default\":{\"firstScene\":\"ForensicLab\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"ForensicLab\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/www.cyma.edu.hk\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/IMG_20241025_183221_590-scaled.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[]}}}];var scenes = response[1];if(scenes) {var scenedata = scenes.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i].type === \"info\") {    scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspot;} else if(scenehotspot[i].type === \"scene\") {    scenehotspot[i][\"clickHandlerArgs\"] = scenehotspot[i][\"text\"];if(wpvr_public.is_pro_active) {    scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspotscene;}}if(scenehotspot[i][\"createTooltipArgs\"] != \"\") {scenehotspot[i][\"createTooltipFunc\"] = wpvrtooltip;}}}}var panoshow7437 = pannellum.viewer(response[0][\"panoid\"], scenes);var response_duplicate = [{\"panoid\":\"pano7437\"},{\"autoLoad\":true,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"autoRotate\":false,\"default\":{\"firstScene\":\"ForensicLab\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"ForensicLab\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/www.cyma.edu.hk\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/IMG_20241025_183221_590-scaled.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[]}}}];var scenes_duplicate = response_duplicate[1];if(scenes_duplicate) {var scenedata = scenes_duplicate.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i][\"clickHandlerArgs\"] != \"\") {scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspot;}if(scenehotspot[i][\"createTooltipArgs\"] != \"\") {scenehotspot[i][\"createTooltipFunc\"] = wpvrtooltip;}}}}var vr_mode = \"off\";jQuery(\"#pano7437 .wpvr-floor-map .floor-plan-pointer\").on(\"click\",function(){\n           var scene_id = jQuery(this).attr(\"scene_id\");\n           panoshow7437.loadScene(scene_id)\n           jQuery(\".floor-plan-pointer\").removeClass(\"add-pulse\")\n           jQuery(this).addClass(\"add-pulse\")\n        });panoshow7437.on(\"mousemove\", function (data){\n            jQuery(\".add-pulse\").css({\"transform\":\"rotate(\"+data.yaw+\"deg)\"});\n        });\n    const node = document.querySelector(\".add-pulse\");\n        panoshow7437.on(\"compasschange\", function (data){\n            console.log(data);\n            \/\/ const node = document.querySelector(\".add-pulse\");\n            \/\/ node.style.transform = data;\n            \/\/ jQuery(\".add-pulse\").css({\"transform\":data});\n            });panoshow7437.on(\"load\", function (){\n            \/\/ if(localStorage.getItem(\"vr_mode\") == \"off\") {\n            if(vr_mode == \"off\") {\n                  jQuery(\".vr-mode-title\").hide();\n                } else {\n                jQuery(\"#pano27437 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano7437 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano27437 .pnlm-panorama-info\").hide();\n                jQuery(\"#pano7437 .pnlm-panorama-info\").hide();\n                jQuery(\".vr-mode-title\").show();\n             }\n            setTimeout(() => {\n                window.dispatchEvent(new Event(\"resize\"));\n            }, 200);\n\t\t\t\t\t\tif (jQuery(\"#pano7437\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n\t               jQuery(\"#controls7437\").css(\"bottom\", \"55px\");\n\t           }\n\t           else {\n\t             jQuery(\"#controls7437\").css(\"bottom\", \"5px\");\n\t           }\n\t\t\t\t\t});panoshow7437.on(\"render\", function (){\n              window.dispatchEvent(new Event(\"resize\"));\n            });if (scenes.autoRotate) {\n\t\t\t\t\t\tpanoshow7437.on(\"load\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow7437.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n\t\t\t\t\t\t});\n\t\t\t\t\t\tpanoshow7437.on(\"scenechange\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow7437.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n\t\t\t\t\t\t});\n\t\t\t\t\t}var touchtime = 0;jQuery(document).on(\"click\",\"#explainer_button_7437\",function() {\n                jQuery(\"#explainer7437\").slideToggle();\n            });\n            jQuery(document).on(\"click\",\".close-explainer-video\",function() {\n                jQuery(this).parent(\".explainer\").hide();\n                var el_src = jQuery(\".vr-iframe\").attr(\"src\");\n                jQuery(\".vr-iframe\").attr(\"src\", el_src);\n              });jQuery(document).on(\"click\",\"#floor_map_button_7437\",function() {\n                jQuery(\"#wpvr-floor-map7437\").toggle().removeClass(\"fullwindow\");\n              });\n              jQuery(document).on(\"dblclick\",\"#wpvr-floor-map7437\",function(){\n                jQuery(this).addClass(\"fullwindow\");\n                jQuery(this).parents(\".pano-wrap\").addClass(\"show-modal\");\n              });\n              jQuery(document).on(\"click\",\".close-floor-map-plan\",function() {\n                jQuery(this).parent(\".wpvr-floor-map\").hide();\n                jQuery(this).parent(\".wpvr-floor-map\").removeClass(\"fullwindow\");\n                jQuery(this).parents(\".pano-wrap\").removeClass(\"show-modal\");\n              });jQuery(document).ready(function($){\n\t\t              jQuery(\"#sccontrols7437\").hide();\n                      jQuery(\".wpvr_slider_nav\").hide();\n\t\t              jQuery(\".vrgctrl7437\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t          });var slide7437 = \"down\";\n\t\t          jQuery(document).on(\"click\",\"#vrgcontrols7437\",function() {\n\t\t            if (slide7437 == \"up\") {\n\t\t              jQuery(\".vrgctrl7437\").empty();\n\t\t              jQuery(\".vrgctrl7437\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t              slide7437 = \"down\";\n\t\t            }\n\t\t            else {\n\t\t              jQuery(\".vrgctrl7437\").empty();\n\t\t              jQuery(\".vrgctrl7437\").html('<i class=\"fa fa-angle-down\"><\/i>');\n\t\t              slide7437 = \"up\";\n\t\t            }\n                    jQuery(\".wpvr_slider_nav\").slideToggle(); \n\t\t            jQuery(\"#sccontrols7437\").slideToggle();\n\t\t          });jQuery(\".elementor-tab-title\").click(function(){\n                      var element_id;\n                      var pano_id;\n                      var element_id = this.id;\n                      element_id = element_id.split(\"-\");\n                      element_id = element_id[3];\n                      jQuery(\"#elementor-tab-content-\"+element_id).find(\"#master-container\").children(\"div\").eq(1).addClass(\"awwww\");\n                      var pano_id = jQuery(\".awwww\").attr(\"id\");\n                      jQuery(\"#elementor-tab-content-\"+element_id).find(\"#master-container\").children(\"div\").eq(1).removeClass(\"awwww\");;\n                      if (pano_id != undefined) {\n                        pano_id = pano_id.split(\"o\");\n                        pano_id = pano_id[1];\n                        if (pano_id == \"7437\") {\n                          jQuery(\"#pano7437\").children(\".pnlm-render-container\").remove();\n                          jQuery(\"#pano7437\").children(\".pnlm-ui\").remove();\n                          panoshow7437 = pannellum.viewer(response[0][\"panoid\"], scenes);\n                          jQuery(\"#pano7437\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click to Load Panorama\")\n                          setTimeout(function() {\n                                \/\/   panoshow7437.loadScene(\"ForensicLab\");\n                                  window.dispatchEvent(new Event(\"resize\"));\n                                  if (jQuery(\"#pano7437\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                                       jQuery(\"#controls7437\").css(\"bottom\", \"55px\");\n                                   } else {\n                                     jQuery(\"#controls7437\").css(\"bottom\", \"5px\");\n                                   }\n                          }, 200);\n                        }\n                      }\n            });jQuery(\".geodir-tab-head dd, #vr-tour-tab\").click(function(){\n              jQuery(\"#pano7437\").children(\".pnlm-render-container\").remove();\n              jQuery(\"#pano7437\").children(\".pnlm-ui\").remove();\n              panoshow7437 = pannellum.viewer(response[0][\"panoid\"], scenes);\n              setTimeout(function() {\n                      panoshow7437.loadScene(\"ForensicLab\");\n                      window.dispatchEvent(new Event(\"resize\"));\n                      if (jQuery(\"#pano7437\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                           jQuery(\"#controls7437\").css(\"bottom\", \"55px\");\n                       }\n                       else {\n                         jQuery(\"#controls7437\").css(\"bottom\", \"5px\");\n                       }\n              }, 200);\n            });jQuery(\"#pano7437 .pnlm-title-box\").on(\"mouseenter\", function(){\n                jQuery(this).attr(\"title\", jQuery(this).text());\n            });\n            jQuery(\"#pano7437 .pnlm-title-box\").on(\"mouseleave\", function(){\n                jQuery(this).removeAttr(\"title\");\n            });});})(jQuery);<\/script>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">1\/F &#8211; VA Room \u8996\u85dd\u5ba4<\/h3>\n\n\n<style>#pano7447 div.pnlm-orientation-button {\n                    display: none;\n                }\n            .wpvr-floor-map .floor-plan-pointer.add-pulse:before {\n                border: 17px solid #cca92c;\n            }\n            @-webkit-keyframes pulse {\n                0% {\n                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n                }\n                70% {\n                    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n                }\n                100% {\n                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n                }\n            }\n            @keyframes pulse {\n            0% {\n                -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n                box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n            }\n            70% {\n                -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n                box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n            }\n            100% {\n                -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n                box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n            }\n        }<\/style><div id=\"master-container\" class=\"wpvr-cardboard\" style=\"max-width:600px; width: 100%; height: 400px; border-radius:; direction:ltr; \"><div id=\"pano27447\" class=\"pano-wrap pano-left\" style=\"width: 49%; border-radius:\"><div id=\"center-pointer27447\" class=\"vr-pointer-container\"><span class=\"center-pointer\"><\/span><\/div><\/div><div id=\"pano7447\" class=\"pano-wrap pano-right\" style=\"width: 100%;\"><div class=\"explainer\" id=\"explainer7447\" style=\"display: none\"><span class=\"close-explainer-video\"><i class=\"fa fa-times\"><\/i><\/span><\/div><div class=\"wpvr-floor-map\" id=\"wpvr-floor-map7447\" style=\"display: none\"><span class=\"close-floor-map-plan\"><i class=\"fa fa-times\"><\/i><\/span><img decoding=\"async\" loading=\"lazy\" src=\"\"><\/div><div class=\"wpvr-hotspot-tweak-contents-wrapper\" style=\"display: none\"><i class=\"fa fa-times cross\" data-id=\"7447\"><\/i><div class=\"wpvr-hotspot-tweak-contents-flex\"><div class=\"wpvr-hotspot-tweak-contents\"><\/div><\/div><\/div><div class=\"custom-ifram-wrapper\" style=\"display: none;\"><i class=\"fa fa-times cross\" data-id=\"7447\"><\/i><div class=\"custom-ifram-flex\"><div class=\"custom-ifram\"><\/div><\/div><\/div><\/div><\/div><script>(function ($) {jQuery(document).ready(function() {var response = [{\"panoid\":\"pano7447\"},{\"autoLoad\":true,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"autoRotate\":\"-5\",\"default\":{\"firstScene\":\"Yyw8MjCE\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"Yyw8MjCE\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/www.cyma.edu.hk\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/IMG_20241025_183048_579-scaled.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[]}}}];var scenes = response[1];if(scenes) {var scenedata = scenes.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i].type === \"info\") {    scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspot;} else if(scenehotspot[i].type === \"scene\") {    scenehotspot[i][\"clickHandlerArgs\"] = scenehotspot[i][\"text\"];if(wpvr_public.is_pro_active) {    scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspotscene;}}if(scenehotspot[i][\"createTooltipArgs\"] != \"\") {scenehotspot[i][\"createTooltipFunc\"] = wpvrtooltip;}}}}var panoshow7447 = pannellum.viewer(response[0][\"panoid\"], scenes);var response_duplicate = [{\"panoid\":\"pano7447\"},{\"autoLoad\":true,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"autoRotate\":false,\"default\":{\"firstScene\":\"Yyw8MjCE\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"Yyw8MjCE\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/www.cyma.edu.hk\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/IMG_20241025_183048_579-scaled.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[]}}}];var scenes_duplicate = response_duplicate[1];if(scenes_duplicate) {var scenedata = scenes_duplicate.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i][\"clickHandlerArgs\"] != \"\") {scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspot;}if(scenehotspot[i][\"createTooltipArgs\"] != \"\") {scenehotspot[i][\"createTooltipFunc\"] = wpvrtooltip;}}}}var vr_mode = \"off\";jQuery(\"#pano7447 .wpvr-floor-map .floor-plan-pointer\").on(\"click\",function(){\n           var scene_id = jQuery(this).attr(\"scene_id\");\n           panoshow7447.loadScene(scene_id)\n           jQuery(\".floor-plan-pointer\").removeClass(\"add-pulse\")\n           jQuery(this).addClass(\"add-pulse\")\n        });panoshow7447.on(\"mousemove\", function (data){\n            jQuery(\".add-pulse\").css({\"transform\":\"rotate(\"+data.yaw+\"deg)\"});\n        });\n    const node = document.querySelector(\".add-pulse\");\n        panoshow7447.on(\"compasschange\", function (data){\n            console.log(data);\n            \/\/ const node = document.querySelector(\".add-pulse\");\n            \/\/ node.style.transform = data;\n            \/\/ jQuery(\".add-pulse\").css({\"transform\":data});\n            });panoshow7447.on(\"load\", function (){\n            \/\/ if(localStorage.getItem(\"vr_mode\") == \"off\") {\n            if(vr_mode == \"off\") {\n                  jQuery(\".vr-mode-title\").hide();\n                } else {\n                jQuery(\"#pano27447 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano7447 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano27447 .pnlm-panorama-info\").hide();\n                jQuery(\"#pano7447 .pnlm-panorama-info\").hide();\n                jQuery(\".vr-mode-title\").show();\n             }\n            setTimeout(() => {\n                window.dispatchEvent(new Event(\"resize\"));\n            }, 200);\n\t\t\t\t\t\tif (jQuery(\"#pano7447\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n\t               jQuery(\"#controls7447\").css(\"bottom\", \"55px\");\n\t           }\n\t           else {\n\t             jQuery(\"#controls7447\").css(\"bottom\", \"5px\");\n\t           }\n\t\t\t\t\t});panoshow7447.on(\"render\", function (){\n              window.dispatchEvent(new Event(\"resize\"));\n            });if (scenes.autoRotate) {\n\t\t\t\t\t\tpanoshow7447.on(\"load\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow7447.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n\t\t\t\t\t\t});\n\t\t\t\t\t\tpanoshow7447.on(\"scenechange\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow7447.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n\t\t\t\t\t\t});\n\t\t\t\t\t}var touchtime = 0;jQuery(document).on(\"click\",\"#explainer_button_7447\",function() {\n                jQuery(\"#explainer7447\").slideToggle();\n            });\n            jQuery(document).on(\"click\",\".close-explainer-video\",function() {\n                jQuery(this).parent(\".explainer\").hide();\n                var el_src = jQuery(\".vr-iframe\").attr(\"src\");\n                jQuery(\".vr-iframe\").attr(\"src\", el_src);\n              });jQuery(document).on(\"click\",\"#floor_map_button_7447\",function() {\n                jQuery(\"#wpvr-floor-map7447\").toggle().removeClass(\"fullwindow\");\n              });\n              jQuery(document).on(\"dblclick\",\"#wpvr-floor-map7447\",function(){\n                jQuery(this).addClass(\"fullwindow\");\n                jQuery(this).parents(\".pano-wrap\").addClass(\"show-modal\");\n              });\n              jQuery(document).on(\"click\",\".close-floor-map-plan\",function() {\n                jQuery(this).parent(\".wpvr-floor-map\").hide();\n                jQuery(this).parent(\".wpvr-floor-map\").removeClass(\"fullwindow\");\n                jQuery(this).parents(\".pano-wrap\").removeClass(\"show-modal\");\n              });jQuery(document).ready(function($){\n\t\t              jQuery(\"#sccontrols7447\").hide();\n                      jQuery(\".wpvr_slider_nav\").hide();\n\t\t              jQuery(\".vrgctrl7447\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t          });var slide7447 = \"down\";\n\t\t          jQuery(document).on(\"click\",\"#vrgcontrols7447\",function() {\n\t\t            if (slide7447 == \"up\") {\n\t\t              jQuery(\".vrgctrl7447\").empty();\n\t\t              jQuery(\".vrgctrl7447\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t              slide7447 = \"down\";\n\t\t            }\n\t\t            else {\n\t\t              jQuery(\".vrgctrl7447\").empty();\n\t\t              jQuery(\".vrgctrl7447\").html('<i class=\"fa fa-angle-down\"><\/i>');\n\t\t              slide7447 = \"up\";\n\t\t            }\n                    jQuery(\".wpvr_slider_nav\").slideToggle(); \n\t\t            jQuery(\"#sccontrols7447\").slideToggle();\n\t\t          });jQuery(\".elementor-tab-title\").click(function(){\n                      var element_id;\n                      var pano_id;\n                      var element_id = this.id;\n                      element_id = element_id.split(\"-\");\n                      element_id = element_id[3];\n                      jQuery(\"#elementor-tab-content-\"+element_id).find(\"#master-container\").children(\"div\").eq(1).addClass(\"awwww\");\n                      var pano_id = jQuery(\".awwww\").attr(\"id\");\n                      jQuery(\"#elementor-tab-content-\"+element_id).find(\"#master-container\").children(\"div\").eq(1).removeClass(\"awwww\");;\n                      if (pano_id != undefined) {\n                        pano_id = pano_id.split(\"o\");\n                        pano_id = pano_id[1];\n                        if (pano_id == \"7447\") {\n                          jQuery(\"#pano7447\").children(\".pnlm-render-container\").remove();\n                          jQuery(\"#pano7447\").children(\".pnlm-ui\").remove();\n                          panoshow7447 = pannellum.viewer(response[0][\"panoid\"], scenes);\n                          jQuery(\"#pano7447\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click To Load Panorama\")\n                          setTimeout(function() {\n                                \/\/   panoshow7447.loadScene(\"Yyw8MjCE\");\n                                  window.dispatchEvent(new Event(\"resize\"));\n                                  if (jQuery(\"#pano7447\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                                       jQuery(\"#controls7447\").css(\"bottom\", \"55px\");\n                                   } else {\n                                     jQuery(\"#controls7447\").css(\"bottom\", \"5px\");\n                                   }\n                          }, 200);\n                        }\n                      }\n            });jQuery(\".geodir-tab-head dd, #vr-tour-tab\").click(function(){\n              jQuery(\"#pano7447\").children(\".pnlm-render-container\").remove();\n              jQuery(\"#pano7447\").children(\".pnlm-ui\").remove();\n              panoshow7447 = pannellum.viewer(response[0][\"panoid\"], scenes);\n              setTimeout(function() {\n                      panoshow7447.loadScene(\"Yyw8MjCE\");\n                      window.dispatchEvent(new Event(\"resize\"));\n                      if (jQuery(\"#pano7447\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                           jQuery(\"#controls7447\").css(\"bottom\", \"55px\");\n                       }\n                       else {\n                         jQuery(\"#controls7447\").css(\"bottom\", \"5px\");\n                       }\n              }, 200);\n            });\n            jQuery(\"#pano7447\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click To Load Panorama\")\n            jQuery(\"#pano7447 .pnlm-title-box\").on(\"mouseenter\", function(){\n                jQuery(this).attr(\"title\", jQuery(this).text());\n            });\n            jQuery(\"#pano7447 .pnlm-title-box\").on(\"mouseleave\", function(){\n                jQuery(this).removeAttr(\"title\");\n            });});})(jQuery);<\/script>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">2\/F &#8211; Music Room \u97f3\u6a02\u5ba4<\/h3>\n\n\n<style>#pano7429 div.pnlm-orientation-button {\n                    display: none;\n                }\n            .wpvr-floor-map .floor-plan-pointer.add-pulse:before {\n                border: 17px solid #cca92c;\n            }\n            @-webkit-keyframes pulse {\n                0% {\n                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n                }\n                70% {\n                    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n                }\n                100% {\n                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n                }\n            }\n            @keyframes pulse {\n            0% {\n                -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n                box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n            }\n            70% {\n                -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n                box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n            }\n            100% {\n                -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n                box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n            }\n        }<\/style><div id=\"master-container\" class=\"wpvr-cardboard\" style=\"max-width:600px; width: 100%; height: 400px; border-radius:; direction:ltr; \"><div id=\"pano27429\" class=\"pano-wrap pano-left\" style=\"width: 49%; border-radius:\"><div id=\"center-pointer27429\" class=\"vr-pointer-container\"><span class=\"center-pointer\"><\/span><\/div><\/div><div id=\"pano7429\" class=\"pano-wrap pano-right\" style=\"width: 100%;\"><div class=\"explainer\" id=\"explainer7429\" style=\"display: none\"><span class=\"close-explainer-video\"><i class=\"fa fa-times\"><\/i><\/span><\/div><div class=\"wpvr-floor-map\" id=\"wpvr-floor-map7429\" style=\"display: none\"><span class=\"close-floor-map-plan\"><i class=\"fa fa-times\"><\/i><\/span><img decoding=\"async\" loading=\"lazy\" src=\"\"><\/div><div class=\"wpvr-hotspot-tweak-contents-wrapper\" style=\"display: none\"><i class=\"fa fa-times cross\" data-id=\"7429\"><\/i><div class=\"wpvr-hotspot-tweak-contents-flex\"><div class=\"wpvr-hotspot-tweak-contents\"><\/div><\/div><\/div><div class=\"custom-ifram-wrapper\" style=\"display: none;\"><i class=\"fa fa-times cross\" data-id=\"7429\"><\/i><div class=\"custom-ifram-flex\"><div class=\"custom-ifram\"><\/div><\/div><\/div><\/div><\/div><script>(function ($) {jQuery(document).ready(function() {var response = [{\"panoid\":\"pano7429\"},{\"autoLoad\":true,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"autoRotate\":\"-5\",\"default\":{\"firstScene\":\"MusicRoom\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"MusicRoom\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/www.cyma.edu.hk\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/IMG_20241115_171124_582-scaled.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[{\"text\":\"1wlU6yfe\",\"pitch\":\" 3.63150994033244\",\"yaw\":\" -71.82265767474131\",\"type\":\"scene\",\"URL\":\"\",\"wpvr_url_open\":\"off\",\"clickHandlerArgs\":[],\"createTooltipArgs\":\"\",\"sceneId\":\"MusicRoom_MacLab\",\"targetPitch\":0,\"targetYaw\":0,\"hotspot_type\":\"scene\",\"hotspot_target\":\"notBlank\",\"hotspot_shape\":\"round\"}]},\"MusicRoom_MacLab\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/www.cyma.edu.hk\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/IMG_20241115_171111_973-scaled.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[{\"text\":\"CN0W83sJ\",\"pitch\":\" -5.59609443414254\",\"yaw\":\" 145.88400922087477\",\"type\":\"scene\",\"URL\":\"\",\"wpvr_url_open\":\"off\",\"clickHandlerArgs\":[],\"createTooltipArgs\":\"\",\"sceneId\":\"MusicRoom\",\"targetPitch\":0,\"targetYaw\":0,\"hotspot_type\":\"scene\",\"hotspot_target\":\"notBlank\",\"hotspot_shape\":\"round\"}]}}}];var scenes = response[1];if(scenes) {var scenedata = scenes.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i].type === \"info\") {    scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspot;} else if(scenehotspot[i].type === \"scene\") {    scenehotspot[i][\"clickHandlerArgs\"] = scenehotspot[i][\"text\"];if(wpvr_public.is_pro_active) {    scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspotscene;}}if(scenehotspot[i][\"createTooltipArgs\"] != \"\") {scenehotspot[i][\"createTooltipFunc\"] = wpvrtooltip;}}}}var panoshow7429 = pannellum.viewer(response[0][\"panoid\"], scenes);var response_duplicate = [{\"panoid\":\"pano7429\"},{\"autoLoad\":true,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"autoRotate\":false,\"default\":{\"firstScene\":\"MusicRoom\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"MusicRoom\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/www.cyma.edu.hk\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/IMG_20241115_171124_582-scaled.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[{\"text\":\"1wlU6yfe\",\"pitch\":\" 3.63150994033244\",\"yaw\":\" -71.82265767474131\",\"type\":\"scene\",\"URL\":\"\",\"wpvr_url_open\":\"off\",\"clickHandlerArgs\":[],\"createTooltipArgs\":\"\",\"sceneId\":\"MusicRoom_MacLab\",\"targetPitch\":0,\"targetYaw\":0,\"hotspot_type\":\"scene\",\"hotspot_target\":\"notBlank\",\"hotspot_shape\":\"round\"}]},\"MusicRoom_MacLab\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/www.cyma.edu.hk\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/IMG_20241115_171111_973-scaled.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[{\"text\":\"CN0W83sJ\",\"pitch\":\" -5.59609443414254\",\"yaw\":\" 145.88400922087477\",\"type\":\"scene\",\"URL\":\"\",\"wpvr_url_open\":\"off\",\"clickHandlerArgs\":[],\"createTooltipArgs\":\"\",\"sceneId\":\"MusicRoom\",\"targetPitch\":0,\"targetYaw\":0,\"hotspot_type\":\"scene\",\"hotspot_target\":\"notBlank\",\"hotspot_shape\":\"round\"}]}}}];var scenes_duplicate = response_duplicate[1];if(scenes_duplicate) {var scenedata = scenes_duplicate.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i][\"clickHandlerArgs\"] != \"\") {scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspot;}if(scenehotspot[i][\"createTooltipArgs\"] != \"\") {scenehotspot[i][\"createTooltipFunc\"] = wpvrtooltip;}}}}var vr_mode = \"off\";jQuery(\"#pano7429 .wpvr-floor-map .floor-plan-pointer\").on(\"click\",function(){\n           var scene_id = jQuery(this).attr(\"scene_id\");\n           panoshow7429.loadScene(scene_id)\n           jQuery(\".floor-plan-pointer\").removeClass(\"add-pulse\")\n           jQuery(this).addClass(\"add-pulse\")\n        });panoshow7429.on(\"mousemove\", function (data){\n            jQuery(\".add-pulse\").css({\"transform\":\"rotate(\"+data.yaw+\"deg)\"});\n        });\n    const node = document.querySelector(\".add-pulse\");\n        panoshow7429.on(\"compasschange\", function (data){\n            console.log(data);\n            \/\/ const node = document.querySelector(\".add-pulse\");\n            \/\/ node.style.transform = data;\n            \/\/ jQuery(\".add-pulse\").css({\"transform\":data});\n            });panoshow7429.on(\"load\", function (){\n            \/\/ if(localStorage.getItem(\"vr_mode\") == \"off\") {\n            if(vr_mode == \"off\") {\n                  jQuery(\".vr-mode-title\").hide();\n                } else {\n                jQuery(\"#pano27429 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano7429 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano27429 .pnlm-panorama-info\").hide();\n                jQuery(\"#pano7429 .pnlm-panorama-info\").hide();\n                jQuery(\".vr-mode-title\").show();\n             }\n            setTimeout(() => {\n                window.dispatchEvent(new Event(\"resize\"));\n            }, 200);\n\t\t\t\t\t\tif (jQuery(\"#pano7429\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n\t               jQuery(\"#controls7429\").css(\"bottom\", \"55px\");\n\t           }\n\t           else {\n\t             jQuery(\"#controls7429\").css(\"bottom\", \"5px\");\n\t           }\n\t\t\t\t\t});panoshow7429.on(\"render\", function (){\n              window.dispatchEvent(new Event(\"resize\"));\n            });if (scenes.autoRotate) {\n\t\t\t\t\t\tpanoshow7429.on(\"load\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow7429.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n\t\t\t\t\t\t});\n\t\t\t\t\t\tpanoshow7429.on(\"scenechange\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow7429.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n\t\t\t\t\t\t});\n\t\t\t\t\t}var touchtime = 0;jQuery(document).on(\"click\",\"#explainer_button_7429\",function() {\n                jQuery(\"#explainer7429\").slideToggle();\n            });\n            jQuery(document).on(\"click\",\".close-explainer-video\",function() {\n                jQuery(this).parent(\".explainer\").hide();\n                var el_src = jQuery(\".vr-iframe\").attr(\"src\");\n                jQuery(\".vr-iframe\").attr(\"src\", el_src);\n              });jQuery(document).on(\"click\",\"#floor_map_button_7429\",function() {\n                jQuery(\"#wpvr-floor-map7429\").toggle().removeClass(\"fullwindow\");\n              });\n              jQuery(document).on(\"dblclick\",\"#wpvr-floor-map7429\",function(){\n                jQuery(this).addClass(\"fullwindow\");\n                jQuery(this).parents(\".pano-wrap\").addClass(\"show-modal\");\n              });\n              jQuery(document).on(\"click\",\".close-floor-map-plan\",function() {\n                jQuery(this).parent(\".wpvr-floor-map\").hide();\n                jQuery(this).parent(\".wpvr-floor-map\").removeClass(\"fullwindow\");\n                jQuery(this).parents(\".pano-wrap\").removeClass(\"show-modal\");\n              });jQuery(document).ready(function($){\n\t\t              jQuery(\"#sccontrols7429\").hide();\n                      jQuery(\".wpvr_slider_nav\").hide();\n\t\t              jQuery(\".vrgctrl7429\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t          });var slide7429 = \"down\";\n\t\t          jQuery(document).on(\"click\",\"#vrgcontrols7429\",function() {\n\t\t            if (slide7429 == \"up\") {\n\t\t              jQuery(\".vrgctrl7429\").empty();\n\t\t              jQuery(\".vrgctrl7429\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t              slide7429 = \"down\";\n\t\t            }\n\t\t            else {\n\t\t              jQuery(\".vrgctrl7429\").empty();\n\t\t              jQuery(\".vrgctrl7429\").html('<i class=\"fa fa-angle-down\"><\/i>');\n\t\t              slide7429 = \"up\";\n\t\t            }\n                    jQuery(\".wpvr_slider_nav\").slideToggle(); \n\t\t            jQuery(\"#sccontrols7429\").slideToggle();\n\t\t          });jQuery(\".elementor-tab-title\").click(function(){\n                      var element_id;\n                      var pano_id;\n                      var element_id = this.id;\n                      element_id = element_id.split(\"-\");\n                      element_id = element_id[3];\n                      jQuery(\"#elementor-tab-content-\"+element_id).find(\"#master-container\").children(\"div\").eq(1).addClass(\"awwww\");\n                      var pano_id = jQuery(\".awwww\").attr(\"id\");\n                      jQuery(\"#elementor-tab-content-\"+element_id).find(\"#master-container\").children(\"div\").eq(1).removeClass(\"awwww\");;\n                      if (pano_id != undefined) {\n                        pano_id = pano_id.split(\"o\");\n                        pano_id = pano_id[1];\n                        if (pano_id == \"7429\") {\n                          jQuery(\"#pano7429\").children(\".pnlm-render-container\").remove();\n                          jQuery(\"#pano7429\").children(\".pnlm-ui\").remove();\n                          panoshow7429 = pannellum.viewer(response[0][\"panoid\"], scenes);\n                          jQuery(\"#pano7429\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click to Load Panorama\")\n                          setTimeout(function() {\n                                \/\/   panoshow7429.loadScene(\"MusicRoom\");\n                                  window.dispatchEvent(new Event(\"resize\"));\n                                  if (jQuery(\"#pano7429\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                                       jQuery(\"#controls7429\").css(\"bottom\", \"55px\");\n                                   } else {\n                                     jQuery(\"#controls7429\").css(\"bottom\", \"5px\");\n                                   }\n                          }, 200);\n                        }\n                      }\n            });jQuery(\".geodir-tab-head dd, #vr-tour-tab\").click(function(){\n              jQuery(\"#pano7429\").children(\".pnlm-render-container\").remove();\n              jQuery(\"#pano7429\").children(\".pnlm-ui\").remove();\n              panoshow7429 = pannellum.viewer(response[0][\"panoid\"], scenes);\n              setTimeout(function() {\n                      panoshow7429.loadScene(\"MusicRoom\");\n                      window.dispatchEvent(new Event(\"resize\"));\n                      if (jQuery(\"#pano7429\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                           jQuery(\"#controls7429\").css(\"bottom\", \"55px\");\n                       }\n                       else {\n                         jQuery(\"#controls7429\").css(\"bottom\", \"5px\");\n                       }\n              }, 200);\n            });jQuery(\"#pano7429 .pnlm-title-box\").on(\"mouseenter\", function(){\n                jQuery(this).attr(\"title\", jQuery(this).text());\n            });\n            jQuery(\"#pano7429 .pnlm-title-box\").on(\"mouseleave\", function(){\n                jQuery(this).removeAttr(\"title\");\n            });});})(jQuery);<\/script>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<h3 class=\"wp-block-heading\">2\/F &#8211; STEAM Room \u5275\u85dd\u5be6\u9a57\u5ba4 \uff0f \u96fb\u8166\u5ba4<\/h3>\n\n\n<style>#pano7446 div.pnlm-orientation-button {\n                    display: none;\n                }\n            .wpvr-floor-map .floor-plan-pointer.add-pulse:before {\n                border: 17px solid #cca92c;\n            }\n            @-webkit-keyframes pulse {\n                0% {\n                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n                }\n                70% {\n                    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n                }\n                100% {\n                    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n                }\n            }\n            @keyframes pulse {\n            0% {\n                -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n                box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.7);\n            }\n            70% {\n                -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n                box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);\n            }\n            100% {\n                -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n                box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);\n            }\n        }<\/style><div id=\"master-container\" class=\"wpvr-cardboard\" style=\"max-width:600px; width: 100%; height: 400px; border-radius:; direction:ltr; \"><div id=\"pano27446\" class=\"pano-wrap pano-left\" style=\"width: 49%; border-radius:\"><div id=\"center-pointer27446\" class=\"vr-pointer-container\"><span class=\"center-pointer\"><\/span><\/div><\/div><div id=\"pano7446\" class=\"pano-wrap pano-right\" style=\"width: 100%;\"><div class=\"explainer\" id=\"explainer7446\" style=\"display: none\"><span class=\"close-explainer-video\"><i class=\"fa fa-times\"><\/i><\/span><\/div><div class=\"wpvr-floor-map\" id=\"wpvr-floor-map7446\" style=\"display: none\"><span class=\"close-floor-map-plan\"><i class=\"fa fa-times\"><\/i><\/span><img decoding=\"async\" loading=\"lazy\" src=\"\"><\/div><div class=\"wpvr-hotspot-tweak-contents-wrapper\" style=\"display: none\"><i class=\"fa fa-times cross\" data-id=\"7446\"><\/i><div class=\"wpvr-hotspot-tweak-contents-flex\"><div class=\"wpvr-hotspot-tweak-contents\"><\/div><\/div><\/div><div class=\"custom-ifram-wrapper\" style=\"display: none;\"><i class=\"fa fa-times cross\" data-id=\"7446\"><\/i><div class=\"custom-ifram-flex\"><div class=\"custom-ifram\"><\/div><\/div><\/div><\/div><\/div><script>(function ($) {jQuery(document).ready(function() {var response = [{\"panoid\":\"pano7446\"},{\"autoLoad\":true,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"autoRotate\":\"-5\",\"default\":{\"firstScene\":\"mhtGaTTt\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"mhtGaTTt\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/www.cyma.edu.hk\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/IMG_20241115_171142_365-scaled.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[]}}}];var scenes = response[1];if(scenes) {var scenedata = scenes.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i].type === \"info\") {    scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspot;} else if(scenehotspot[i].type === \"scene\") {    scenehotspot[i][\"clickHandlerArgs\"] = scenehotspot[i][\"text\"];if(wpvr_public.is_pro_active) {    scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspotscene;}}if(scenehotspot[i][\"createTooltipArgs\"] != \"\") {scenehotspot[i][\"createTooltipFunc\"] = wpvrtooltip;}}}}var panoshow7446 = pannellum.viewer(response[0][\"panoid\"], scenes);var response_duplicate = [{\"panoid\":\"pano7446\"},{\"autoLoad\":true,\"showControls\":true,\"orientationSupport\":\"false\",\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":true,\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"autoRotate\":false,\"default\":{\"firstScene\":\"mhtGaTTt\",\"sceneFadeDuration\":\"\"},\"scenes\":{\"mhtGaTTt\":{\"type\":\"equirectangular\",\"panorama\":\"https:\\\/\\\/www.cyma.edu.hk\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/IMG_20241115_171142_365-scaled.jpg\",\"pitch\":null,\"yaw\":null,\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"vaov\":180,\"haov\":360,\"hotSpots\":[]}}}];var scenes_duplicate = response_duplicate[1];if(scenes_duplicate) {var scenedata = scenes_duplicate.scenes;for(var i in scenedata) {var scenehotspot = scenedata[i].hotSpots;for(var i = 0; i < scenehotspot.length; i++) {if(scenehotspot[i][\"clickHandlerArgs\"] != \"\") {scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspot;}if(scenehotspot[i][\"createTooltipArgs\"] != \"\") {scenehotspot[i][\"createTooltipFunc\"] = wpvrtooltip;}}}}var vr_mode = \"off\";jQuery(\"#pano7446 .wpvr-floor-map .floor-plan-pointer\").on(\"click\",function(){\n           var scene_id = jQuery(this).attr(\"scene_id\");\n           panoshow7446.loadScene(scene_id)\n           jQuery(\".floor-plan-pointer\").removeClass(\"add-pulse\")\n           jQuery(this).addClass(\"add-pulse\")\n        });panoshow7446.on(\"mousemove\", function (data){\n            jQuery(\".add-pulse\").css({\"transform\":\"rotate(\"+data.yaw+\"deg)\"});\n        });\n    const node = document.querySelector(\".add-pulse\");\n        panoshow7446.on(\"compasschange\", function (data){\n            console.log(data);\n            \/\/ const node = document.querySelector(\".add-pulse\");\n            \/\/ node.style.transform = data;\n            \/\/ jQuery(\".add-pulse\").css({\"transform\":data});\n            });panoshow7446.on(\"load\", function (){\n            \/\/ if(localStorage.getItem(\"vr_mode\") == \"off\") {\n            if(vr_mode == \"off\") {\n                  jQuery(\".vr-mode-title\").hide();\n                } else {\n                jQuery(\"#pano27446 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano7446 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano27446 .pnlm-panorama-info\").hide();\n                jQuery(\"#pano7446 .pnlm-panorama-info\").hide();\n                jQuery(\".vr-mode-title\").show();\n             }\n            setTimeout(() => {\n                window.dispatchEvent(new Event(\"resize\"));\n            }, 200);\n\t\t\t\t\t\tif (jQuery(\"#pano7446\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n\t               jQuery(\"#controls7446\").css(\"bottom\", \"55px\");\n\t           }\n\t           else {\n\t             jQuery(\"#controls7446\").css(\"bottom\", \"5px\");\n\t           }\n\t\t\t\t\t});panoshow7446.on(\"render\", function (){\n              window.dispatchEvent(new Event(\"resize\"));\n            });if (scenes.autoRotate) {\n\t\t\t\t\t\tpanoshow7446.on(\"load\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow7446.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n\t\t\t\t\t\t});\n\t\t\t\t\t\tpanoshow7446.on(\"scenechange\", function (){\n\t\t\t\t\t\t setTimeout(function(){ panoshow7446.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n\t\t\t\t\t\t});\n\t\t\t\t\t}var touchtime = 0;jQuery(document).on(\"click\",\"#explainer_button_7446\",function() {\n                jQuery(\"#explainer7446\").slideToggle();\n            });\n            jQuery(document).on(\"click\",\".close-explainer-video\",function() {\n                jQuery(this).parent(\".explainer\").hide();\n                var el_src = jQuery(\".vr-iframe\").attr(\"src\");\n                jQuery(\".vr-iframe\").attr(\"src\", el_src);\n              });jQuery(document).on(\"click\",\"#floor_map_button_7446\",function() {\n                jQuery(\"#wpvr-floor-map7446\").toggle().removeClass(\"fullwindow\");\n              });\n              jQuery(document).on(\"dblclick\",\"#wpvr-floor-map7446\",function(){\n                jQuery(this).addClass(\"fullwindow\");\n                jQuery(this).parents(\".pano-wrap\").addClass(\"show-modal\");\n              });\n              jQuery(document).on(\"click\",\".close-floor-map-plan\",function() {\n                jQuery(this).parent(\".wpvr-floor-map\").hide();\n                jQuery(this).parent(\".wpvr-floor-map\").removeClass(\"fullwindow\");\n                jQuery(this).parents(\".pano-wrap\").removeClass(\"show-modal\");\n              });jQuery(document).ready(function($){\n\t\t              jQuery(\"#sccontrols7446\").hide();\n                      jQuery(\".wpvr_slider_nav\").hide();\n\t\t              jQuery(\".vrgctrl7446\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t          });var slide7446 = \"down\";\n\t\t          jQuery(document).on(\"click\",\"#vrgcontrols7446\",function() {\n\t\t            if (slide7446 == \"up\") {\n\t\t              jQuery(\".vrgctrl7446\").empty();\n\t\t              jQuery(\".vrgctrl7446\").html('<i class=\"fa fa-angle-up\"><\/i>');\n\t\t              slide7446 = \"down\";\n\t\t            }\n\t\t            else {\n\t\t              jQuery(\".vrgctrl7446\").empty();\n\t\t              jQuery(\".vrgctrl7446\").html('<i class=\"fa fa-angle-down\"><\/i>');\n\t\t              slide7446 = \"up\";\n\t\t            }\n                    jQuery(\".wpvr_slider_nav\").slideToggle(); \n\t\t            jQuery(\"#sccontrols7446\").slideToggle();\n\t\t          });jQuery(\".elementor-tab-title\").click(function(){\n                      var element_id;\n                      var pano_id;\n                      var element_id = this.id;\n                      element_id = element_id.split(\"-\");\n                      element_id = element_id[3];\n                      jQuery(\"#elementor-tab-content-\"+element_id).find(\"#master-container\").children(\"div\").eq(1).addClass(\"awwww\");\n                      var pano_id = jQuery(\".awwww\").attr(\"id\");\n                      jQuery(\"#elementor-tab-content-\"+element_id).find(\"#master-container\").children(\"div\").eq(1).removeClass(\"awwww\");;\n                      if (pano_id != undefined) {\n                        pano_id = pano_id.split(\"o\");\n                        pano_id = pano_id[1];\n                        if (pano_id == \"7446\") {\n                          jQuery(\"#pano7446\").children(\".pnlm-render-container\").remove();\n                          jQuery(\"#pano7446\").children(\".pnlm-ui\").remove();\n                          panoshow7446 = pannellum.viewer(response[0][\"panoid\"], scenes);\n                          jQuery(\"#pano7446\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click To Load Panorama\")\n                          setTimeout(function() {\n                                \/\/   panoshow7446.loadScene(\"mhtGaTTt\");\n                                  window.dispatchEvent(new Event(\"resize\"));\n                                  if (jQuery(\"#pano7446\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                                       jQuery(\"#controls7446\").css(\"bottom\", \"55px\");\n                                   } else {\n                                     jQuery(\"#controls7446\").css(\"bottom\", \"5px\");\n                                   }\n                          }, 200);\n                        }\n                      }\n            });jQuery(\".geodir-tab-head dd, #vr-tour-tab\").click(function(){\n              jQuery(\"#pano7446\").children(\".pnlm-render-container\").remove();\n              jQuery(\"#pano7446\").children(\".pnlm-ui\").remove();\n              panoshow7446 = pannellum.viewer(response[0][\"panoid\"], scenes);\n              setTimeout(function() {\n                      panoshow7446.loadScene(\"mhtGaTTt\");\n                      window.dispatchEvent(new Event(\"resize\"));\n                      if (jQuery(\"#pano7446\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n                           jQuery(\"#controls7446\").css(\"bottom\", \"55px\");\n                       }\n                       else {\n                         jQuery(\"#controls7446\").css(\"bottom\", \"5px\");\n                       }\n              }, 200);\n            });\n            jQuery(\"#pano7446\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"Click To Load Panorama\")\n            jQuery(\"#pano7446 .pnlm-title-box\").on(\"mouseenter\", function(){\n                jQuery(this).attr(\"title\", jQuery(this).text());\n            });\n            jQuery(\"#pano7446 .pnlm-title-box\").on(\"mouseleave\", function(){\n                jQuery(this).removeAttr(\"title\");\n            });});})(jQuery);<\/script>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Shot by: 2C \u6587\u6d1b\u5ef7\u30012C \u9ec3\u6cbb\u8ed2 Equipment: Insta360 X4 G\/F &#038;#821 [&hellip;]","protected":false},"author":1,"featured_media":7,"parent":382,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-3","meta":{"ngg_post_thumbnail":0,"footnotes":""},"ppma_author":[418],"class_list":["post-384","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.cyma.edu.hk\/en\/wp-json\/wp\/v2\/pages\/384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cyma.edu.hk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cyma.edu.hk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cyma.edu.hk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cyma.edu.hk\/en\/wp-json\/wp\/v2\/comments?post=384"}],"version-history":[{"count":2,"href":"https:\/\/www.cyma.edu.hk\/en\/wp-json\/wp\/v2\/pages\/384\/revisions"}],"predecessor-version":[{"id":7459,"href":"https:\/\/www.cyma.edu.hk\/en\/wp-json\/wp\/v2\/pages\/384\/revisions\/7459"}],"up":[{"embeddable":true,"href":"https:\/\/www.cyma.edu.hk\/en\/wp-json\/wp\/v2\/pages\/382"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cyma.edu.hk\/en\/wp-json\/wp\/v2\/media\/7"}],"wp:attachment":[{"href":"https:\/\/www.cyma.edu.hk\/en\/wp-json\/wp\/v2\/media?parent=384"}],"wp:term":[{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.cyma.edu.hk\/en\/wp-json\/wp\/v2\/ppma_author?post=384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}