Slide show messing up my slide up?

Slide show messing up my slide up?

So I tried my hand at adding a slide show using jquery to the site, but it doesnt seem to be working and now my slide up wont work because of it.

Html
  2. <h1> Tylers Work</h1>
  3.   <h2 id="caption">How it all got started</h2>
  4.   <img id="slide" src="TylerPic.jpg" alt="">
  5.   <div id="slides">
  6.   <img src="logo1.jpg" alt="Logo 1">
  7.   <img src="logo2.png" alt="Logo 2">
  8.   <img src="logo3.png" alt="Logo 3">
  9.   </div>
Css:
  2. img{
  3.     height: 250px;
  4. }

  6. #slides img{
  7.     display: none;
  8. }
jQuery
  2. //Slide up and down button to cover the scroll bar so only the pictures show
  3. $("#slideUp").click(function(){
  4. $("#textArea").slideUp();
  5. });//end slide up

  7. //Slide up and down button to reveal the scroll bar
  8. $("#slideDown").click(function(){
  9. $("#textArea").slideDown();
  10. });//end slide down


  13. //Slide Show

  15. var image, imageCounter = 0, imageCache = [];
  16. $("#slides img").each(function)() { 
  17. image = new Image();
  18. image.src = $(this).attr("src");
  19. image.title = $(this).attr("alt");
  20. imageCache[imageCounter] = image;
  21. imageCounter++;
  22. });

  24. //Start Slide Show
  25. imageCounter = 0;
  26. var nextImage;
  27. setInterval ( function() {
  28. $("#caption").fadeOut(1000);
  29. $("#slide").fadeOut(1000);
  30. function() {
  31. imageCounter = (imageCounter + 1) % imageCache.length;
  32. nextImage = imageCache[imageCounter];
  33. $("#slide").attr("src", nextImage.src).fadeIn(1000);
  34. $("#caption").text(nextImage.title).fadeIn(1000);
  35. }
  36. };
  37. },
  38. 3000);

  40. });//end ready