slideshow made with javascript exceeds call stack
<p>i'm trying to build a simple self-running slideshow with javascript. When I execute the following code I get an error message that the maximum call stack size has been exceeded. I'm not sure exactly what this means, but the computer can't find the image's location and lists it as <code>undefined</code>. Please tell me where I am going wrong. Thank you for your help</p>

<pre><code>var slide = 0 /* the tracker for every picture */
var left_arrow = document.getElementById("arrow_left")
var right_arrow = document.getElementById("arrow_right")
var gallery = document.getElementById("picture")
slideshow(0);
length = images.length - 1

function slideshow(slide) {
  images = ["blackchicken.jpg", "bantamchicken.jpg", "goldenegg.jpeg"]
  console.log(slide)
  pic = '&lt;img src="' + images[slide] + '"&gt;'
  console.log(pic)
  gallery.innerHTML = pic
  slide += 1;
  if (slide == length) {
    slide = 0
  }
  setTimeout(slideshow(), 3000); // Change image every 3 seconds
}
</code></pre>