/**
 * Init Template Components
 */
function initComponents($scope = window.$document) {

  window.PageHeader = new Header();

  if (typeof window.PageMenu === 'undefined') {
    window.PageMenu = new MenuOverlay();
  }

  new SectionMasthead($scope);
  new SectionPortfolio($scope);
  new SectionNavProjects($scope);
  new SectionFullscreenSlider($scope);
  new SectionContent($scope);
  new SectionAbout($scope);
  new SectionServices($scope);
  new SectionTestimonials($scope);
  new SectionAwards($scope);
  new SliderImages($scope);
  new SliderProjects($scope);
  new SliderLetters($scope);
  $('.js-video').magnificPopup();
  new ScrollDown();
  new Form();
  new GMap($scope);
  new ButtonCircle($scope);
  new Grid();

  /** add this **/
  $('.js-gallery').magnificPopup({
    delegate: 'a',
    type: 'image',
    gallery: {
      enabled: true,
      navigateByImgClick: true
    },
  });
  /**************/

  fixMobileBarHeight();
  lazyLoad($scope);
  $('[data-art-parallax]').artParallax({
    ScrollMagicController: window.SMController,
    SmoothScrollController: window.SB
  });

}