'use strict';

// Handle accessbility issues after DOM is loaded
document.addEventListener("DOMContentLoaded", () => {
  updateAccordion();
  setTimeout(() => { updateCarousel(); }, 5000)
});

// Handle accessibility issues on click events
document.addEventListener("click", (e) => {
  if (e.target.parentElement.classList.contains('accordion-item')) {
    onClickAccordion(e);
  }
  updateCarousel();
});

// Handle accessibility issues on keyup events
document.addEventListener("keyup", (e) => {
  if (e.key === 'Enter' || e.keyCode === 13) {
    if (e.target.parentElement.classList.contains('accordion-item')) {
      onClickAccordion(e);
    }
    updateCarousel();
  }
});


function updateAccordion() {
  document.querySelectorAll('ul.accordion').forEach((node) => node.removeAttribute('role'));
  document.querySelectorAll('li.accordion-item').forEach((node) => node.removeAttribute('id'));
  document.querySelectorAll('li.accordion-item > a').forEach((node) => {
    node.setAttribute('role', 'button');
    node.removeAttribute('aria-selected');
  });
  document.querySelectorAll('div.accordion-content').forEach((node) => node.setAttribute('role', 'region'));
}

function updateCarousel() {
  var index = 0;
  document.querySelectorAll('ul.slick-dots > li').forEach((node) => {
    ++index;
    node.setAttribute('aria-label', 'slide ' + index);
    node.removeAttribute('aria-selected');
    if (node.classList.contains('slick-active')) {
      node.setAttribute('aria-label', 'current slide ' + index);
    };
    setTimeout(() => {
      node.removeAttribute('aria-selected');
      node.removeAttribute('aria-hidden');
    }, 500);
  });
}

function onClickAccordion(e) {
  let isExpanded = e.target.parentElement.classList.contains('is-active') ? true : false;
  setAttributes(e.target, { 'aria-expanded': isExpanded })
  e.target.parentElement.removeAttribute('aria-expanded');
  e.target.removeAttribute('aria-selected');
}

// Set multiple attribute function
function setAttributes(el, attrs) {
  Object.keys(attrs).forEach(key => el.setAttribute(key, attrs[key]));
}

setTimeout(function () {
  for (var i = 1; i < 5; i++) {
    var id1 = 'video_' + i;
    var i1 = document.getElementById(id1);
    if (i1) {
      i1.removeAttribute('aria-haspopup');
    }
  }
}, 1000);