Home
About Us
Our Doctors
Our Staff
Our Offices
Our Services
Our Nail Spa
Appointments
Appointment Request
New Patients
Contact Us
Media
Podcast Episodes
Blog
In The News
Complete Foot and Ankle Care of North Texas, P.A.
Javascript must be enabled for the correct page display
Home
About Us
Our Doctors
Our Staff
Our Offices
Our Services
Our Nail Spa
Appointments
Appointment Request
New Patients
Contact Us
Media
Podcast Episodes
Blog
In The News
(940)-300-3054
(866)-490-3668
Home
About Us
Our Doctors
Our Staff
Our Offices
Our Services
Our Nail Spa
Appointments
Appointment Request
New Patients
Contact Us
Media
Podcast Episodes
Blog
In The News
(940)-300-3054
(866)-490-3668
Welcome!
>
Media
>
Podcast Episodes
Podcast
</ iframe></div> </div> </div></div></div> </div> </div></div></div></div></div></div><div class="section-base-container" data-section-id="id_0c31ad02-3bbf-5957-b067-55c22dda1209"><div class="section-overlap-container"></div><div id="id_0c31ad02-3bbf-5957-b067-55c22dda1209" data-control="section" class="section section-lazy section__bg--light-1 forms--fullwidth forms-option--a section-map"><div class="section--inner container-fluid section--light "><div class="row equal"><div class="col-lg-12 col-sm-12 section__column-1 ple-column-padding alias-map_body"><div class="componentWith__container map__container "><div class="ple-column--single ple-module-container map_body__container--inner map__container--inner" data-component-name="map_body" data-component-alias="map_body" data-widget-alias="SMB__Map__Widgets__MapSettings___map_body" data-widget-id-base="MapSettings-SMB__Map__Widgets__MapSettings___map_body" data-component-prop-componentWith="12"><div class="map component "> <div class="map-a map-a--12"> <div class="map__wrap"> <div class="map__container row"> <div class="map__col col-sm-12 col-lg-5"> <div class="map__title-caption-wrap"> <h2 class="map__title component__title">Our Location</h2> <h3 class="map__caption component__subtitle">Find us on the map</h3> </div> <div class="map-search"> <div class="map-search__location"> <div class="map-search__location-distance"> <span>--</span><b>mi</b> </div> </div> <ul id="gmap-location-list" class="gmap-location-list map-search__locations"> <li id="location_66811b9f1f7da" class="gmap-location"> <a href=https://my.officite.com/0043143 > <span class="gmap-distance">-- mi</span> <b>Denton Office</b> </a> </li> <li id="location_66811b9f1f938" class="gmap-location"> <a href=https://my.officite.com/0043143 > <span class="gmap-distance">-- mi</span> <b>Gainesville Office</b> </a> </li> </ul> </div> </div> </div> </div> <div id="gmap" class="js-mapComponent map__display"></div> <input type="hidden" value="{"width":100,"height":100,"autoFit":true,"assetsPath":"https:\/\/my.officite.com\/0043143\/plugins\/smb\/map\/assets\/","hue":{"stylers":[{"gama":"1,61"},{"lightness":"-7"},{"hue":"none"}]},"icon":"spindle","iconColor":"red","iconUrl":"https:\/\/my.officite.com\/0043143\/plugins\/smb\/map\/assets\/images\/spindle-red.png","zoom":14,"zoomControl":true,"streetViewControl":false,"mapTypeControl":false,"showAddressOnHover":true,"alwaysShowInfoWindow":true,"fitBounds":true,"xaxis":0,"yaxis":0,"isPle":true,"locations":[{"latitude":"33.174360","longitude":"-97.095120","address":"","address_format":{"first":"","second":""},"title":"Denton Office","cta":{"buttonStyle":"0","displayStyle":"1","buttonText":"Read More","iconClass":"","linkType":"0","linkPage":"\/","linkUrl":"","openInNew":false},"phone":"(940)-300-3054","phone2":"","fax":"940-243-7780","city":"Denton","country":"US","state":"TX","zip":"76210","name":"Denton Office","ID":"location_66811b9f1f7da","email":"info@completefootandanklecare.com","query":"street=3319+Unicorn+Lake+Blvd.+Suite+111&city=Denton&state=TX&postcode=76210&country=US"},{"latitude":"33.643806","longitude":"-97.134129","address":"","address_format":{"first":"","second":""},"title":"Gainesville Office","cta":{"buttonStyle":"0","displayStyle":"1","buttonText":"Read More","iconClass":"","linkType":"0","linkPage":"\/","linkUrl":"","openInNew":false},"phone":"","phone2":"","fax":"","city":"Gainesville","country":"US","state":"TX","zip":"76240","name":"Gainesville Office","ID":"location_66811b9f1f938","email":"","query":"street=1625+North+Grand+Avenue&city=Gainesville&state=TX&postcode=76240&country=US"}]}"/> </div> </div> </div></div></div></div></div></div></div><div class="section-base-container" data-section-id="id_cf351c90-9c22-541e-a1d5-f022e39cd269"><div class="section-overlap-container"></div><div id="id_cf351c90-9c22-541e-a1d5-f022e39cd269" data-control="section" class="section section-lazy section__bg--light-1 Hours forms--fullwidth forms-option--a section-editable"><div class="section--inner container section--light "><div class="row equal"><div class="col-lg-12 col-sm-12 section__column-1 ple-column-padding alias-streaming_reviews"><div class="streaming_reviews__container editable__container "><div class="ple-column--single ple-module-container streaming_reviews__container--inner editable__container--inner" data-component-name="streaming_reviews" data-component-alias="streaming_reviews"><p><!-- testimonials section --></p> <div class="wrap_testimonials"> <div class="wrap_testimonials_inner"> <!-- title tag--> <h2>Patient Testimonials</h2> <!-- image section--> <!-- adult--> <img src="https://ofcbrand0119.s3.us-east-2.amazonaws.com/library/testimonials/testimonials-break.png"> <!-- cta button--> <div class="btn_cta"> <a href="testimonials">Click Here</a> </div> </div> </div> <p><!-- end testimonials section --></p> <style> /* -- testimonials section -- */ .wrap_testimonials { background: rgba(255, 255, 255, 0.5); box-shadow: 3px 1px 19px -3px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 3px 1px 19px -3px rgba(0, 0, 0, 0.75); -moz-box-shadow: 3px 1px 19px -3px rgba(0, 0, 0, 0.75); width: 95%; margin: 0 auto; padding: 25px 0 0; } .wrap_testimonials_inner { margin: 0 atuo; padding: 15px 35px 35px; text-align: center; } .wrap_testimonials_inner h1 { text-transform: uppercase; } .btn_cta a { background: #e7b451; padding: 5px 15px !important; width: 200px; border-radius: 15px; text-decoration: none !important; color: #444; } /* -- testimonials s<span id="selection-marker-1" class="redactor-selection-marker"></span>ection -- */ </style></div></div></div></div></div></div></div><div class="section-base-container" data-section-id="id_95139608-bc67-5086-b3f9-49623a931dfc"><div class="section-overlap-container"></div><div id="id_95139608-bc67-5086-b3f9-49623a931dfc" data-control="section" class="section section-lazy section__bg--dark-3 ftr-resized-element forms--fullwidth forms-option--a section-logo section-socialmedia section-socialmedia"><div class="section--inner container section--dark "><div class="row equal"><div class="col-lg-4 col-sm-12 section__column-1 ple-column-padding alias-footer_logo"><div class="componentWith__container logo__container "><div class="ple-column--single ple-module-container footer_logo__container--inner logo__container--inner" data-component-name="footer_logo" data-component-alias="footer_logo" data-widget-alias="SMB__Logo__Widgets__LogoSettings___footer_logo" data-widget-id-base="LogoSettings-SMB__Logo__Widgets__LogoSettings___footer_logo" data-component-prop-colData="" data-component-prop-componentWith="4"><div class="logo "> <div class="logo-a logo-a--4 logo-a__horizontal__right"> <a href="https://my.officite.com/0043143" class="logo-a__image-link"> <div class="logo-a__image"> <picture> <source media="(max-width: 1400px)" srcset="https://cdcssl.ibsrv.net/ibimg/smb/768x78_80/webmgr/0x/a/f/CompleteFoot.png.webp?dbcba1fe59799617554f77ecfe7b8a69"> <img src="https://cdcssl.ibsrv.net/ibimg/smb/200x78_80/webmgr/0x/a/f/CompleteFoot.png.webp?dbcba1fe59799617554f77ecfe7b8a69" class="logo-a__img" style=" height: 78px; width: 200px;" alt="alt text" title=""> </picture> </div> </a> </div> </div></div></div></div><div class="col-lg-6 col-sm-12 section__column-2 ple-column-padding alias-footer_socialmedia"><div class="componentWith__container socialmedia__container "><div class="ple-column--single ple-module-container footer_socialmedia__container--inner socialmedia__container--inner" data-component-name="footer_socialmedia" data-component-alias="footer_socialmedia" data-widget-alias="SMB__Socialmedia__Widgets__SocialmediaSettings___footer_socialmedia" data-widget-id-base="SocialmediaSettings-SMB__Socialmedia__Widgets__SocialmediaSettings___footer_socialmedia" data-component-prop-componentWith="6"> <div class="socialmedia hidden--l hidden--m hidden--s hidden--t text-left isPle"> <div class="row"> <div class="col-md-12"> <ul class="socialmedia__list"> <li class="socialmedia__item custom-uploaded"> <a class="socialmedia__link socialmedia__link--small icon" style="background-image:url('https://cdcssl.ibsrv.net/ibimg/smb/50x50_80/webmgr/0x/a/f/podcast-icon.png.webp?46b94ed8def0daf8cca2bdd466a9b34c')" href="https://podcasts.apple.com/us/podcast/the-pod-doctors-with-dr-dauphinee-and-dr-hussain/id1542554478" target="_blank" rel="noopener" title="The PodDoctors Podcast" role="img" aria-label="podcast" > </a> </li> <li class="socialmedia__item custom-uploaded"> <a class="socialmedia__link socialmedia__link--small icon" style="background-image:url('https://cdcssl.ibsrv.net/ibimg/smb/50x50_80/webmgr/0x/a/f/blog-icon.png.webp?b24f1cc58e2f831dfb26aeb45a1cc8bc')" href="https://www.completefootandanklecare.com/blog" target="_top" title="Blog" role="img" aria-label="blog" > </a> </li> <li class="socialmedia__item"> <a class="socialmedia__link-wrapper" href="https://g.page/CompleteFootandAnkleDenton/review?rc" target="_blank" rel="noopener" title="Custom" aria-label="icon location arrow" > <span class="socialmedia__link socialmedia__link--small icon icon-location-arrow" aria-hidden="true"></span> </a> </li> <li class="socialmedia__item custom-uploaded"> <a class="socialmedia__link socialmedia__link--small icon" style="background-image:url('https://cdcssl.ibsrv.net/ibimg/smb/50x50_80/webmgr/0x/a/f/fb-icon.png.webp?8e1a0cbfe5a83b83ee52fe9533ab1034')" href="https://www.facebook.com/CompleteFootandAnkleDenton" target="_blank" rel="noopener" title="Facebook" role="img" aria-label="fb" > </a> </li> <li class="socialmedia__item"> <a class="socialmedia__link-wrapper" href="https://www.instagram.com/nailtreatmentcenter/" target="_blank" rel="noopener" title="Instagram" aria-label="icon instagram" > <span class="socialmedia__link socialmedia__link--small icon icon-instagram" aria-hidden="true"></span> </a> </li> <li class="socialmedia__item"> <a class="socialmedia__link-wrapper" href="https://5751.portal.athenahealth.com/" target="_blank" rel="noopener" title="Custom" aria-label="icon heartbeat" > <span class="socialmedia__link socialmedia__link--small icon icon-heartbeat" aria-hidden="true"></span> </a> </li> <li class="socialmedia__item"> <a class="socialmedia__link-wrapper" href="https://www.facebook.com/Nail-Treatment-Center-2215811898734343/" target="_blank" rel="noopener" title="Facebook" aria-label="icon facebook" > <span class="socialmedia__link socialmedia__link--small icon icon-facebook" aria-hidden="true"></span> </a> </li> </ul> </div> </div> </div> </div></div></div><div class="col-lg-2 col-sm-12 section__column-3 ple-column-padding alias-socialmedia_footer"><div class="componentWith__container socialmedia__container "><div class="ple-column--single ple-module-container socialmedia_footer__container--inner socialmedia__container--inner" data-component-name="socialmedia_footer" data-component-alias="socialmedia_footer" data-widget-alias="SMB__Socialmedia__Widgets__SocialmediaSettings___socialmedia_footer" data-widget-id-base="SocialmediaSettings-SMB__Socialmedia__Widgets__SocialmediaSettings___socialmedia_footer" data-component-prop-componentWith="2"> <div class="socialmedia text-center isPle"> <div class="row"> <div class="col-md-12"> <ul class="socialmedia__list"> <li class="socialmedia__item custom-uploaded"> <a class="socialmedia__link socialmedia__link--small icon" style="background-image:url('https://cdcssl.ibsrv.net/ibimg/smb/50x50_80/webmgr/0x/a/f/podcast-icon.png.webp?46b94ed8def0daf8cca2bdd466a9b34c')" href="https://podcasts.apple.com/us/podcast/the-pod-doctors-with-dr-dauphinee-and-dr-hussain/id1542554478" target="_blank" rel="noopener" title="The PodDoctors Podcast" role="img" aria-label="podcast" > </a> </li> <li class="socialmedia__item custom-uploaded"> <a class="socialmedia__link socialmedia__link--small icon" style="background-image:url('https://cdcssl.ibsrv.net/ibimg/smb/50x50_80/webmgr/0x/a/f/blog-icon.png.webp?b24f1cc58e2f831dfb26aeb45a1cc8bc')" href="https://www.completefootandanklecare.com/blog" target="_top" title="Blog" role="img" aria-label="blog" > </a> </li> <li class="socialmedia__item"> <a class="socialmedia__link-wrapper" href="https://g.page/CompleteFootandAnkleDenton/review?rc" target="_blank" rel="noopener" title="Custom" aria-label="icon location arrow" > <span class="socialmedia__link socialmedia__link--small icon icon-location-arrow" aria-hidden="true"></span> </a> </li> <li class="socialmedia__item custom-uploaded"> <a class="socialmedia__link socialmedia__link--small icon" style="background-image:url('https://cdcssl.ibsrv.net/ibimg/smb/50x50_80/webmgr/0x/a/f/fb-icon.png.webp?8e1a0cbfe5a83b83ee52fe9533ab1034')" href="https://www.facebook.com/CompleteFootandAnkleDenton" target="_blank" rel="noopener" title="Facebook" role="img" aria-label="fb" > </a> </li> </ul> </div> </div> </div> </div></div></div></div></div></div></div><div class="section-base-container" data-section-id="id_b6f92bf6-7e8c-56fb-aa53-f42d40ad3908"><div class="section-overlap-container"></div><div id="id_b6f92bf6-7e8c-56fb-aa53-f42d40ad3908" data-control="section" class="section section-lazy section__bg--dark-3 forms--fullwidth forms-option--a section-copyright"><div class="section--inner container section--dark "><div class="row equal"><div class="col-lg-12 col-sm-12 section__column-1 ple-column-padding alias-copyright"><div class="componentWith__container copyright__container "><div class="ple-column--single ple-module-container copyright__container--inner copyright__container--inner" data-component-name="copyright" data-component-alias="copyright" data-widget-alias="Editor__Cms__Widgets__Copyright___copyright" data-widget-id-base="Copyright-Editor__Cms__Widgets__Copyright___copyright" data-component-prop-componentWith="12"> <div class="footer_disclaimer_component copyright_disclaimer"> <div class="row"> <div class="col-sm-12"> <div id="copyright" class="copyright"> <ul class="copyright__list"> <li class="copyright__item"> <a rel="nofollow" class="copyright__link" href="//www.officite.com" target="_BLANK">Copyright © 2024 MH Sub I, LLC dba Officite</a> </li> <li class="copyright__item"> <a rel="nofollow" class="copyright__link" href="https://secure.officite.com" target="_BLANK">Admin Log In</a> </li> <li class="copyright__item"> <a rel="nofollow" class="copyright__link" href="https://my.officite.com/0043143/sitemap" target="_SELF">Site Map</a> </li> </ul> </div> <div class="show-on-site"> </div> <div class="copyright__description"> </div> </div> </div> </div> </div></div></div></div></div></div></div><div id="ple_fixed" data-control="section" class="section section--fixed "><div class="section--inner"><div class="ple__browserlock-modules"><div class="row"><div></div></div></div><div class="ple__back-to-top"><a href="#top" class="btn btn--back-to-top"><i class="back-to-top__icon"></i></a></div></div></div></div> </div> <!-- common and theme scripts --> <script type="text/javascript" src="https://my.officite.com/0043143/themes/common/javascripts/vendor/jquery/jquery-1.11.1.min.js"></script> <!-- cms scripts --> <script src="https://my.officite.com/0043143/themes/website/assets/client/js/custom.js?v.7639df-021c2283a9a7425cdead0e173e8e0a9f" defer></script> <script src="https://my.officite.com/0043143/themes/common/javascripts/vendor/jquery.mmenu/js/jquery.mmenu.min.all.js?v.2676c0" defer></script> <script src="https://my.officite.com/0043143/themes/common/javascripts/vendor/sticky/jquery.sticky.js?v.2676c0" defer></script> <script src="https://my.officite.com/0043143/plugins/smb/navigation/components/navigation/assets/js/navigation.js?v.1.0.81" defer></script> <script src="https://my.officite.com/0043143/plugins/smb/form/components/assets/js/formUploadField.js?v.1.1.76" defer></script> <script src="https://my.officite.com/0043143/plugins/smb/form/components/assets/js/form.js?v.1.1.76" defer></script> <script src="https://smbleads.ibsmb.com/v1/js/CampaignTracker.min.js" defer></script> <script src="https://my.officite.com/0043143/plugins/smb/searchbar/components/searchbar/assets/js/searchbar.js?v.1.0.16" defer></script> <script src="https://my.officite.com/0043143/plugins/editor/cms/assets/js/libs/flexslider/jquery.flexslider-min.js?v.1.204" defer></script> <script src="https://my.officite.com/0043143/plugins/editor/cms/assets/js/libs/skrollr.js?v.1.204" defer></script> <script src="https://my.officite.com/0043143/plugins/editor/cms/components/pagelayouteditor/assets/js/sticky.js?v.1.204" defer></script> <script src="https://my.officite.com/0043143/plugins/editor/cms/assets/js/polyfills/intersectionObserver.min.js?v.1.204" defer></script> <script src="https://my.officite.com/0043143/plugins/editor/cms/components/pagelayouteditor/assets/js/lazy-load-sections.js?v.1.204" defer></script> <script src="https://my.officite.com/0043143/plugins/editor/cms/assets/js/libs/sweet-alert-two/sweetalert2.js?v.1.204" defer></script> <script src="https://my.officite.com/0043143/plugins/editor/cms/skins/seanz/assets/vendor/redactor/js/plugin.showmore_onready.js?v.1.204" defer></script> <script src="https://my.officite.com/0043143/plugins/editor/cms/skins/seanz/assets/vendor/redactor/js/plugin.link_to_section.js?v.1.204" defer></script> <script src="https://my.officite.com/0043143/plugins/smb/locations/components/locations/assets/js/locations.js?v.1.0.45" defer></script> <script src="https://my.officite.com/0043143/plugins/smb/map/assets/js/leaflet.js?v.1.0.100" defer></script> <script src="https://my.officite.com/0043143/plugins/smb/map/assets/js/ib-map.js?v.1.0.100" defer></script> <script src="https://my.officite.com/0043143/plugins/editor/cms/components/pagelayouteditor/assets/js/vendor/popper.min.js?v.1.204" defer></script> <script src="https://my.officite.com/0043143/plugins/editor/cms/components/pagelayouteditor/assets/js/vendor/bootstrap-4.x/bootstrap.min.js?v.1.204" defer></script> <script src="https://my.officite.com/0043143/plugins/editor/cms/components/pagelayouteditor/assets/js/vendor/jquery-ui.min.js?v.1.204" defer></script> <script src="https://my.officite.com/0043143/plugins/editor/cms/components/pagelayouteditor/assets/js/equalheight.js?v.1.204" defer></script> <script src="https://my.officite.com/0043143/themes/website/../common/javascripts/vendor/iframeresizer/iframeResizer.contentWindow.js?v.7639df" defer></script> <script src="https://my.officite.com/0043143/themes/website/../common/javascripts/smb/navigation-more-button.js?v.7639df" defer></script> <script src="https://my.officite.com/0043143/themes/website/../common/javascripts/smb/jquery.contact-number-wrapper.js?v.7639df" defer></script> <script src="https://my.officite.com/0043143/themes/website/../common/javascripts/smb/jquery.desktop-drop-nav.js?v.7639df" defer></script> <script src="https://my.officite.com/0043143/themes/website/../common/javascripts/smb/jquery.dropdown-fit.js?v.7639df" defer></script> <script src="https://my.officite.com/0043143/themes/website/../common/javascripts/smb/jquery.dotdotdot.js?v.7639df" defer></script> <script src="https://my.officite.com/0043143/themes/website/../common/javascripts/smb/jquery.more-nav.js?v.7639df" defer></script> <script src="https://my.officite.com/0043143/themes/website/../common/javascripts/smb/jquery.move-element.js?v.7639df" defer></script> <script src="https://my.officite.com/0043143/themes/website/../common/javascripts/smb/jquery.navigation-sublevel-wrap.js?v.7639df" defer></script> <script src="https://my.officite.com/0043143/themes/website/../common/javascripts/smb/jquery.set-class-on-hover.js?v.7639df" defer></script> <script src="https://my.officite.com/0043143/themes/website/../common/javascripts/smb/jquery.slide-accordion.js?v.7639df" defer></script> <script src="https://my.officite.com/0043143/themes/website/../common/javascripts/smb/jquery.responsive-helper.js?v.7639df" defer></script> <script src="https://my.officite.com/0043143/themes/website/../common/javascripts/vendor/fancybox/jquery.fancybox.js?v.7639df" defer></script> <script src="https://my.officite.com/0043143/themes/website/../common/javascripts/vendor/js-cookie/js.cookie.js?v.7639df" defer></script> <script src="https://my.officite.com/0043143/themes/website/../common/javascripts/smb/frame_selector.js?v.7639df" defer></script> <script src="https://my.officite.com/0043143/themes/website/assets/js/theme.js?v.7639df" defer></script> <script src="https://my.officite.com/0043143/themes/website/../common/javascripts/smb/global.js?v.7639df" defer></script> </div> <!-- start number replacer --> <script type="text/javascript"> _ctRewriteUrl = "https://apps.officite.com/CallTracking/RewriteRule/clientId/2908"; </script> <script type="text/javascript" src="https://apps.officite.com/js/smb-number-changer.js?date=20240630" defer> </script> <!-- end ad widget --> <script type="text/javascript"> var _userway_config = { position: 3, account: "p6LIYNGE0t" }; </script> <script type="text/javascript" src="https://cdn.userway.org/widget.js" defer></script> <script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"94778f977a","applicationID":"27163309","transactionName":"MlFUMhRZD0AEAkMPVgsbdwUSUQ5dSiJaFWUmWFcVFV0SbyYMRCVWC0BECQpUBEElE0II","queueTime":0,"applicationTime":1012,"atts":"HhZDRFxDHB9HABVcQhhJ","errorBeacon":"bam.nr-data.net","agent":""}</script></body> <script data-type="immediate" type="text/javascript"> (function (win) { 'use strict'; const wmDeferJsEvent = new CustomEvent('wm-defer-js'); const interactionEvents = ['mouseover', 'keydown', 'touchmove', 'touchstart']; const timeInit = win.Date.now(); const minDelay = 3000; const maxDelay = 20000; const scrollThreshold = 50; let initialScroll = null; // schedule dispatching the event after the maximum timeout const timer = setTimeout(dispatch, maxDelay); // on user interaction, initiate event dispatching as soon as possible interactionEvents.forEach(e => { win.addEventListener(e, dispatch); }); win.addEventListener('scroll', scrollDetect); function scrollDetect() { if (initialScroll === null) { initialScroll = win.scrollY; } if (Math.abs(win.scrollY - initialScroll) > scrollThreshold) { dispatch(); } } function dispatch() { // remove any remaining triggers clearTimeout(timer); interactionEvents.forEach(e => { win.removeEventListener(e, dispatch); }); win.removeEventListener('scroll', scrollDetect); // calculate the remaining delay (if any), and dispatch the event as soon as minimum delay was reached const timeDiff = win.Date.now() - timeInit; const timeRemaining = (minDelay > timeDiff) ? (minDelay - timeDiff) : 0; setTimeout(() => { win.dispatchEvent(wmDeferJsEvent); }, timeRemaining); } })(window); </script> <script data-type="immediate" type="text/javascript"> (function (win, doc) { 'use strict'; const dataHolder = 'data-style-background-image-image-set'; const parsedDataHolder = dataHolder + '-parsed'; const bgImageSets = doc.querySelectorAll('[' + dataHolder + ']'); bgImageSets.forEach(el => { // the data element has to hold (future) valid CSS for background image / image set, with numeric width resolution specified let data = win.String(el.getAttribute(dataHolder)); data = /background-image\s*:\s*image-set\s*\(([^)(]*(?:\([^)(]*(?:\([^)(]*(?:\([^)(]*\)[^)(]*)*\)[^)(]*)*\)[^)(]*)*)\)/giu.exec(data); data = (win.Array.isArray(data) && data[1]) ? win.String(data[1]) : ''; el[parsedDataHolder] = [...data.matchAll(/(url\s*\([^)(]*(?:\([^)(]*(?:\([^)(]*(?:\([^)(]*\)[^)(]*)*\)[^)(]*)*\)[^)(]*)*\))\s+([0-9]+)w/giu)]; }); let prevViewportWidth; function setBgImages() { // currently we don't account for DPR... to do so, multiply viewportWidth with `window.devicePixelRatio` // also, we may have to listen to the `resolution` media query changes, not only window resizing // reference: https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio const viewportWidth = win.innerWidth; // skip if we last set images for current viewport width if (prevViewportWidth === viewportWidth) { return; } prevViewportWidth = viewportWidth; bgImageSets.forEach(el => { // find and apply the most appropriate image let appliedWidth = 1e9; (el[parsedDataHolder] ?? []).forEach(item => { const currentWidth = parseInt(item[2]); if (appliedWidth === 1e9 || (appliedWidth > currentWidth && currentWidth > viewportWidth)) { appliedWidth = currentWidth; el.style.backgroundImage = item[1]; } }) }); } // immediately set images for the initial viewport setBgImages(); // 100 milliseconds after resizing ends, re-apply images as necessary let resizeTimer; win.addEventListener('resize', () => { clearTimeout(resizeTimer); resizeTimer = setTimeout(setBgImages, 100); }); })(window, document); </script> <script data-type="immediate" type="text/javascript"> (function (win, doc) { 'use strict'; const selector = 'background-image-lazy'; // SMBWMGR-22057, SMBWMGR-22059: immediately reveal slider plugin images const sliderBgImages = doc.querySelectorAll('ul.slider__list.bxslider li.slider__item.slider__image.' + selector); sliderBgImages.forEach(el => { el.classList.remove(selector); }); // immediately reveal images actually visible inside the viewport const initialBgImages = doc.querySelectorAll('.' + selector); const initialBgImageObserver = new IntersectionObserver(watcher, {rootMargin: '-1px'}); initialBgImages.forEach(el => initialBgImageObserver.observe(el)); // on interaction or timeout, reveal more images for smooth experience win.addEventListener('wm-defer-js', () => { // remove initial observer initialBgImageObserver.disconnect(); // discover images anew, already processed images do not need to be handled anymore const lazyBgImages = doc.querySelectorAll('.' + selector); const lazyBgImageObserver = new IntersectionObserver(watcher, {rootMargin: '134%'}); lazyBgImages.forEach(el => lazyBgImageObserver.observe(el)); }); function watcher(entries, observer) { entries.forEach((entry) => { if (entry.isIntersecting || entry.intersectionRatio !== 0) { let el = entry.target; el.classList.remove(selector); observer.unobserve(el); } }); } })(window, document); </script> <script data-type="immediate" type="text/javascript"> (function (win, doc) { 'use strict'; // lazy load deferred JS scripts win.addEventListener('wm-defer-js', () => { doc .querySelectorAll("script[type='text/wmdjs']") .forEach(el => { const newEl = doc.createElement('script'); const src = el.getAttribute('data-src') ?? null; try { // copy attributes el.getAttributeNames().forEach(name => { if (name !== 'data-src') { try { newEl.setAttribute(name, el.getAttribute(name)); } catch (ignoredErr) { // just ignore unqualified/invalid attributes } } }); // copy src of the script, or the embedded script if (src) { newEl.src = src; } else { newEl.innerHTML = el.innerHTML ?? ''; } // set script type to be "regular" js newEl.type='text/javascript'; // find the parent element (fallback to the head element) and the next sibling let parent = el.parentElement ?? doc.head; parent = (parent === doc.body.parentElement) ? doc.head : parent; let next = (parent === doc.head) ? null : el.nextElementSibling; // remove the original element and insert the new element in the same place as the original element el.remove(); parent.insertBefore(newEl, next); } catch (err) { console.error('Error invoking script element', el, newEl, err); } }); }); })(window, document); </script> <script data-type="immediate" type="text/javascript"> (function (win, doc) { 'use strict'; // assign source to lazy loaded IFrames win.addEventListener('wm-defer-js', () => { doc .querySelectorAll("iframe[data-type='lazy']") .forEach(el => { let src = el.getAttribute('data-src') ?? null; if (src) { el.removeAttribute('data-src'); // remove srcdoc (if it exists) in order for "regular" src to take precedence el.removeAttribute('srcdoc'); // assign like this to prevent the IFrame's navigation being added to location history, which causes // the browser's Back button to "go back" inside the IFrame, instead in the topmost browsing context el.contentWindow.location.replace(src); } }); }); })(window, document); </script> <script data-type="immediate" type="text/javascript"> (function (win, doc) { 'use strict'; // assign source to lazy loaded HTML5 videos win.addEventListener('wm-defer-js', () => { doc .querySelectorAll("video[data-type='lazy']") .forEach(el => { let src = el.getAttribute('data-src') ?? null; if (src) { el.removeAttribute('data-src'); el.src = src; if (el.muted && el.autoplay) { try { el.play(); } catch (err) {} } } }); }); })(window, document); </script> </html>
