{"id":8718,"date":"2023-02-06T16:43:38","date_gmt":"2023-02-06T08:43:38","guid":{"rendered":"https:\/\/www.jc-vr-chinese.hk\/?page_id=8718"},"modified":"2023-02-06T16:43:38","modified_gmt":"2023-02-06T08:43:38","slug":"vr-preview-test","status":"publish","type":"page","link":"http:\/\/www.jc-vr-chinese.hk\/index.php\/vr-preview-test\/","title":{"rendered":"VR Preview Test"},"content":{"rendered":"\r\n<p><\/p>\r\n\r\n\r\n<style>@-webkit-keyframes icon-pulsepano8720-00-00 {\n                0% {\n                    box-shadow: 0 0 0 0px rgba(0, 180, 255, 1);\n                }\n                100% {\n                    box-shadow: 0 0 0 10px rgba(0, 180, 255, 0);\n                }\n            }\n            @keyframes icon-pulsepano8720 {\n                0% {\n                    box-shadow: 0 0 0 0px rgba(0, 180, 255, 1);\n                }\n                100% {\n                    box-shadow: 0 0 0 10px rgba(0, 180, 255, 0);\n                }\n            }#pano8720 div.pnlm-orientation-button {\n                    display: none;\n                }<\/style><div id=\"master-container\" class=\"wpvr-cardboard \" style=\"max-width:80%; width: 100%; height: 600px; border-radius:0px; direction:ltr; border : 0px none none\"><div id=\"pano28720\" class=\"pano-wrap pano-left\" style=\"width: 49%; border-radius:0px;\"><div id=\"center-pointer28720\" class=\"vr-pointer-container\"><span class=\"center-pointer\"><\/span><\/div><\/div><div id=\"pano8720\" class=\"pano-wrap pano-right\" style=\"width: 100%; border-radius:0px;\"><div id=\"vrgcontrols8720\" class=\"vrgcontrols\"><div class=\"vrgctrl8720 vrbounce vrg-icon-size-large\"><\/div><\/div><div id=\"sccontrols8720\" class=\"scene-gallery vrowl-carousel owl-theme\"><ul style=\"width:150px;\"><li title=\"Double click to view scene\">title 1<img class=\"scctrl\" id=\"00_gallery_8720\" src=\"http:\/\/www.jc-vr-chinese.hk\/wp-content\/uploads\/2023\/02\/PIC_20230118_152653_20230127155544-150x150.jpg\"><\/li><\/ul><ul style=\"width:150px;\"><li title=\"Double click to view scene\">title 2<img class=\"scctrl\" id=\"01_gallery_8720\" src=\"http:\/\/www.jc-vr-chinese.hk\/wp-content\/uploads\/2023\/02\/PIC_20230118_210813_20230127155544_p-150x150.jpg\"><\/li><\/ul><ul style=\"width:150px;\"><li title=\"Double click to view scene\">title 3<img class=\"scctrl\" id=\"02_gallery_8720\" src=\"http:\/\/www.jc-vr-chinese.hk\/wp-content\/uploads\/2023\/02\/PIC_20230118_154239_20230127155544-150x150.jpg\"><\/li><\/ul><ul style=\"width:150px;\"><li title=\"Double click to view scene\">title 4<img class=\"scctrl\" id=\"03_gallery_8720\" src=\"http:\/\/www.jc-vr-chinese.hk\/wp-content\/uploads\/2023\/02\/PIC_20230118_155909_20230127155544-150x150.jpg\"><\/li><\/ul><ul style=\"width:150px;\"><li title=\"Double click to view scene\">title 5<img class=\"scctrl\" id=\"04_gallery_8720\" src=\"http:\/\/www.jc-vr-chinese.hk\/wp-content\/uploads\/2023\/02\/PIC_20230118_182204_20230127155544-150x150.jpg\"><\/li><\/ul><ul style=\"width:150px;\"><li title=\"Double click to view scene\">title 6<img class=\"scctrl\" id=\"05_gallery_8720\" src=\"http:\/\/www.jc-vr-chinese.hk\/wp-content\/uploads\/2023\/02\/PIC_20230118_182745_20230127155544-150x150.jpg\"><\/li><\/ul><ul style=\"width:150px;\"><li title=\"Double click to view scene\">title 7<img class=\"scctrl\" id=\"06_gallery_8720\" src=\"http:\/\/www.jc-vr-chinese.hk\/wp-content\/uploads\/2023\/02\/PIC_20230118_203015_20230127155544-150x150.jpg\"><\/li><\/ul><\/div>\n        <div class=\"owl-nav wpvr_slider_nav\">\n        <button type=\"button\" role=\"presentation\" class=\"owl-prev wpvr_owl_prev\">\n            <div class=\"nav-btn prev-slide\"><i class=\"fa fa-angle-left\"><\/i><\/div>\n        <\/button>\n        <button type=\"button\" role=\"presentation\" class=\"owl-next wpvr_owl_next\">\n            <div class=\"nav-btn next-slide\"><i class=\"fa fa-angle-right\"><\/i><\/div>\n        <\/button>\n        <\/div>\n        <div class=\"explainer\" id=\"explainer8720\" style=\"display: none\"><span class=\"close-explainer-video\"><i class=\"fa fa-times\"><\/i><\/span><\/div><div class=\"wpvr-floor-map\" id=\"wpvr-floor-map8720\" style=\"display: none\"><span class=\"close-floor-map-plan\"><i class=\"fa fa-times\"><\/i><\/span><img src=\"http:\/\/www.jc-vr-chinese.hk\/wp-content\/uploads\/2023\/02\/Screenshot-2023-02-08-at-11.37.42-AM.png\"><\/div><div class=\"wpvr-hotspot-tweak-contents-wrapper\" style=\"display: none\"><i class=\"fa fa-times cross\" data-id=\"8720\"><\/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=\"8720\"><\/i><div class=\"custom-ifram-flex\"><div class=\"custom-ifram\"><\/div><\/div><\/div><\/div><\/div><script>jQuery(document).ready(function() {var response = [{\"panoid\":\"pano8720\"},{\"autoLoad\":true,\"showControls\":true,\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":\"on\",\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"autoRotate\":\"-2\",\"default\":{\"firstScene\":\"00\",\"sceneFadeDuration\":\"500\",\"hfov\":100,\"maxHfov\":120,\"minHfov\":50},\"scenes\":{\"00\":{\"type\":\"equirectangular\",\"panorama\":\"http:\\\/\\\/www.jc-vr-chinese.hk\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/PIC_20230118_152653_20230127155544.jpg\",\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"title\":\"title 1\",\"hotSpots\":[{\"text\":\"00\",\"pitch\":\" -0.07510784127396919\",\"yaw\":\" 34.44598463899267\",\"type\":\"scene\",\"URL\":\"\",\"wpvr_url_open\":\"off\",\"clickHandlerArgs\":\"\",\"createTooltipArgs\":\"<p>Go there<br><\\\/p>\",\"sceneId\":\"01\",\"targetPitch\":0,\"targetYaw\":0,\"hotspot_type\":\"scene\"}]},\"01\":{\"type\":\"equirectangular\",\"panorama\":\"http:\\\/\\\/www.jc-vr-chinese.hk\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/PIC_20230118_210813_20230127155544_p.jpg\",\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"title\":\"title 2\",\"hotSpots\":[]},\"02\":{\"type\":\"equirectangular\",\"panorama\":\"http:\\\/\\\/www.jc-vr-chinese.hk\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/PIC_20230118_154239_20230127155544.jpg\",\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"title\":\"title 3\",\"hotSpots\":[]},\"03\":{\"type\":\"equirectangular\",\"panorama\":\"http:\\\/\\\/www.jc-vr-chinese.hk\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/PIC_20230118_155909_20230127155544.jpg\",\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"title\":\"title 4\",\"hotSpots\":[]},\"04\":{\"type\":\"equirectangular\",\"panorama\":\"http:\\\/\\\/www.jc-vr-chinese.hk\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/PIC_20230118_182204_20230127155544.jpg\",\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"title\":\"title 5\",\"hotSpots\":[]},\"05\":{\"type\":\"equirectangular\",\"panorama\":\"http:\\\/\\\/www.jc-vr-chinese.hk\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/PIC_20230118_182745_20230127155544.jpg\",\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"title\":\"title 6\",\"hotSpots\":[]},\"06\":{\"type\":\"equirectangular\",\"panorama\":\"http:\\\/\\\/www.jc-vr-chinese.hk\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/PIC_20230118_203015_20230127155544.jpg\",\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"title\":\"title 7\",\"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][\"clickHandlerArgs\"] != \"\") {scenehotspot[i][\"clickHandlerFunc\"] = wpvrhotspot;}if(scenehotspot[i][\"createTooltipArgs\"] != \"\") {scenehotspot[i][\"createTooltipFunc\"] = wpvrtooltip;}}}}var panoshow8720 = pannellum.viewer(response[0][\"panoid\"], scenes);var response_duplicate = [{\"panoid\":\"pano8720\"},{\"autoLoad\":true,\"showControls\":true,\"compass\":false,\"orientationOnByDefault\":false,\"mouseZoom\":\"on\",\"draggable\":true,\"disableKeyboardCtrl\":false,\"keyboardZoom\":true,\"preview\":\"\",\"autoRotate\":false,\"default\":{\"firstScene\":\"00\",\"sceneFadeDuration\":\"500\",\"hfov\":100,\"maxHfov\":120,\"minHfov\":50},\"scenes\":{\"00\":{\"type\":\"equirectangular\",\"panorama\":\"http:\\\/\\\/www.jc-vr-chinese.hk\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/PIC_20230118_152653_20230127155544.jpg\",\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"title\":\"title 1\",\"hotSpots\":[{\"text\":\"00\",\"pitch\":\" -0.07510784127396919\",\"yaw\":\" 34.44598463899267\",\"type\":\"scene\",\"URL\":\"\",\"wpvr_url_open\":\"off\",\"clickHandlerArgs\":\"\",\"createTooltipArgs\":\"<p>Go there<br><\\\/p>\",\"sceneId\":\"01\",\"targetPitch\":0,\"targetYaw\":0,\"hotspot_type\":\"scene\"}]},\"01\":{\"type\":\"equirectangular\",\"panorama\":\"http:\\\/\\\/www.jc-vr-chinese.hk\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/PIC_20230118_210813_20230127155544_p.jpg\",\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"title\":\"title 2\",\"hotSpots\":[]},\"02\":{\"type\":\"equirectangular\",\"panorama\":\"http:\\\/\\\/www.jc-vr-chinese.hk\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/PIC_20230118_154239_20230127155544.jpg\",\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"title\":\"title 3\",\"hotSpots\":[]},\"03\":{\"type\":\"equirectangular\",\"panorama\":\"http:\\\/\\\/www.jc-vr-chinese.hk\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/PIC_20230118_155909_20230127155544.jpg\",\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"title\":\"title 4\",\"hotSpots\":[]},\"04\":{\"type\":\"equirectangular\",\"panorama\":\"http:\\\/\\\/www.jc-vr-chinese.hk\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/PIC_20230118_182204_20230127155544.jpg\",\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"title\":\"title 5\",\"hotSpots\":[]},\"05\":{\"type\":\"equirectangular\",\"panorama\":\"http:\\\/\\\/www.jc-vr-chinese.hk\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/PIC_20230118_182745_20230127155544.jpg\",\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"title\":\"title 6\",\"hotSpots\":[]},\"06\":{\"type\":\"equirectangular\",\"panorama\":\"http:\\\/\\\/www.jc-vr-chinese.hk\\\/wp-content\\\/uploads\\\/2023\\\/02\\\/PIC_20230118_203015_20230127155544.jpg\",\"hfov\":100,\"maxHfov\":120,\"minHfov\":50,\"title\":\"title 7\",\"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 panoshow28720 = pannellum.viewer(\"pano28720\", scenes_duplicate);\n        var tim;\n        var im = 0;\n        var active_scene = \"00\";\n        var c_time;\n        c_time = new Date();\n        var timer = c_time.getTime() + 2000;\n       function panoShowCardBoardOnTrigger(data){\n            if(scenes_duplicate) {\n                var scenedata = scenes_duplicate.scenes;\n                for(var i in scenedata) {\n                    if(active_scene === i) {\n                        var scenehotspot = scenedata[i].hotSpots;\n                        for(var j in scenehotspot) {\n                            var plusFiveYaw = Math.round(scenehotspot[j].yaw) + 5;\n                            var minusFiveYaw = Math.round(scenehotspot[j].yaw) - 5;\n                            var plusFivePitch = Math.round(scenehotspot[j].pitch) + 5;\n                            var minusFivePitch = Math.round(scenehotspot[j].pitch) - 5;\n                            var firstCondition = ( Math.round(data.pitch) > minusFivePitch) && (Math.round(data.pitch) < plusFivePitch) ;\n                            var secCondition = (Math.round(data.yaw) > minusFiveYaw) && (Math.round(data.yaw) < plusFiveYaw);\n                            if(( Math.round(data.pitch) > minusFivePitch) && (Math.round(data.pitch) < plusFivePitch) ){\n                                if((Math.round(data.yaw) > minusFiveYaw) && (Math.round(data.yaw) < plusFiveYaw)){\n                                    jQuery(\".center-pointer\").addClass(\"wpvr-pluse-effect\")\n                                    var getScene = scenehotspot[j].sceneId;\n                                    if(scenehotspot[j].type == \"scene\"){\n                                            panoshow8720.loadScene(getScene);\n                                            panoshow28720.loadScene(getScene);\n\/\/                                            var inside_current_time_object = new Date();\n\/\/                                            var inside_timer = inside_current_time_object.getTime();\n\/\/                                            if(inside_timer > timer) {\n\/\/                                                panoshow8720.loadScene(getScene);\n\/\/                                                panoshow28720.loadScene(getScene);\n\/\/                                                jQuery(\".center-pointer\").removeClass(\"wpvr-pluse-effect\")\n\/\/                                            }\n                                    }else{\n                                        jQuery(\".center-pointer\").removeClass(\"wpvr-pluse-effect\")\n                                    }\n                                }\n                                else {\n                                    jQuery(\".center-pointer\").removeClass(\"wpvr-pluse-effect\")\n                                    c_time = new Date();\n                                    timer = c_time.getTime() + 2000;\n                                }\n                            }\n                            else {\n                                c_time = new Date();\n                                timer = c_time.getTime() + 2000;\n                            }\n                        }\n                    }\n                }\n            }\n       };\n       \n       function vrDeviseOrientation(){\n            var data = {\n                pitch: panoshow8720.getPitch(),\n                yaw: panoshow8720.getYaw(),\n            };\n            panoShowCardBoardOnTrigger(data);\n       }\n    \n           \n            function requestFullScreen(){\n                var elem = document.getElementById(\"master-container\");\n                if (elem.requestFullscreen) {\n                    elem.requestFullscreen();\n                  } else if (elem.webkitRequestFullscreen) { \/* Safari *\/\n                    elem.webkitRequestFullscreen();\n                  } else if (elem.msRequestFullscreen) { \/* IE11 *\/\n                    elem.msRequestFullscreen();\n                  }\n            }\n            function requestExitFullscreen(){\n                var elem = document.getElementById(\"master-container\");\n                if (document.exitFullscreen) {\n                    document.exitFullscreen();\n                 } else if (document.webkitExitFullscreen) { \/* Safari *\/\n                    document.webkitExitFullscreen();\n                 } else if (document.msExitFullscreen) { \/* IE11 *\/\n                    document.msExitFullscreen();\n                 }\n            }\n            jQuery(document).on(\"click\",\".fullscreen-button .expand\",function() {\n                jQuery(this).hide()\n                jQuery(this).parent().find(\".compress\").show()\n                requestFullScreen()\n                screen.orientation.lock(\"landscape-primary\")\n                .then(function() {\n                })\n                .catch(function(error) {\n                    alert(\"Not Supported for this devise\");\n                });\n        \n            });   \n            jQuery(document).on(\"click\",\".fullscreen-button .compress\",function() {\n                jQuery(this).hide()\n                jQuery(this).parent().find(\".expand\").show()\n                requestExitFullscreen()\n                screen.orientation.unlock();\n                 \n            }); \n            \n        panoshow8720.on(\"scenechange\", function (scene){\n            jQuery(\".center-pointer\").removeClass(\"wpvr-pluse-effect\")\n            active_scene = scene;\n        });\n        var compassBlock = \"\";\n        var infoBlock = \"\";\n        var getValue = \"\";\n        jQuery(document).on(\"click\",\".vr_mode_change8720\",function (){\n          \n          jQuery(\"#pano28720 .pnlm-load-button\").trigger(\"click\");\n          jQuery(\"#pano8720 .pnlm-load-button\").trigger(\"click\");\n        \n          getValue =   jQuery(this).val();\n          var getParent = jQuery(this).parent().parent();\n          var fullWidthParent = getParent.parent();\n          var compass = getParent.find(\"#pano28720 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\");\n          var panoInfo = getParent.find(\"#pano8720 .pnlm-panorama-info\").css(\"display\");\n          if(compass == \"block\"){\n            compassBlock = \"block\";\n          }\n          if(panoInfo == \"block\"){\n            infoBlock = \"block\";\n          }\n            if (getValue == \"off\") {\n                requestFullScreen()\n                screen.orientation.lock(\"landscape-primary\")\n                .then(function() {\n                })\n                .catch(function(error) {\n                    alert(\"VR Glass Mode not supported in this device\");\n                });\n                getParent.find(\".pano-wrap\").addClass(\"wpvr-cardboard-disable-event\");\n                localStorage.setItem(\"vr_mode\", \"on\");\n                jQuery(\".vr-mode-title\").show();\n                jQuery(this).val(\"on\");\n                getParent.find(\"#pano28720\").css({\n                    \"opacity\": \"1\", \n                    \"visibility\": \"visible\",\n                    \"position\": \"relative\",\n                });\n                panoshow8720.startOrientation();\n                panoshow28720.startOrientation();\n                panoshow28720.setPitch(panoshow8720.getPitch(), 0);\n                panoshow28720.setYaw(panoshow8720.getYaw(), 0);\n                getParent.find(\"#pano8720 #zoom-in-out-controls8720\").hide();\n                getParent.find(\"#pano8720 #controls8720\").hide();\n                getParent.find(\"#pano8720 #explainer_button_8720\").hide();\n                getParent.find(\"#pano8720 #floor_map_button_8720\").hide();\n                getParent.find(\"#pano8720 #vrgcontrols8720\").hide();\n                getParent.find(\"#pano8720 #sccontrols8720\").hide();\n                getParent.find(\"#pano8720 #adcontrol8720\").hide();\n                getParent.find(\"#pano8720 .owl-nav.wpvr_slider_nav\").hide();\n                getParent.find(\"#pano8720 #cp-logo-controls\").hide();\n                \n                getParent.find(\"#pano28720 .pnlm-controls-container\").hide();\n                getParent.find(\"#pano8720 .pnlm-controls-container\").hide();\n                \n                getParent.find(\"#pano28720 .pnlm-compass.pnlm-controls.pnlm-control\").hide();\n                getParent.find(\"#pano8720 .pnlm-compass.pnlm-controls.pnlm-control\").hide();\n                \n               getParent.find(\"#pano28720 .pnlm-panorama-info\").hide();\n               getParent.find(\"#pano8720 .pnlm-panorama-info\").hide();\n               getParent.find(\"#pano8720\").addClass(\"cardboard-half\");\n               \n                getParent.find(\"#center-pointer8720\").show();\n                getParent.find(\".fullscreen-button\").hide();\n    \n                \n                if (window.DeviceOrientationEvent) {\n                    window.addEventListener(\"deviceorientation\", vrDeviseOrientation);\n                }\n              \n                panoshow8720.on(\"mousemove\", function (data){\n                    panoshow28720.setPitch(data.pitch, 0);\n                    panoshow28720.setYaw(data.yaw, 0);\n                    panoShowCardBoardOnTrigger(data);\n            \n                });\n                panoshow28720.on(\"mousemove\", function (data){\n                    panoshow28720.setPitch(data.pitch, 0);\n                    panoshow8720.setYaw(data.yaw, 0);\n                    panoShowCardBoardOnTrigger(data);\n            \n                });\n\n                panoshow8720.on(\"zoomchange\", function (data){\n                    panoshow28720.setHfov(data, 0);\n                });\n\n                panoshow28720.on(\"zoomchange\", function (data){\n                    panoshow8720.setHfov(data, 0);\n                });\n                \n                panoshow8720.on(\"touchmove\", function (data){\n                    panoshow8720.stopOrientation();\n                    panoshow28720.stopOrientation();\n                    panoshow28720.setPitch(data.pitch, 0);\n                    panoshow28720.setYaw(data.yaw, 0);\n                    panoShowCardBoardOnTrigger(data);\n            \n                });\n                \n                panoshow28720.on(\"touchmove\", function (data){\n                    panoshow8720.stopOrientation();\n                    panoshow28720.stopOrientation();\n                    panoshow8720.setPitch(data.pitch, 0);\n                    panoshow8720.setYaw(data.yaw, 0);\n                    panoShowCardBoardOnTrigger(data);\n            \n                });\n                \n            }\n            else if(getValue == \"on\") {\n                screen.orientation.unlock();\n                requestExitFullscreen();\n                localStorage.setItem(\"vr_mode\", \"off\");\n                jQuery(\".vr-mode-title\").hide();\n                jQuery(this).val(\"off\");\n                getParent.find(\"#pano28720\").css({\n                    \"opacity\": \"0\", \n                    \"visibility\": \"hidden\",\n                    \"position\": \"absolute\",\n                });\n                panoshow8720.stopOrientation();\n                panoshow28720.stopOrientation();\n                getParent.find(\".pano-wrap\").removeClass(\"wpvr-cardboard-disable-event\");\n                getParent.find(\"#pano8720 #zoom-in-out-controls8720\").show();\n                getParent.find(\"#pano8720 #controls8720\").show();\n                getParent.find(\"#pano8720 #explainer_button_8720\").show();\n                getParent.find(\"#pano8720 #floor_map_button_8720\").show();\n\n                getParent.find(\"#pano28720 .pnlm-controls-container\").show();\n                getParent.find(\"#pano8720 .pnlm-controls-container\").show();\n                getParent.find(\"#pano8720 #vrgcontrols8720\").show();\n                getParent.find(\"#pano8720 #sccontrols8720\").hide();\n                getParent.find(\"#pano8720 #adcontrol8720\").show();\n                getParent.find(\"#pano8720 .owl-nav.wpvr_slider_nav\").hide();\n                getParent.find(\"#pano8720 #cp-logo-controls\").show();\n                \n                if(compassBlock == \"block\"){\n                    getParent.find(\"#pano28720 .pnlm-compass.pnlm-controls.pnlm-control\").show();\n                    getParent.find(\"#pano8720 .pnlm-compass.pnlm-controls.pnlm-control\").show();\n                }\n                if(infoBlock == \"block\"){\n                    getParent.find(\"#pano28720 .pnlm-panorama-info\").show();\n                    getParent.find(\"#pano8720 .pnlm-panorama-info\").show();\n                }\n               \n                getParent.find(\"#pano8720\").removeClass(\"cardboard-half\");\n                getParent.find(\"#center-pointer8720\").hide();\n                getParent.find(\".fullscreen-button\").hide();\n                panoshow8720.off(\"mousemove\");\n                panoshow8720.off(\"touchmove\");\n                panoshow28720.off(\"mousemove\");\n                panoshow28720.off(\"touchmove\");\n                if (window.DeviceOrientationEvent) {\n                    window.removeEventListener(\"deviceorientation\", vrDeviseOrientation);\n                }\n            }\n        });panoshow28720.on(\"load\", function (){\n                if(localStorage.getItem(\"vr_mode\") == \"off\") {\n                      jQuery(\".vr-mode-title\").hide();\n                    }\n                 else {\n                    jQuery(\"#pano28720 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                    jQuery(\"#pano8720 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                    jQuery(\"#pano28720 .pnlm-panorama-info\").hide();\n                    jQuery(\"#pano8720 .pnlm-panorama-info\").hide();\n                    jQuery(\".vr-mode-title\").show();\n                 }\n         });jQuery(\".wpvr-floor-map .floor-plan-pointer\").on(\"click\",function(){\n           var scene_id = jQuery(this).attr(\"scene_id\");\n           panoshow8720.loadScene(scene_id)\n           jQuery(\".floor-plan-pointer\").removeClass(\"add-pulse\")\n           jQuery(this).addClass(\"add-pulse\")\n    });panoshow8720.on(\"scenechange\", function (scene){\n            jQuery(\".center-pointer\").removeClass(\"wpvr-pluse-effect\")\n            jQuery(\".floor-plan-pointer\").each(function(index ,element){\n                var scene_id = jQuery(this).attr(\"scene_id\");\n                if( active_scene == scene_id ){\n                    jQuery(\".floor-plan-pointer\").removeClass(\"add-pulse\")\n                    jQuery(this).addClass(\"add-pulse\")\n                }\n            });\n            \n        });panoshow8720.on(\"load\", function (){\n           if(jQuery(\".floor-plan-pointer\").length > 0){\n               jQuery(\".floor-plan-pointer\").each(function(index ,element){\n                    var scene_id = jQuery(this).attr(\"scene_id\");\n                    if( active_scene == scene_id ){\n                        jQuery(\".floor-plan-pointer\").removeClass(\"add-pulse\")\n                        jQuery(this).addClass(\"add-pulse\")\n                    }\n                });\n           }\n        });\n        const node = document.querySelector(\".add-pulse\");\n        panoshow8720.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\n        });\n    panoshow8720.on(\"load\", function (){\n    \n              if(localStorage.getItem(\"vr_mode\") == \"off\") {\n                  jQuery(\".vr-mode-title\").hide();\n             } \n             else {\n                jQuery(\"#pano28720 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano8720 .pnlm-compass.pnlm-controls.pnlm-control\").css(\"display\",\"none\");\n                jQuery(\"#pano28720 .pnlm-panorama-info\").hide();\n                jQuery(\"#pano8720 .pnlm-panorama-info\").hide();\n                jQuery(\".vr-mode-title\").show();\n             }\n             \n    \n          if (jQuery(\"#pano8720\").children().children(\".pnlm-panorama-info:visible\").length > 0) {\n               jQuery(\"#controls8720\").css(\"bottom\", \"55px\");\n           }\n           else {\n             jQuery(\"#controls8720\").css(\"bottom\", \"5px\");\n           }\n        });\n        if (scenes.autoRotate) {\n          panoshow8720.on(\"load\", function (){\n           setTimeout(function(){ panoshow8720.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n          });\n          panoshow8720.on(\"scenechange\", function (){\n           setTimeout(function(){ panoshow8720.startAutoRotate(scenes.autoRotate, 0); }, 3000);\n          });\n        }\n        var touchtime = 0;\n                jQuery(document).on(\"click\",\"#00_gallery_8720\",function() {\n                    panoshow8720.loadScene(\"00\");\n                });\n                \n                jQuery(document).on(\"click\",\"#01_gallery_8720\",function() {\n                    panoshow8720.loadScene(\"01\");\n                });\n                \n                jQuery(document).on(\"click\",\"#02_gallery_8720\",function() {\n                    panoshow8720.loadScene(\"02\");\n                });\n                \n                jQuery(document).on(\"click\",\"#03_gallery_8720\",function() {\n                    panoshow8720.loadScene(\"03\");\n                });\n                \n                jQuery(document).on(\"click\",\"#04_gallery_8720\",function() {\n                    panoshow8720.loadScene(\"04\");\n                });\n                \n                jQuery(document).on(\"click\",\"#05_gallery_8720\",function() {\n                    panoshow8720.loadScene(\"05\");\n                });\n                \n                jQuery(document).on(\"click\",\"#06_gallery_8720\",function() {\n                    panoshow8720.loadScene(\"06\");\n                });\n                \n    jQuery(document).on(\"click\",\"#explainer_button_8720\",function() {\n        jQuery(\"#explainer8720\").slideToggle();\n        \/\/ jQuery(\".explainer\").slideToggle();\n      });\n\n      jQuery(document).on(\"click\",\".close-explainer-video\",function() {\n        jQuery(this).parent(\".explainer\").hide();\n      });\n      jQuery(document).on(\"click\",\"#pano8720\",function(event) {\n        var isActiveModal = event.target.closest(\".custom-ifram-wrapper\");\n        var isForm = event.target.closest(\".wpvr-hotspot-tweak-contents\");\n        if( isActiveModal == null && isForm == null){\n             jQuery(\".custom-ifram-wrapper\").hide();\n             jQuery(this).removeClass(\"show-modal\");\n             jQuery(\".wpvr-hotspot-tweak-contents-wrapper\").hide(\"show-modal\");\n        }else if(isForm != null){\n            jQuery(this).addClass(\"show-modal\");\n        }\n      });\n\n    \n    jQuery(document).on(\"click\",\"#floor_map_button_8720\",function() {\n        jQuery(\"#wpvr-floor-map8720\").toggle().removeClass(\"fullwindow\");\n      });\n\n      jQuery(document).on(\"dblclick\",\"#wpvr-floor-map8720\",function(){\n        jQuery(this).addClass(\"fullwindow\");\n        jQuery(this).parents(\".pano-wrap\").addClass(\"show-modal\");\n      });\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      });\n\n    \n          jQuery(document).ready(function($){\n            jQuery(\"#sccontrols8720\").show();\n            jQuery(\".wpvr_slider_nav\").show();\n              jQuery(\".vrgctrl8720\").html('<i class=\"fa fa-angle-down\"><\/i>');\n          });\n          \n          var slide8720 = \"down\";\n          jQuery(document).on(\"click\",\"#vrgcontrols8720\",function() {\n\n            if (slide8720 == \"up\") {\n              jQuery(\".vrgctrl8720\").empty();\n              jQuery(\".vrgctrl8720\").html('<i class=\"fa fa-angle-down\"><\/i>');\n              slide8720 = \"down\";\n            }\n            else {\n              jQuery(\".vrgctrl8720\").empty();\n              jQuery(\".vrgctrl8720\").html('<i class=\"fa fa-angle-up\"><\/i>');\n              slide8720 = \"up\";\n            }\n            jQuery(\".wpvr_slider_nav\").slideToggle();\n            jQuery(\"#sccontrols8720\").slideToggle();\n          });\n          \n        jQuery(\"#pano8720\").children(\".pnlm-ui\").find(\".pnlm-load-button p\").text(\"\")\n        });<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/www.jc-vr-chinese.hk\/index.php\/wp-json\/wp\/v2\/pages\/8718"}],"collection":[{"href":"http:\/\/www.jc-vr-chinese.hk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.jc-vr-chinese.hk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.jc-vr-chinese.hk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.jc-vr-chinese.hk\/index.php\/wp-json\/wp\/v2\/comments?post=8718"}],"version-history":[{"count":11,"href":"http:\/\/www.jc-vr-chinese.hk\/index.php\/wp-json\/wp\/v2\/pages\/8718\/revisions"}],"predecessor-version":[{"id":8833,"href":"http:\/\/www.jc-vr-chinese.hk\/index.php\/wp-json\/wp\/v2\/pages\/8718\/revisions\/8833"}],"wp:attachment":[{"href":"http:\/\/www.jc-vr-chinese.hk\/index.php\/wp-json\/wp\/v2\/media?parent=8718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}