/* Watson Creative homepage preloader - strips + "We build ..." ticker.
   Hosted as .txt so SiteGround Speed Optimizer leaves it out of the combined JS bundle. */
(function(){
  "use strict";
  try{
    var KEY="wcPreloaderSeen", DAY=86400000, d=document, root=d.documentElement;
    var stripInt=null, failTimer=null;

    function killLoftLock(){
      try{ root.className=root.className.replace(/\bloftloader-loading\b/g,""); }catch(e){}
      try{ if(d.body) d.body.className=d.body.className.replace(/\bloftloader-loading\b/g,""); }catch(e){}
    }

    function boot(){
      if(!d.body){ return requestAnimationFrame(boot); }
      var body=d.body;
      if(!/\bhome\b/.test(body.className)){ return; }            /* homepage only */

      /* failsafe: always guard against LoftLoader hanging, even on repeat same-day visits where the decorative intro is skipped */
      setTimeout(function(){
        killLoftLock();
        try{ body.style.overflow=""; root.style.overflow=""; }catch(e){}
        var lw = d.querySelector(".loftloader-wrapper");
        if(lw){ lw.style.display = "none"; }
      }, 5000);

      var seen=0; try{ seen=+localStorage.getItem(KEY)||0; }catch(e){}
      if(seen && (Date.now()-seen)<DAY){ return; }                /* once per day -> skip */

      var reduce=false;
      try{ reduce=matchMedia("(prefers-reduced-motion: reduce)").matches; }catch(e){}

      /* hold every video until the reveal */
      function rePause(e){ try{ e.target.pause(); }catch(x){} }
      d.addEventListener("play", rePause, true);
      try{ [].forEach.call(d.querySelectorAll("video"), function(v){ try{ v.pause(); }catch(x){} }); }catch(e){}

      /* stop LoftLoader from locking scroll on the homepage */
      killLoftLock();
      stripInt=setInterval(killLoftLock, 100);
      body.style.overflow="hidden";
      root.style.overflow="hidden";

      var pre=d.createElement("div");
      pre.className="wc-pre";
      pre.setAttribute("aria-hidden","true");
      pre.innerHTML='<div class="wc-pre__strip" data-s="1"></div><div class="wc-pre__strip" data-s="2"></div><div class="wc-pre__strip" data-s="3"></div><div class="wc-pre__strip" data-s="4"></div><div class="wc-pre__lockup"><span class="wc-pre__static">We build</span><span class="wc-pre__tick"><span class="wc-pre__track"><span>videos</span><span>content</span><span>websites</span><span>brands</span></span></span></div>';
      body.appendChild(pre);

      var track=pre.querySelector(".wc-pre__track");
      var words=track.children.length;
      var STEP=reduce?400:800;                                    /* ms each word is held */
      var ended=false;

      function cleanup(){
        if(stripInt){ clearInterval(stripInt); stripInt=null; }
        if(failTimer){ clearTimeout(failTimer); failTimer=null; }
        d.removeEventListener("play", rePause, true);
        body.style.overflow=""; root.style.overflow="";
        killLoftLock();
        if(pre && pre.parentNode){ pre.parentNode.removeChild(pre); }
      }

      function end(){
        if(ended){ return; } ended=true;
        try{ localStorage.setItem(KEY, String(Date.now())); }catch(e){}
        pre.classList.add("is-exit");
        d.removeEventListener("play", rePause, true);
        try{ [].forEach.call(d.querySelectorAll("video"), function(v){
          if(v.hasAttribute("autoplay")){ var p=v.play(); if(p && p.catch){ p.catch(function(){}); } }
        }); }catch(e){}
        setTimeout(cleanup, reduce?450:1150);
      }

      for(var i=1;i<words;i++){
        (function(i){ setTimeout(function(){
          track.style.transform="translateY(-"+(i*1.16)+"em)";
        }, i*STEP); })(i);
      }
      setTimeout(end, words*STEP + 280);

      failTimer=setTimeout(function(){ ended=true; cleanup(); }, 9000);
    }

    boot();
  }catch(e){ /* never break the page */ }
})();