1var t = 0; 2var h = 0; 3var ct = 0; 4var b = 0; 5var header, headerContainer, headerSearchCart, topBar, body, headerHeight, LastScrollVal, headerVal, contactInfo, socialIconInnerParent, socialIconParent, headerSearchCartPositionResponsive, headerSearchCartPositionNonResponsive, topbBarInfoPosition, menuParent, portal, brandingInfo, portalResponsive, portalNonResponsive; 6var scrollTopVal, headercontainerHeight, bannerLi, bannerBaseHeader, bannerArrowClass,darkHeader; 7 8function removeClass(element, className) { 9 element && (element.className = element.className.replace(new RegExp(className, 'g'), '')); 10} 11 12function addClass(element, className) { 13 element && element.classList.add(className); 14} 15 16function VariableInit() { 17 headerSearchCartPositionResponsive = document.querySelectorAll('[data-search-cart-position-responsive="zptheme-search-cart-position-responsive"]')[0]; 18 headerSearchCart = document.querySelectorAll('[data-theme-search-cart-group="zptheme-search-cart-group"]')[0]; 19 headerSearchCartPositionNonResponsive = document.querySelectorAll('[data-search-cart-position-non-responsive="zptheme-search-cart-position-non-responsive"]')[0]; 20 topbBarInfoPosition = document.querySelectorAll('[data-topbarinfo-position="zptheme-topbarinfo-position"]')[0]; 21 contactInfo = document.querySelectorAll('[data-contact-info="zptheme-contact-info"]')[0]; 22 menuParent = document.querySelectorAll('[data-non-res-menu="zptheme-menu-non-res"]')[0]; 23 socialIconParent = document.querySelectorAll('[data-socialicon-parent="zptheme-socialicon-parent"]')[0]; 24 socialIconInnerParent = document.querySelectorAll('[data-socialicon-inner-parent="zptheme-socialicon-inner-parent"]')[0]; 25 portal = document.querySelectorAll('[data-theme-portal="zptheme-portal"]')[0]; 26 topBar = document.querySelectorAll('[data-theme-topbar="zptheme-topbar"]')[0]; 27 brandingInfo = document.querySelectorAll('[data-theme-branding-info="zptheme-branding-info"]')[0]; 28 header = document.querySelectorAll('[data-header="zptheme-data-header"]')[0] || document.querySelectorAll('[data-header="zptheme-data-header-transparent"]')[0] || document.querySelectorAll('[data-header="none"]')[0]; 29 headerContainer = document.querySelectorAll('[data-headercontainer="zptheme-data-headercontainer"]')[0]; 30 portal = document.querySelectorAll('[data-theme-portal="zptheme-portal"]')[0]; 31 portalResponsive = document.querySelectorAll('[data-theme-portal-responsive="zptheme-portal-responsive"]')[0]; 32 portalNonResponsive = document.querySelectorAll('[data-theme-portal-non-responsive="zptheme-portal-non-responsive"]')[0]; 33 verticalMmenu = document.querySelectorAll('[data-theme-vertical-menu="zptheme-vertical-menu"]')[0]; 34 35 body = document.getElementsByTagName("body")[0]; 36 header = document.querySelectorAll('[data-header="zptheme-data-header"]')[0] || document.querySelectorAll('[data-header="zptheme-data-header-transparent"]')[0] || document.querySelectorAll('[data-header="none"]')[0]; 37 headerVal = header.getAttribute("data-header").trim(); 38 headerContainer = document.querySelectorAll('[data-headercontainer="zptheme-data-headercontainer"]')[0]; 39 headerHeight = header.clientHeight; 40 headercontainerHeight = headerContainer.clientHeight; 41 scrollTopVal = headercontainerHeight - headerHeight; 42 43 // VARIABLE FOR BANNER BASE HEADER TEXT COLOR 44 45 bannerBaseHeader = document.querySelectorAll('[data-banner-base-header="theme-banner-base-header"]'); 46 bannerLi = document.querySelectorAll('[data-element-type="heroslide"]'); 47 48 // VARIABLE FOR BANNER BASE HEADER TEXT COLOR END 49 50} 51 52// ONSCROLL HEADER EFFECT 53function responsivechanges() { 54 if (!body) { 55 VariableInit(); 56 } 57 if (document.documentElement.clientWidth > 992) { 58 if (headerSearchCartPositionResponsive) { 59 headerSearchCartPositionResponsive.innerHTML = ''; 60 } 61 if (menuParent && menuParent.parentNode == contactInfo) { 62 menuParent.removeChild(contactInfo); 63 } 64 if (contactInfo && contactInfo.parentNode == socialIconInnerParent) { 65 contactInfo.removeChild(socialIconInnerParent); 66 } 67 if (socialIconParent) { 68 socialIconParent.appendChild(socialIconInnerParent); 69 } 70 if (headerSearchCart) { 71 headerSearchCartPositionNonResponsive.appendChild(headerSearchCart); 72 } 73 if (contactInfo || contactInfo && !menuParent) { 74 topbBarInfoPosition.appendChild(contactInfo); 75 } 76 if (topBar && headerContainer.className.indexOf('zpheader-style-05') == -1) { 77 addClass(topBar, 'theme-topbar-not-in-header-05'); 78 }
79 if (portal && portalResponsive) { 80 portalResponsive.innerHTML = ''; 81 } 82 if (portalNonResponsive) { 83 portalNonResponsive.appendChild(portal); 84 } 85 if (!menuParent && !brandingInfo && headerSearchCart) { 86 header.setAttribute('style', 'display:flex'); 87 } 88 } else { 89 if ((topBar && headerSearchCart) || (headerSearchCart && verticalMmenu)) { 90 headerSearchCartPositionResponsive.appendChild(headerSearchCart); 91 } 92 if (contactInfo && menuParent) { 93 menuParent.appendChild(contactInfo); 94 } 95 if ((contactInfo && socialIconInnerParent) && menuParent) { 96 contactInfo.appendChild(socialIconInnerParent); 97 98 } else if ((!contactInfo && socialIconInnerParent) && menuParent) { 99 menuParent.appendChild(socialIconInnerParent); 100 101 } 102 if (headerSearchCartPositionNonResponsive && topBar || headerSearchCartPositionNonResponsive && verticalMmenu) { 103 headerSearchCartPositionNonResponsive.innerHTML = ''; 104 } 105 if (topBar && (!headerSearchCart && !portal)) { 106 topBar.setAttribute('style', 'display:none'); 107 } 108 if (!menuParent && !brandingInfo && headerSearchCart) { 109 header.setAttribute('style', 'display:none'); 110 } 111 if (portal && portalResponsive) { 112 portalResponsive.appendChild(portal); 113 } 114 } 115} 116 117document.addEventListener("DOMContentLoaded", function(event) { 118 responsivechanges(); 119 bannerBaseHeaderLength = bannerBaseHeader.length; 120 bannerLiLength = bannerLi.length; 121 var hasHeaderSix = headerContainer.classList.contains('zpheader-style-06'); 122 var hasHeaderTwo = headerContainer.classList.contains('zpheader-style-02'); 123 var arrowContainer = document.getElementsByClassName('zsslider-arrows-container'); 124 if (headerContainer.className.indexOf('theme-header-fixed') > 0 && hasHeaderSix == false && document.documentElement.clientWidth > 992) { 125 for (bl = 0; bl < bannerLiLength; bl++) { 126 if (bannerLi[bl].className.indexOf('zpdark-section') > -1 && bannerLi[bl].className.indexOf('curslide') > -1) { 127 for (bh = 0; bh < bannerBaseHeaderLength; bh++) { 128 addClass(bannerBaseHeader[bh], 'zpdark-header-portion'); 129 } 130 if (topBar) { 131 addClass(topBar, 'zpdark-header-portion'); 132 } 133 } else if ((bannerLi[bl].className.indexOf('zpdefault-section') > -1 && bannerLi[bl].className.indexOf('curslide') > -1) || (bannerLi[bl].className.indexOf('zplight-section') > -1 && bannerLi[bl].className.indexOf('curslide') > -1)) { 134 for (bh = 0; bh < bannerBaseHeaderLength; bh++) { 135 removeClass(bannerBaseHeader[bh], 'zpdark-header-portion'); 136 } 137 if (topBar && topBar.className.indexOf('zpdark-header-portion') > -1) { 138 removeClass(topBar, 'zpdark-header-portion'); 139 } 140 } 141 } 142 } 143 144 for(ac=0;ac<arrowContainer.length;ac++){ 145 var arrowSvg = arrowContainer[ac].getElementsByTagName('svg'); 146 for(asv=0;asv<arrowSvg.length;asv++){ 147 for (blsvg = 0; blsvg < bannerLiLength; blsvg++) { 148 if (bannerLi[blsvg].className.indexOf('zpdefault-section') > -1 && bannerLi[blsvg].className.indexOf('curslide') > -1 || bannerLi[blsvg].className.indexOf('zplight-section') > -1 && bannerLi[blsvg].className.indexOf('curslide') > -1) { 149 arrowSvg[asv].style.fill = '#404040'; 150 } 151 if (bannerLi[blsvg].className.indexOf('zpdark-section') > -1 && bannerLi[blsvg].className.indexOf('curslide') > -1){ 152 arrowSvg[asv].style.fill = '#fff'; 153 } 154 } 155 } 156 } 157 158 // BANNER BASED HEADER TEXT COLOR STARTS 159 160 var hero = document.querySelector('.zphero') 161 if (hero) { 162 hero.addEventListener('sliderActive:changed', function(e) { 163 var data = e.detail; 164 var slide = data.slide; 165 var bannerLi = hero.querySelectorAll('[data-element-type="heroslide"]'); 166 var bannerBaseHeader = document.querySelectorAll('[data-banner-base-header="theme-banner-base-header"]'); 167 bannerBaseHeaderLength = bannerBaseHeader.length; 168 bannerLiLength = bannerLi.length; 169 var hasHeaderSix = headerContainer.classList.contains('zpheader-style-06'); 170 headercontainerHeight = headerContainer.clientHeight; 171 offsetVal = window.pageYOffset; 172 if (headerContainer.className.indexOf('theme-header-fixed') > 0 && hasHeaderSix == false && offsetVal <= headercontainerHeight && document.documentElement.clientWidth > 992) { 173 for (bhl = 0; bhl < bannerBaseHeaderLength; bhl++) { 174 if (bannerBaseHeader[bhl].className.indexOf('zpdark-header-portion') > -1) { 175 removeClass(bannerBaseHeader[bhl], 'zpdark-header-portion'); 176 } 177 } 178 if (topBar && topBar.className.indexOf('zpdark-header-portion') > -1) { 179 removeClass(topBar, 'zpdark-header-portion'); 180 } 181 if (slide.className.indexOf('zpdark-section') > -1) { 182 for (bhl = 0; bhl < bannerBaseHeaderLength; bhl++) { 183 addClass(bannerBaseHeader[bhl], 'zpdark-header-portion'); 184 } 185 if (topBar) { 186 addClass(topBar, 'zpdark-header-portion'); 187 } 188 } 189 } 190
191 if (slide.className.indexOf('zplight-section') > -1 || slide.className.indexOf('zpdefault-section') > -1 ){ 192 193 var arrowContainer = document.getElementsByClassName('zsslider-arrows-container'); 194 for(ac=0;ac<arrowContainer.length;ac++){ 195 var arrowSvg = arrowContainer[ac].getElementsByTagName('svg'); 196 for(asv=0;asv<arrowSvg.length;asv++){ 197 arrowSvg[asv].style.fill = '#404040'; 198 } 199 } 200 } 201 else{ 202 var arrowContainer = document.getElementsByClassName('zsslider-arrows-container'); 203 for(ac=0;ac<arrowContainer.length;ac++){ 204 var arrowSvg = arrowContainer[ac].getElementsByTagName('svg'); 205 for(asv=0;asv<arrowSvg.length;asv++){ 206 arrowSvg[asv].style.fill = '#fff'; 207 } 208 } 209 } 210 211 }); 212 } 213 214 // BANNER BASED HEADER TEXT COLOR END 215 216}); 217 218window.onresize = function() { 219 responsivechanges(); 220 221 bannerLiScroll = document.querySelectorAll('[data-element-type="heroslide"]'); 222 bannerLiScrollLength = bannerLiScroll.length; 223 bannerBaseHeaderScrl = document.querySelectorAll('[data-banner-base-header="theme-banner-base-header"]'); 224 bannerBaseHeaderScrlLength = bannerBaseHeaderScrl.length; 225 headerContainer = document.querySelectorAll('[data-headercontainer="zptheme-data-headercontainer"]')[0]; 226 if (topBar) { 227 var darkTopbar = topBar.getAttribute('data-dark-part-applied').trim(); 228 } 229 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 230 var darkHeader = bannerBaseHeaderScrl[bhscrl].getAttribute('data-dark-part-applied').trim(); 231 } 232 headerContainerChildren = headerContainer.children; 233 if(document.documentElement.clientWidth < 992){ 234 headerContainer.style.top = '0px'; 235 if(topBar){ 236 topBar.style.opacity = '1'; 237 } 238 } 239 for (bnrScrl = 0; bnrScrl < bannerLiScrollLength; bnrScrl++) { 240 var bannerDark = bannerLiScroll[bnrScrl].classList.contains('zpdark-section'); 241 var hasHeaderSix = headerContainer.classList.contains('zpheader-style-06'); 242 if (headerContainer.className.indexOf('theme-header-fixed') > 0 && bannerLiScroll[bnrScrl].className.indexOf('zpdark-section') > -1 && bannerLiScroll[bnrScrl].className.indexOf('curslide') > -1 && hasHeaderSix == false && document.documentElement.clientWidth > 768 && document.documentElement.clientWidth < 1028) { 243 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 244 addClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 245 } 246 if (topBar) { 247 addClass(topBar, 'zpdark-header-portion'); 248 } 249 } 250 if (headerContainer.className.indexOf('theme-header-fixed') > 0 && hasHeaderSix == false && bannerDark == false && bannerLiScroll[bnrScrl].className.indexOf('curslide') > -1 && document.documentElement.clientWidth > 768 && document.documentElement.clientWidth < 1028) { 251 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 252 removeClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 253 } 254 if (topBar && topBar.className.indexOf('zpdark-header-portion') > -1) { 255 removeClass(topBar, 'zpdark-header-portion'); 256 } 257 } 258 if (headerContainer.className.indexOf('theme-header-fixed') > 0 && document.documentElement.clientWidth < 992) { 259 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 260 var darkHeader = bannerBaseHeaderScrl[bhscrl].getAttribute('data-dark-part-applied').trim(); 261 if (darkHeader == 'true') { 262 addClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 263 } 264 if (darkHeader == 'false' && bannerBaseHeaderScrl[bhscrl].className.indexOf('zpdark-header-portion') > -1) { 265 removeClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 266 } 267 } 268 if (topBar && darkTopbar == 'true') { 269 addClass(topBar, 'zpdark-header-portion'); 270 } 271 if (topBar && darkTopbar == 'false' && topBar.className.indexOf('zpdark-header-portion') > -1) { 272 removeClass(topBar, 'zpdark-header-portion'); 273 } 274 } 275 } 276 277} 278 279window.onscroll = function() { 280 if (!body) { 281 VariableInit(); 282 } 283 headerHeight = header.clientHeight; 284 headercontainerHeight = headerContainer.clientHeight; 285 offsetVal = window.pageYOffset; 286 287 bannerLiScroll = document.querySelectorAll('[data-element-type="heroslide"]'); 288 bannerLiScrollLength = bannerLiScroll.length; 289 bannerBaseHeaderScrl = document.querySelectorAll('[data-banner-base-header="theme-banner-base-header"]'); 290 bannerBaseHeaderScrlLength = bannerBaseHeaderScrl.length; 291 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 292 var darkHeader = bannerBaseHeaderScrl[bhscrl].getAttribute('data-dark-part-applied').trim(); 293 } 294 295 var hasHeaderSix = headerContainer.classList.contains('zpheader-style-06'); 296 297 // HEADER STATIC TO FIXED ANIMATION STARTS 298 299 headerContainerChildren = headerContainer.children; 300 headerContainerChildrenLength = headerContainerChildren.length; 301 302 if (offsetVal > headercontainerHeight) { 303 if (headerContainer.className.indexOf('theme-header-fixed') == -1) { 304 if (headerVal == 'zptheme-data-header') { 305 if (header.className.indexOf('theme-header-animate') == -1) { 306 header.className += ' theme-header-animate'; 307 } 308 } 309 if (headerVal == 'zptheme-data-header-transparent') { 310 if (header.className.indexOf('theme-header-animate') == -1) { 311 header.className += ' theme-header-animate'; 312 } 313 if (header.className.indexOf('theme-header-transparent') == -1) { 314 header.className += ' theme-header-transparent'; 315 } 316 } 317 header.setAttribute('style', 'animation:headerStart 0.8s linear 1 alternate'); 318 if (headerVal == 'zptheme-data-header' && window.innerWidth > 992 || headerVal == 'zptheme-data-header-transparent' && window.innerWidth > 992) { 319 body.style.paddingTop = headerHeight + 'px'; 320 } 321 } 322 if(topBar && window.innerWidth > 992){ 323 topBar.style.opacity = '0'; 324 } 325 } 326 else{ 327 if (headerVal == 'zptheme-data-header') { 328 header.className = header.className.replace('theme-header-animate', ''); 329 } 330 if (headerVal == 'zptheme-data-header-transparent') { 331 header.className = header.className.replace('theme-header-animate', ''); 332 header.className = header.className.replace('theme-header-transparent', ''); 333 } 334 header.setAttribute('style', 'animation:noTopBarAni 0.8s linear 1 alternate;'); 335 body.style.paddingTop = '0px'; 336 if(topBar && window.innerWidth > 992){ 337 topBar.style.opacity = '1'; 338 } 339 } 340 341 // HEADER STATIC TO FIXED ANIMATION END 342 343 // FULL WIDTH BANNER HEADER FIXED START 344 345 if (headerContainer.className.indexOf('theme-header-fixed') > 0) { 346 scrollTopVal = headercontainerHeight-headerHeight; 347 if (window.innerWidth > 992) { 348 headerContainer.setAttribute('style', 'top:' + (-offsetVal) + 'px;transition:none;'); 349 } 350 if (offsetVal >= headercontainerHeight) { 351 352 headerContainer.className = headerContainer.className.replace('theme-header-animate', ''); 353 if (headerVal == 'zptheme-data-header') { 354 headerContainer.className += ' theme-header-animate'; 355 for (bnrScrl = 0; bnrScrl < bannerLiScrollLength; bnrScrl++) { 356 if (window.innerWidth > 992 && darkHeader == 'true' && hasHeaderSix == false) { 357 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 358 addClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 359 } 360 if (topBar && topBar.className.indexOf('zpdark-header-portion') > -1) { 361 topBar.className = topBar.className.replace('zpdark-header-portion', ''); 362 } 363 } 364 if (window.innerWidth > 992 && darkHeader == 'false' && hasHeaderSix == false) { 365 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 366 removeClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 367 } 368 } 369 } 370 if (window.innerWidth > 992) { 371 headerContainer.setAttribute('style', 'top:' + (-scrollTopVal) + 'px;transition:0.3s linear;'); 372 } 373 } 374 header.className = header.className.replace('theme-header-transparent', ''); 375 if (headerVal == 'zptheme-data-header-transparent') { 376 377 headerContainer.className += ' theme-header-animate'; 378 header.className += ' theme-header-transparent'; 379 380 for (bnrScrl = 0; bnrScrl < bannerLiScrollLength; bnrScrl++) { 381 if (window.innerWidth > 992 && darkHeader == 'true' && hasHeaderSix == false) { 382 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 383 addClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 384 } 385 if (topBar && topBar.className.indexOf('zpdark-header-portion') > -1) { 386 topBar.className = topBar.className.replace('zpdark-header-portion', ''); 387 } 388 } 389 if (window.innerWidth > 992 && darkHeader == 'false' && hasHeaderSix == false) { 390 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 391 removeClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 392 } 393 } 394 } 395 if (window.innerWidth > 992) { 396 headerContainer.setAttribute('style', 'top:' + (-scrollTopVal) + 'px;transition:0.3s linear;'); 397 } 398 } 399 if (headerVal == '') { 400 if (window.innerWidth > 992) { 401 headerContainer.setAttribute('style', 'top:' + (-offsetVal) + 'px;'); 402 } 403 } 404 } 405 if (offsetVal < LastScrollVal) { 406 407 if (offsetVal < headercontainerHeight) { 408 if (headerVal == '') { 409 if (window.innerWidth > 992) { 410 headerContainer.setAttribute('style', 'top:' + (-offsetVal) + 'px;transition:0s linear;'); 411 } 412 } else { 413 if (window.innerWidth > 992) { 414 headerContainer.setAttribute('style', 'top:' + (-offsetVal) + 'px;transition:0.3s linear;'); 415 } 416 } 417 headerContainer.className = headerContainer.className.replace('theme-header-animate', ''); 418 headerContainer.className = headerContainer.className.replace('theme-header-transparent', ''); 419 for (bnrScrl = 0; bnrScrl < bannerLiScrollLength; bnrScrl++) { 420 var bannerDark = bannerLiScroll[bnrScrl].classList.contains('zpdark-section'); 421 if (bannerLiScroll[bnrScrl].className.indexOf('zpdark-section') > -1 && hasHeaderSix == false && bannerLiScroll[bnrScrl].className.indexOf('curslide') > -1 && window.innerWidth > 992) { 422 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 423 addClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 424 } 425 if (topBar) { 426 addClass(topBar, 'zpdark-header-portion'); 427 } 428 } else if (bannerDark == false && hasHeaderSix == false && bannerLiScroll[bnrScrl].className.indexOf('curslide') > -1 && window.innerWidth > 992) { 429 for (bhscrl = 0; bhscrl < bannerBaseHeaderScrlLength; bhscrl++) { 430 removeClass(bannerBaseHeaderScrl[bhscrl], 'zpdark-header-portion'); 431 } 432 if (topBar && topBar.className.indexOf('zpdark-header-portion') > -1) { 433 removeClass(topBar, 'zpdark-header-portion'); 434 } 435 436 } 437 438 } 439 } 440 } 441 } 442 443 // FULL WIDTH BANNER HEADER FIXED END 444 445 LastScrollVal = offsetVal; 446} 447 448// ONSCROLL HEADER EFFECT END 449 450function toggleSearch() { 451 var searchcont = document.querySelectorAll('[data-search="zptheme-search-container"]')[0]; 452 var searchInput = document.querySelectorAll('[data-search-input="zptheme-search-input"]')[0]; 453 var searchHideOverlay = document.querySelectorAll('[data-theme-search-overlay="theme-search-overlay"]')[0]; 454 searchcont.style.display = 'block'; 455 searchHideOverlay.style.display = "block"; 456 searchInput.focus(); 457 searchHideOverlay.addEventListener('click',function(){ 458 searchcont.style.display = "none"; 459 searchHideOverlay.style.display = "none"; 460 searchInput.value = ""; 461 }); 462}
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.