// ARTICLE  TAB
// Using Bootstrap Custom

$(function() {
  let tabsLink = $('.tabs-link')
  $('.tabs-link:first-child').tab('show').addClass('is-active')

  $(tabsLink).on('click', function(e) {
    e.preventDefault;
    $(this).parent().find('.tabs-link').removeClass('is-active')
    $(this).addClass('is-active');
    $(this).tab('show')
  })
}) 
  
// ARTICLE ACCORDION

$(function() {
  let acc = document.getElementsByClassName("accordion");

  for (i = 0; i < acc.length; i++) {
    acc[i].addEventListener("click", function() {
      this.classList.toggle("active");
      var panel = this.nextElementSibling;
      if (panel.style.maxHeight) {
        panel.style.maxHeight = null;
      } else {
        panel.style.maxHeight = panel.scrollHeight + "px";
      } 
    });
  }
})

// Lightbox

$(function() {
  let $target = $('.article-body img');
  let $lightbox = $('#lightbox')
  let $content = $('.lightbox-content')

  if (s360Config.lightbox === 'true') {
    $target.on('click', function() {
      $lightbox.css({'display' : 'block'})
      let $src = $(this).attr('src')
      let $alt = $(this).attr('alt')
      $content.attr('src', $src)
      $content.attr('alt', $alt)
      $('body').addClass('modal-open')
    })

    let $close = $('.close')
    $close.on('click', function() {
      $lightbox.css({'display' : 'none'})
      $('body').removeClass('modal-open')
    })
  } else {
    $target.css({'cursor' : 'default'})
  }
})