// FITTEXT
$("#apresentacaotext").fitText(1.2, { maxFontSize: '60px' });
$("#inscricaotext").fitText(1.2, { maxFontSize: '60px' });
$("#programacaotext").fitText(1.2, { maxFontSize: '60px' });
$("#programacaoufrjtext").fitText(1.2, { maxFontSize: '60px' });
$("#gravadastext").fitText(1.2, { maxFontSize: '60px' });
$("#materialtext").fitText(1.2, { maxFontSize: '60px' });
$("#namidiatext").fitText(1.2, { maxFontSize: '60px' });
$("#quemsomostext").fitText(1.2, { maxFontSize: '60px' });


//CAROUSEL
$('.main-gallery').flickity({
  // options
  cellAlign: 'left',
  wrapAround: true
});

//TABS
function openTab(evt, tabName) {
  var i, x, tablinks;
  x = document.getElementsByClassName("content-tab");
  for (i = 0; i < x.length; i++) {
      x[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tab");
  for (i = 0; i < x.length; i++) {
      tablinks[i].className = tablinks[i].className.replace(" is-active", "");
  }
  document.getElementById(tabName).style.display = "block";
  evt.currentTarget.className += " is-active";
}

//NAVBAR
document.addEventListener('DOMContentLoaded', () => {

  // Get all "navbar-burger" elements
  const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);

  // Check if there are any navbar burgers
  if ($navbarBurgers.length > 0) {

  // Add a click event on each of them
  $navbarBurgers.forEach( el => {
      el.addEventListener('click', () => {

      // Get the target from the "data-target" attribute
      const target = el.dataset.target;
      const $target = document.getElementById(target);

      // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
      el.classList.toggle('is-active');
      $target.classList.toggle('is-active');

      });
  });
  }

});

//Card Collapse
document.addEventListener('DOMContentLoaded', function() {
	let cardToggles = document.getElementsByClassName('card-toggle');
	for (let i = 0; i < cardToggles.length; i++) {
		cardToggles[i].addEventListener('click', e => {
			e.currentTarget.parentElement.parentElement.childNodes[3].classList.toggle('is-hidden');
		});
	}
});