[REI555]

Привет народ.Подскажите, есть слайдер.

div id="carousel">
      <a href="#"><img src="http://www.cyberforum.ru/images/1.jpg" id="item-1" /></a>
      <a href="#"><img src="http://www.cyberforum.ru/images/2.jpg" id="item-2" /></a>
      <a href="#"><img src="http://www.cyberforum.ru/images/3.jpg" id="item-3" /></a>
      <a href="#"><img src="http://www.cyberforum.ru/images/4.jpg" id="item-4" /></a>
      
    </div>
    <a href="#" id="prev">Prev</a> | <a href="#" id="next">Next</a>

$(document).ready(function () {
        var carousel = $("#carousel").waterwheelCarousel({
          flankingItems: 3,
         
        });

        $('#prev').bind('click', function () {
          carousel.prev();
          return false
        });

        $('#next').bind('click', function () {
          carousel.next();
          return false;
        });

        $('#reload').bind('click', function () {
          newOptions = eval("(" + $('#newoptions').val() + ")");
          carousel.reload(newOptions);
		  
          return false;
        });

      });

Пытаюсь , изменять в нем слайды , без перезагрузки страницы.
Есть кнопки на сайте, нажимаю, отправляется запрос ajax , получает новые картинки (в консоле смотрю ответ)

<div id="carousel">
      
      <a href="#"><img src="http://wp2/lp/wp-content/themes/Uzor-treyd/images/5.jpg" id="item-5" /><
/a>
      <a href="#"><img src="http://wp2/lp/wp-content/themes/Uzor-treyd/images/6.jpg" id="item-6" /><
/a>
      <a href="#"><img src="http://wp2/lp/wp-content/themes/Uzor-treyd/images/7.jpg" id="item-7" /><
/a>
      <a href="#"><img src="http://wp2/lp/wp-content/themes/Uzor-treyd/images/8.jpg" id="item-8" /><
/a>
      <a href="#"><img src="http://wp2/lp/wp-content/themes/Uzor-treyd/mages/9.jpg" id="item-9" /></a
>
    </div>
    <a href="#" id="prev">Prev</a> | <a href="#" id="next">Next</a>

Но слайдер не работает...
Сделал кнопку для теста (Запускать функцию carousel.reload(); )
Жму на нее , так же ни чего не происходит.
Подскажите в чем беда?
Вот сайт слайдера