In "Cycle" plugin, cannot get "Previous" and "next" buttons to work

In "Cycle" plugin, cannot get "Previous" and "next" buttons to work

Hi there,

As title says, I cannot get Previous and Next buttons to work. Cycle Plugin works, but only when click on images to scroll thru.

Here is my code:

HTML:

<div id="right" class="slideshow">
  <img class="review" src="../img/reviews1.png" width="100%" height="100%" />
  <img class="review" src="../img/reviews2.png" width="100%" height="100%" />
  <img class="review" src="../img/reviews3.png" width="100%" height="100%" />
  <img class="review" src="../img/reviews4.png" width="100%" height="100%" />
  <img class="review" src="../img/reviews5.png" width="100%" height="100%" />  
  <a href="http://www.archivision.com/educational/reviews.html" target="_blank"><img  class="review2" src="../img/reviewsLink.png" width="100%" height="100%"></a>

</div>
  <p id="next">NEXT</p>
  <p id="previous">PREVIOUS</p>

(NOTE: Have tried putting #previous and #next inside .slideshow div as well, same results)

JS:

  $(document).ready(function() {

$('#right').cycle({
    fx:     'turnUp',
    speed:  'fast',
    timeout: 0,
    next:   '#next',
    prev:   '#prev'
});









/*$('#right').cycle({
    fx:      'turnUp',
    next:   '#right',
    timeout:  0,

});*/

});
 
(NOTE: unbolded code is commented out, but when used Cycle works in 'standard" mode - if click on image it scrolls to next one - right now, as you can see, it does nothing)

Here is page:

http://archivision.com/educational/index%28exp%29.html

Scroll down to bottom of page, to box that says "PROFESSIONAL PHOTOGRAPHS
  FOR IMAGE-BASED COURSE." This is where plugin is used.

Anyone have any ideas what I might be doing wrong? I imagine it's something obvious, but damned if I know. Please help. I'm running out of hair to pull out!

Thanks in advance