// this needs to be outside of document.ready so that it works on fiters.js

var isIE10 = false;
/*@cc_on
    if (/^10/.test(@_jscript_version)) {
        isIE10 = true;
    }
@*/

function effects__init($effects) {
    $effects.each(function() {
        var $el = $(this);
        $el.waypoint({
            handler: function(direction) {
                if (direction === "down") {
                    $el.addClass("effect--ready");
                } else {
                    // Issue with waypoints going off position on resize (something to do with the amount of carousels).
                    // removing this makes the issue less obvious.
                    //$el.removeClass("effect--ready");
                }
            },
            offset: '90%'
        });
    });
} // effects__init()

;(function($) {

    // If you need to access the template url within this file for things such as AJAX functions
    // you can use the variable template_url, which has already been passed in via enqueue-scripts.php

    var userAgent = window.navigator.userAgent,
        isIphone = false,
        isIE = false;

    if (userAgent.match(/iPhone/i)) {
        // iPhone
        isIphone = true;
    }

      if (userAgent.indexOf("MSIE") > 0 || userAgent.indexOf("Trident") > 0){
         isIE = true;
       }

      var isIPad = navigator.userAgent.match(/iPad/i) != null;

      /*  ==========================================================================
          transition
          ========================================================================== */

      if (isIE10) {
        $("html").addClass("ie");
      }

      // IF NOT IE
      if (!$('html').hasClass('ie') || !isIE10) {

        // Add class to say that the page is transitioning
        $("body").addClass("page-transitioning");

        // Check if the page is loaded, e.g. images & videos in headers
        checkPageLoad();

      }else{
        transitionOut();
      }
      /* Fix issue with safari caching page fade out */
      $(window).bind("pageshow", function(event) {
        if (event.originalEvent.persisted) {
          window.location.reload();
        }
      });

      function checkPageLoad() {

        // Check for images and videos before removing transition curtain

        if ($(".pageheader__img").length || $(".pageheader__video").length) {
          check_pageheaderbg_load();

        }else if ($(".pageheader__gallery").length) {
            gallery__init();
        }
        else {
          transitionOut();
        }

      }

      // Function to slide out panels & text on page loaded
      function transitionOut() {
          // animation complete
          $("body").removeClass("page-transitioning");
          $(".transition-overlay").css( "opacity", 0 );
      }

    /*  ==========================================================================
        links
        ========================================================================== */

    links__init();

    function links__init($context) {

        

        

        $links = $('a').not('.noline, .noline a, .line--added, .cli-plugin-button');

        $links.each(function() {
            var $this = $(this);
            var $icon = $('.fa, .fas, .far, .fal, .fab', $this);

            if ($('img', $this).length < 1) {
                $this.wrapInner("<span class='linkline'>");
                $this.addClass('line--added');
                if ($icon.length > 0) {
                    if ($icon.hasClass('fa--left')) {
                        $icon.insertBefore($('.linkline', $this));
                    } else {
                        $icon.insertAfter($('.linkline', $this));
                    }
                }
            }
        });
    } // links__init()

    $('.company__logo img').lazy();

    
 $('.faq__question').click(function() {
   
        $(this).closest('.faq').toggleClass('faq--open');
    });

   

    /*  ==========================================================================
        mobnav
        ========================================================================== */

    var $mobnav = $('.mobnav');
    var $mobnavinner = $('.mobnav__bd', $mobnav);
    var $mobnavtoggle = $('.mobnav-toggle');
    var mobnavopenclass = 'mobnavopen';

    mobnav__init();

    function mobnav__init() {
        $mobnavtoggle.on("click touchend", function(e) {
            e.preventDefault();
            if ($mobnav.attr('data-status') !== "open") {
                // it's not open
                $mobnav.attr('data-status', 'open');
                $('body').addClass(mobnavopenclass);
            } else {
                // it's open
                $mobnav.attr('data-status', 'closed');
                $('body').removeClass(mobnavopenclass);
                $('body').removeClass("mobnavopen--locations");
            }
        });
        $(".mobnav__nav__locationslink a").click(function(e) {
            e.preventDefault();
            $('body').addClass("mobnavopen--locations");
        });
        $(".mobnav__cohorts__back").click(function(e) {
            e.preventDefault();
            $('body').removeClass("mobnavopen--locations");
        });

    } // mobnav__init()





    


    /* add hover style effects to people grid items on mobile */

    document.addEventListener('touchstart', function(e) {
        var currentElement = e.target;
        if ($(currentElement).hasClass("person__img")) {
            $(currentElement).closest(".person").addClass("person--mobilehover");
        }
        if ($(currentElement).hasClass("company__desc") || $(currentElement).hasClass("company__desc__text")) {
            $(currentElement).closest(".company").addClass("company--mobilehover");
        }
    }, false);

    document.addEventListener('touchmove', function(e) {
        var currentElement = e.target;
        if ($(currentElement).hasClass("person__img")) {
            $(currentElement).closest(".person").addClass("person--mobilehover");
        }
        if ($(currentElement).hasClass("company__desc") || $(currentElement).hasClass("company__desc__text")) {
            $(currentElement).closest(".company").addClass("company--mobilehover");
        }
    }, false);

    document.addEventListener('touchend', function(e) {
        $(".person").removeClass("person--mobilehover");
        $(".company").removeClass("company--mobilehover");
    }, false);

    /*  ==========================================================================
        effects
        ========================================================================== */

    var $effects = $('.effect');

    if ($effects.length > 0) {
        effects__init($effects);
    }

 /*  ==========================================================================
        faqs
        ========================================================================== */

   
    

})(jQuery); // Domready