function plusDivs () {
  let cases = document.querySelectorAll('#rig li img')
  let hover = document.querySelectorAll('#rig li span.rig-overlay')
  let text = document.querySelectorAll('#rig li span.rig-text')
  for (let i = 0; i < cases.length; i++) {
    cases[i].src =
      'http://skyedazzle.com/wp-content/themes/panama/assets/img/empty/600x600.png'
    cases[i].innerHTML = 'None'
  }
  for (let i = 0; i < hover.length; i++) {
    hover[i].className = 'none'
  }
  for (let i = 0; i < text.length; i++) {
    text[i].textContent = 'Empty'
  }
}
var slideIndex = 1
showSlides(slideIndex)

function plusSlides (n) {
  showSlides((slideIndex += n))
}

function currentSlide (n) {
  showSlides((slideIndex = n))
}

function showSlides (n) {
  let i
  let slides = document.getElementsByClassName('mySlides')
  let dots = document.getElementsByClassName('dot')
  if (n > slides.length) {
    slideIndex = 1
  }
  if (n < 1) {
    slideIndex = slides.length
  }
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = 'none'
  }
  for (i = 0; i < dots.length; i++) {
    dots[i].className = dots[i].className.replace(' active', '')
  }
  slides[slideIndex - 1].style.display = 'block'
  dots[slideIndex - 1].className += ' active'
}

let email = document.querySelector('#emailInput')
document.querySelector('#nameInput').addEventListener('input', function () {
  if (/^[A-Z][a-z]{1,20}$/.test(this.value)) {
    email.disabled = false
    email.style.backgroundColor = 'white'
    console.log('here i am')
  } else {
    email.disabled = true
  }
})