Prev / next navigation in jQuery Cycle

Prev / next navigation in jQuery Cycle

My jQuery cycle slideshow was working beautifully before I tried to implement previous / next nav based on the demo at  http://jquery.malsup.com/cycle/int2.html. I broke it doing something dumb! 
I am using images instead of text links, but that should not be an issue. Here's the script:

  1. $(document).ready(function() {
  2.     $('.slideshow').cycle({
  3. fx: 'fade',  // choose your transition type, ex: fade, scrollUp, shuffle, etc... 
  4. speed: 300,
  5. timeout: 0, 
  6. prev: 'navprev',
  7.      next: 'navnext'
  8. after:     function() {

  10.             $('#caption').html(this.alt);

  12.         }

  14. });

...and here's the page reference:

  1. <span class="headline">Partner showcase&nbsp; </span><span class="bodytext"><a id="navprev"><img src="images/arrows-prev.jpg" alt="previous image" width="6" height="12" /></a> | <a id="navnext"><img src="images/arrows-next.jpg" alt="next image" width="6" height="12" /></a></span><br />
  2.             
  3.               <p class="pinktitlepink" id="caption" height="30px" valign="top" ></p>
  4.             </span><table width="313" border="0" cellpadding="0" cellspacing="0">
  5.                 <tr>
  6.                   <td valign="top"><div class="slideshow" style="margin-top: 4px;"> 
  7.                   
  8.                   <img src="images/bella1.png" width="300" height="455" alt="Bella Signature Design" />
  9.                   <img src="images/bella2.png" width="300" height="522" alt="Bella Signature Design" />
  10.                   <img src="images/azzura-1.png" width="300" height="357" alt="Azzura Photography" /> 
  11.                   <img src="images/azzura-2.png" width="300" height="349" alt="Azzura Photography" />
  12.                   <img src="images/azzura-3.png" width="300" height="423" alt="Azzura Photography" />
  13.                   <img src="images/azzura-4.png" width="300" height="450" alt="Azzura Photography" /> 
  14.                   <img src="images/azzura-5.png" width="300" height="399" alt="Azzura Photography" />
  15.                   <img src="images/azzura-6.png" width="300" height="341" alt="Azzura Photography" />
  16.                   <img src="images/aria-1.png" width="300" height="240" alt="Aria Style" />
  17.                   <img src="images/aria-2.png" width="300" height="260" alt="Aria Style" />
  18.                   <img src="images/austin-beaver-dj.png" width="300" height="220" alt="Austin Beaver Experience" />
  19.                   <img src="images/j-garner.png" width="300" height="228" alt="J Garner Photography" />
  20.                   <img src="images/rented-elegance.png" width="300" height="236" alt="Rented Elegance" />
  21.                   <img src="images/michael-benson-band.png" width="300" height="326" alt="Michael Benson Band" />
  22.                   <img src="images/stephanie-cristali-photo.png" width="300" height="289" alt="Stephanie Cristalli Photo" />
  23.                   <img src="images/tiaras.png" width="300" height="313" alt="Tiara's on Location" />
  24.                   <img src="images/true-colors-events.png" width="300" height="425" alt="True Colors Events" />
  25.                   <img src="images/turpin-1.PNG" width="300" height="374" alt="Merry Beth Turpin Events" />
  26.                   <img src="images/turpin-2.PNG" width="300" height="296" alt="Merry Beth Turpin Events" /> </div>
I am in need of help figuring what I have gotten wrong here. Many thanks in advance to my hero  !