{"page":{"id":100260708451,"body_html":"\u003cscript src=\"https:\/\/cas.zma.gs\/64a695a4b6fc7c5ba7643e93\/ssr\/experiences\/650c49246df9f10f761223c0\/init.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e \u003cscript src=\"https:\/\/secure.api.viewer.zmags.com\/viewer\/viewer.js\" type=\"text\/javascript\"\u003e\u003c\/script\u003e\n\u003cdiv style=\"position: relative; top: 0px; left: 0px; height: 650px; width: 100%;\" id=\"myViewerContent\"\u003e\u003c\/div\u003e\n\u003cscript\u003e\n    var viewer = new com.zmags.api.Viewer();\n    viewer.setPublicationID(\"12f389e8\");\n    viewer.setParentElementID(\"myViewerContent\");\n\tviewer.setFullscreenMode(com.zmags.api.Viewer.FullscreenMode.API_ONLY);\n    viewer.addEventListener(com.zmags.api.Viewer.TOOLBAR_BUTTON_ACTIVATE, toolbarButtonActivateHandler);\n    viewer.show();\n\t\n\t\/\/ This block of code displays the page specified in the URL.\n    var pageturn = false; \/\/ Do not alter the hash while pages are still turning.\n    if(window.location.hash != \"\"){ viewer.gotoPage(window.location.hash.replace(\"#\",\"\")); }\n    window.onhashchange = function(event){ if(pageturn == false){ viewer.gotoPage(window.location.hash.replace(\"#\",\"\")); }}\n\n    \/\/ This block of code updates the URL when pages are turned.\n    viewer.oncurrentpageschange = function(event){\n        viewer.getCurrentPages(function(data){\n            pageturn = true; \/\/ Pages currently turning.\n            window.setTimeout(function(){ pageturn = false; }, 100);\n            window.location.hash = data.firstPage;\n        });\n    }\n\t\n    var viewerStyle = \"\";\n    function toolbarButtonActivateHandler(event){\n        if (event.buttonID === \"fullscreen\"){\n            var viewerDiv = document.getElementById(\"myViewerContent\");\n            if(viewerStyle == \"\"){\n                document.body.style.overflow = \"hidden\";\n                viewerStyle = viewerDiv.style.cssText;\n                viewerDiv.style.cssText = \"position:fixed; top:0px; left:0px; height:100%; width:100%; z-index:9001;\";\n            }\n            else{\n                document.body.style.overflow = \"auto\";\n                viewerDiv.style.cssText = viewerStyle;\n                viewerStyle = \"\";\n            }\n\n            viewer.resize();\n        }\n    }\n\t\n\tfunction launchWebSiteProductWindow(productID){\n\t\ttop.ZMAGS_API.openQV(productID);\n\t}\n    \n    viewer.onproductlinkactivate = function(event){\n        launchWebSiteProductWindow(event.product.product_id);\n    }\n\t\n    viewer.onproductwidgetactivate = function(event){\n        launchWebSiteProductWindow(event.product.product_id);\n    }\n\t\n    viewer.onbuythelookwidgetactivate = function(event){\n    }\n\u003c\/script\u003e \u003cscript\u003e\n      var viewerDiv = document.getElementById(\"myViewerContent\");\n      if(viewerStyle == \"\"){\n            document.body.style.overflow = \"hidden\";\n            viewerStyle = viewerDiv.style.cssText;\n            viewerDiv.style.cssText = \"position:fixed; top:0px; left:0px; height:100%; width:100%; z-index:900;\";\n      }\n      else{\n            document.body.style.overflow = \"auto\";\n            viewerDiv.style.cssText = viewerStyle;\n            viewerStyle = \"\";\n      }\n      viewer.resize();\n\u003c\/script\u003e","created_at":"2025-06-04T10:06:21-07:00","published_at":"2025-06-04T10:06:21-07:00","updated_at":"2025-06-04T10:06:50-07:00","handle":"june-2025-catalog","title":"June 2025 Catalog"}}