{"id":46395,"date":"2025-02-18T15:09:08","date_gmt":"2025-02-18T07:09:08","guid":{"rendered":"https:\/\/isenzmedical.com\/?page_id=46395"},"modified":"2025-08-06T11:08:59","modified_gmt":"2025-08-06T03:08:59","slug":"other-products","status":"publish","type":"page","link":"https:\/\/isenzmedical.com\/index.php\/other-products\/","title":{"rendered":"<span class=\"light\">OTHER<\/span> PRODUCTS"},"content":{"rendered":"\n<div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; width: 100%;\" id=\"image-gallery\">\n    <!-- Row 1 -->\n    <div class=\"image-container\" data-content=\"VISC-REVEAL\">\n        <img decoding=\"async\" src=\"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/VISTO-THU.png\" alt=\"VISCOELASTICS\">\n    <\/div>\n    <div class=\"image-container\" data-content=\"KNIVES-REVEAL\">\n        <img decoding=\"async\" src=\"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/KNIVES-AND-SUTURES-THUMB.png\" alt=\"KNIVES AND SUTURES\">\n    <\/div>\n    <div class=\"image-container\" data-content=\"PHARM-REVEAL\">\n        <img decoding=\"async\" src=\"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/PHARMA-THHUMB.png\" alt=\"PHARMACEUTICALS\">\n    <\/div>\n    <div class=\"image-container\" data-content=\"OTHER-REVEAL\">\n        <img decoding=\"async\" src=\"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/OTHER-THUMB.png\" alt=\"OTHER SURGICALS\">\n    <\/div>\n<\/div>\n\n<!-- Reveal content section -->\n<div id=\"reveal-content\" class=\"revealed-content\"><\/div>\n\n<!-- Dropdown content (hidden initially) -->\n<div id=\"dropdown-content\" class=\"dropdown-content\"><\/div>\n\n<style>\n\/* Updated styles *\/\n@keyframes fadeInUp {\n    0% {\n        opacity: 0;\n        transform: translateY(20px);\n    }\n    100% {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n@keyframes drawLine {\n    0% { width: 0; }\n    100% { width: 50%; }\n}\n\/* Style for the download button *\/\n.download-button {\n    margin-top: 20px;\n    padding: 12px 24px;\n    background-color: #0537fc; \/* Blue background *\/\n    color: white; \/* White text *\/\n    text-decoration: none;\n    border-radius: 5px;\n    font-weight: bold;\n    font-size: 16px;\n    border: none;\n    cursor: pointer;\n    transition: background-color 0.3s ease, transform 0.2s ease;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n\/* Hover effect *\/\n.download-button:hover {\n    background-color: #f39200; \/* Darker blue on hover *\/\n    transform: translateY(-2px); \/* Slight lift *\/\n    box-shadow: 0 6px 8px rgba(250, 143, 4, 0.15);\n}\n\n\/* Active effect *\/\n.download-button:active {\n    background-color: #676a75; \/* Even darker blue on click *\/\n    transform: translateY(0);\n    box-shadow: 0 4px 6px rgba(255, 187, 0, 0.1);\n}\n.image-container {\n    position: relative;\n    width: 225px;\n    height: 225px;\n    overflow: hidden;\n    cursor: pointer;\n    transition: transform 0.3s ease;\n}\n.image-container img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n}\n.image-container img:hover {\n    transform: scale(1.1);\n}\n.image-container.highlighted {\n    border: 4px solid rgba(255, 165, 0, 0.8);\n    box-shadow: 0 0 15px rgba(255, 165, 0, 0.8);\n}\n.revealed-content {\n    display: none;\n    padding: 20px;\n    background-color: #eeebeb;\n    border-radius: 20px;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    margin-top: 20px;\n    animation: slideInFromLeft 0.8s forwards;\n    text-align: center;\n}\n.revealed-content img {\n    width: 300px;\n    height: 300px;\n    object-fit: cover;\n    border-radius: 8px;\n    cursor: pointer;\n    margin: 5px;\n}\n\n.revealed-content.show {\n    display: block;\n}\n.dropdown-content {\n    display: none;\n    position: relative;\n    padding: 15px;\n    background-color: #eeebeb;\n    border-radius: 8px;\n    margin-top: 20px;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n    text-align: center;\n}\n.dropdown-content.show {\n    display: block;\n}\n.dropdown-content img {\n    width: 100%;\n    height: auto;\n    object-fit: contain;\n    border-radius: 8px;\n    margin-top: 10px;\n}\n.dropdown-content .info-text {\n    position: relative;\n    padding: 50px;\n    color: #181414;\n    border-radius: 5px;\n    font-size: 15px;\n    font-weight: bold;\n    text-align: left;\n    animation: fadeInUp 3s ease-out forwards;\n}\n<\/style>\n\n<script>\n\/\/ Content data for dynamic rendering\nconst contentData = {\n    \"VISC-REVEAL\": {\n        title: \"VISCOELASTICS\",\n        images: [\n            {\n                src: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/CURAMED-SHBF.png\",\n                info: \"NOT READY YET\",\n                dropdownImage: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/44.png\",\n            },\n            {\n                src: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/CURAGEL-HPMC.png\",\n                info: \"NOT READY YET\",\n                dropdownImage: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/45.png\",\n            },\n            {\n                src: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/HILURON.png\",\n                info: \"NOT READY YET\",\n                dropdownImage: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/TRIVA-AAY-SPESCS.png\",\n            },\n            {\n                src: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/PE-HA-LURON.png\",\n                info: \"NOT READY YET\",\n                dropdownImage: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/TRIVA-AAY-SPESCS.png\",\n            },\n        ]\n    },\n    \"KNIVES-REVEAL\": {\n        title: \"KNIVES AND SUTURES\",\n        images: [\n            {\n                src: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/MANI-KNIVES.png\",\n                info: \"NOT READY YET\",\n                dropdownImage: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/PRECIZON-NVA.png\",\n            },\n            {\n                src: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/MANI-SUTURES.png\",\n                info: \"NOT READY YET\",\n                dropdownImage: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/PRECIZON-NVA.png\",\n            },\n        ]\n    },\n    \"PHARM-REVEAL\": {\n        title: \"PHARMACEUTICALS\",\n        images: [\n            {\n                src: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/IVITES-SUPREME.png\",\n                info: \"NOT READY YET\",\n                dropdownImage: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/IVITES-SUPREME-1.png\",\n            },\n            {\n                src: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/I-VITES-MAX.png\",\n                info: \"NOT READY YET\",\n                dropdownImage: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/ASPIRA-1.png\",\n            },\n            {\n                src: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/ICOOL-1.png\",\n                info: \"Olopatadine 0.1% eye drops are an antihistamine and mast cell stabilizer used to treat allergic conjunctivitis. They help relieve symptoms such as itching, redness, and irritation caused by eye allergies by blocking histamine release and preventing allergic reactions. With twice-daily use, they provide long-lasting relief, making them an effective option for managing eye allergy symptoms.\",\n                dropdownImage: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/ICOOL-2.png\",\n            },\n            {\n                src: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/IVISC-1.png\",\n                info: \"Sodium Hyaluronate 0.1% eye drops are a lubricating treatment used to relieve dryness and irritation in the eyes. They work by retaining moisture and providing long-lasting hydration to the ocular surface, making them ideal for individuals experiencing dry eye syndrome or discomfort caused by environmental factors. These drops help improve eye comfort and reduce symptoms such as burning, itching, and a gritty sensation.\",\n                dropdownImage: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/IVISC-2.png\",\n            },\n            {\n                src: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/IFLOX-1.png\",\n                info: \"Levofloxacin eye drops are a broad-spectrum antibiotic used to treat bacterial eye infections, such as conjunctivitis. As a preservative-free formulation, they are gentle on the eyes while effectively eliminating harmful bacteria and reducing infection-related symptoms like redness, swelling, and discharge. By inhibiting bacterial growth, these eye drops promote faster healing and help prevent the spread of infection.\",\n                dropdownImage: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/LEVOFLOXACIN.png\",\n            },\n            {\n                src: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/TOBAREN.png\",\n                info: \"Tobramycin and Dexamethasone ophthalmic suspension is a combination eye drop used to treat eye infections and reduce inflammation. Tobramycin is an antibiotic that eliminates bacteria, while Dexamethasone is a corticosteroid that helps relieve swelling, redness, and discomfort. This combination is effective in managing bacterial eye infections while controlling inflammation, promoting faster healing, and improving eye comfort.\",\n                dropdownImage: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/TOBAREN-1.png\",\n            },\n        ]\n    },\n    \"OTHER-REVEAL\": {\n        title: \"OTHER SURGICALS\",\n        images: [\n            {\n                src: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/CONSTASIL.png\",\n                info: \"NOT READY YET\",\n                dropdownImage: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/RE03.png\",\n                brochureUrl: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/HO-TRIFOLD-10.pdf\"\n            },\n            {\n                src: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/AMNIOTIC-MEMBRANE-GRAFTS.png\",\n                info: \"NOT READY YET\",\n                dropdownImage: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/RP11.png\",\n            },\n            {\n                src: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/BIOFLEX-EYE-DRAPE.png\",\n                info: \"NOT READY YET\",\n                dropdownImage: \"http:\/\/isenzmedical.com\/wp-content\/uploads\/2015\/08\/EYE-O-CARE-1.png\",\n            },\n        ]\n    },\n};\n\n\/\/ Clear highlights and hide dropdown\nfunction clearHighlights() {\n    document.querySelectorAll('.image-container').forEach(container => {\n        container.classList.remove('highlighted');\n    });\n    document.getElementById('dropdown-content').classList.remove('show');\n}\n\n\/\/ Scroll to reveal content\nfunction scrollToRevealContent() {\n    const revealContent = document.getElementById('reveal-content');\n    revealContent.scrollIntoView({ behavior: 'smooth', block: 'start' });\n    const dropdownContent = document.getElementById('dropdown-content');\n    dropdownContent.scrollIntoView({ behavior: 'smooth', block: 'start' });\n}\n\n\/\/ Handle image click events\ndocument.querySelectorAll('.image-container').forEach(container => {\n    container.addEventListener('click', () => {\n        clearHighlights();\n        const contentKey = container.getAttribute('data-content');\n        const content = contentData[contentKey];\n\n        if (content) {\n            const revealContent = document.getElementById('reveal-content');\n            revealContent.innerHTML = `\n             <h1>${content.title}<\/h1>\n             <div>\n                ${content.images.map(img => `\n                   <img decoding=\"async\" src=\"${img.src}\" alt=\"Dynamic Image\" \n                       class=\"reveal-image\" \n                       data-info=\"${img.info}\" \n                       ${img.videoUrl ? `data-video-url=\"${img.videoUrl}\"` : ''}\n                       data-dropdown-image=\"${img.dropdownImage}\"\n                       data-dropdown-image2=\"${img.dropdownImage2}\"\n                        ${img.brochureUrl ? `data-brochure-url=\"${img.brochureUrl}\"` : ''}\n                       style=\"width: 300px; height: 300px; object-fit: cover; border-radius: 8px; cursor: pointer;\">\n        `).join('')}\n    <\/div>\n`;\n\n\n            revealContent.classList.add('show');\n            container.classList.add('highlighted');\n\n            \/\/ Scroll to the revealed content\n            scrollToRevealContent();\n        }\n    });\n});\n\n\/\/ Handle revealed content image click events\ndocument.getElementById('reveal-content').addEventListener('click', e => {\n    if (e.target.classList.contains('reveal-image')) {\n        const dropdownContent = document.getElementById('dropdown-content');\n        const videoUrl = e.target.getAttribute('data-video-url'); \/\/ Get the video URL\n        const imageSrc = e.target.getAttribute('data-dropdown-image');\n        const imageSrc2 = e.target.getAttribute('data-dropdown-image2');\n        const infoText = e.target.getAttribute('data-info');\n        const brochureUrl = e.target.getAttribute('data-brochure-url'); \/\/ Get the brochure URL\n\n        \/\/ Start building content with image and info\n        let content = `\n            <div style=\"display: flex; flex-direction: column; align-items: center;\">\n                <hr style=\"width: 50%; border: none; height: 2px; background-color: #0537fc; box-shadow: 0 0 15px #0537fc; margin: 15px 0; animation: drawLine 5s forwards;\">\n                <div class=\"info-text\">${infoText}<\/div>\n                <hr style=\"width: 50%; border: none; height: 2px; background-color: #fcba05; box-shadow: 0 0 15px #fcba05; margin: 15px 0; animation: drawLine 3s forwards;\">\n                <img decoding=\"async\" src=\"${imageSrc}\">\n                ${imageSrc2 ? `<img decoding=\"async\" src=\"${imageSrc2}\">` : ''}\n        `;\n\n        \/\/ Add brochure download button if brochureUrl is available\n        if (brochureUrl) {\n            content += `\n                <a href=\"${brochureUrl}\" target=\"_blank\" download class=\"download-button\">\n                 Download Brochure\n                <\/a>\n            `;\n        }\n\n        \/\/ Add video container only if videoUrl is available\n        if (videoUrl) {\n            content = `\n                <div style=\"display: flex; flex-direction: column; align-items: center;\">\n                    <video controls autoplay style=\"width: 100%; max-width: 100%; height: auto;\">\n                        <source src=\"${videoUrl}\" type=\"video\/mp4\">\n                        Your browser does not support the video tag.\n                    <\/video>\n                    <hr style=\"width: 50%; border: none; height: 2px; background-color: #0537fc; box-shadow: 0 0 15px #0537fc; margin: 15px 0; animation: drawLine 5s forwards;\">\n                    <div class=\"info-text\">${infoText}<\/div>\n                    <hr style=\"width: 50%; border: none; height: 2px; background-color: #fcba05; box-shadow: 0 0 15px #fcba05; margin: 15px 0; animation: drawLine 3s forwards;\">\n                    <img decoding=\"async\" src=\"${imageSrc}\">\n                    ${imageSrc2 ? `<img decoding=\"async\" src=\"${imageSrc2}\">` : ''}\n                    ${brochureUrl ? `\n                        <a href=\"${brochureUrl}\" download style=\"margin-top: 20px; padding: 10px 20px; background-color: #0537fc; color: white; text-decoration: none; border-radius: 5px; font-weight: bold;\">\n                            Download Brochure\n                        <\/a>\n                    ` : ''}\n                <\/div>\n            `;\n        } else {\n            content += `<\/div>`; \/\/ Close the div if no video is present\n        }\n\n        \/\/ Update dropdown content\n        dropdownContent.innerHTML = content.trim(); \/\/ Remove any potential empty space\n\n        \/\/ Show the dropdown content\n        dropdownContent.classList.add('show');\n\n        \/\/ Scroll to the dropdown content\n        scrollToRevealContent();\n    }\n});\n\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-sidebar.php","meta":{"footnotes":""},"class_list":["post-46395","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/isenzmedical.com\/index.php\/wp-json\/wp\/v2\/pages\/46395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isenzmedical.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isenzmedical.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isenzmedical.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isenzmedical.com\/index.php\/wp-json\/wp\/v2\/comments?post=46395"}],"version-history":[{"count":21,"href":"https:\/\/isenzmedical.com\/index.php\/wp-json\/wp\/v2\/pages\/46395\/revisions"}],"predecessor-version":[{"id":53272,"href":"https:\/\/isenzmedical.com\/index.php\/wp-json\/wp\/v2\/pages\/46395\/revisions\/53272"}],"wp:attachment":[{"href":"https:\/\/isenzmedical.com\/index.php\/wp-json\/wp\/v2\/media?parent=46395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}