Jquery slideshow nav
<p>To all the good people here at stackoverflow, please I need some help with the flow of my jquery code. I have gotten the slideshow to work and decided to go a step further and add nav buttons/images.</p>

<p>in the code below, I am testing it out with one div first, the div will later become a picture or a button. anyways i have it so that when i click the div, the slideshow goes to the first image in the slide show.</p>

<p>Now the KEY ISSUE I am having is that this code works, but it takes five seconds after the click to go to the first image, because of the timeoutfunction.</p>

<pre><code>$("#slidecontrol2").click(function(){
    next.removeClass('is-showing');
    $('#container').children(':first').children(':first').addClass('is-showing');


  });

  setTimeout(slideShow, 5000);
</code></pre>

<p>This code is contained in the function slideShow to loop.</p>

<h1>slidecontrol2 above is a div below the slideshow that i will turn into a button (this is one of 3 divs that will be buttons, but i wanted to experiment for now with just the first div)</h1>

<p>I tried calling the function again after the click() function and before the timeout function, but it still takes 5 seconds and from there everything just goes crazy. </p>
