function showSlides(n) {
    console.log('showSlides')
  var i;
  var slides = $(".mySlides");
  console.log(slides)
  console.log('slides.length')
  console.log(slides.length)
  if (n > slides.length) {slideIndex = 1}
  if (n < 1) {slideIndex = slides.length}
  console.log('slides.length')
  console.log(slides.length)

  for (i = 0; i < slides.length; i++) {
    console.log('++++++++++')
    console.log(slides[i])
      slides[i].style.display = "none";
  }
  slides[slideIndex-1].style.display = "block";
}