SlidesJS - «slide to» breaks code

Question

У меня есть ползунок, который ведет себя нормально до тех пор, пока кто-то не сыграет видео Youtube - тогда он останавливается, пока видео не закончится. Как только видео будет сделано, оно перейдет к следующему слайду.

Однако. Как только он перейдет к следующему слайду, анимация полностью остановится, и превью/ближайшие кнопки сломаются. У кого-нибудь есть проблема?

http://adinamurch.com/vidtest.html

Исправление размещена в группе SlidesJS Google ничего не делает для меня.

Благодаря

Edit: Вот HTML код для слайдера (авто, порожденного Wordpress темы):

<div class="sText" id="textSlider"> 
    <div class="slide"> 
     <div class="slide-image"><img src="http://daatsolutions.info/ditto/wp-content/uploads/2012/02/slide-vid1.png" /></div> 
     <div class="slide-text-right "> 
      <div class="slide-title"><a href="http://daatsolutions.info/ditto/2012/01/test-2/"> Test </a></div> 
      <div id="videoDiv">Loading...</div> 
     </div> 
     <div class="clear"></div> 
    </div><!--/ .slide -->  
    <div class="slide"> 
     <div class="slide-image"><img src="http://daatsolutions.info/ditto/wp-content/uploads/2011/12/frame_1.jpg" /></div> 
     <div class="slide-text-right "> 
      <div class="slide-title"><a href="http://daatsolutions.info/ditto/2011/12/for-lifes-assets/"> For Life&#8217;s Assets </a></div> 
      <div class="slide-descr"><p><img src="http://daatsolutions.info/ditto/wp-content/uploads/2011/12/assets-text.png" alt="" title="assets-text" width="204" height="77" class="alignnone size-full wp-image-261" /></p></div> 
      <div class="clear"></div> 
     </div><!--/ .slide-text --> 
     <div class="clear"></div> 
    </div><!--/ .slide --> 
    <div class="slide"> 
     <div class="slide-image"><img src="http://daatsolutions.info/ditto/wp-content/uploads/2011/12/frame_2.jpg" /></div> 
     <div class="slide-text-right "> 
      <div class="slide-title"><a href="http://daatsolutions.info/ditto/2011/12/second-test/"> Store things that matter </a></div> 
      <div class="slide-descr"><p><img src="http://daatsolutions.info/ditto/wp-content/uploads/2011/12/store-text.png" alt="" title="store-text" width="236" height="63" class="alignnone size-full wp-image-259" /></p></div> 
      <div class="clear"></div> 
     </div><!--/ .slide-text --> 
     <div class="clear"></div> 
    </div><!--/ .slide --> 
</div><!--/ .sText --> 

я использую по умолчанию Youtube JavaScript API с, с изменениями в этой функции:

// This function is called when the player changes state 
     function onPlayerStateChange(newState) { 
     //updateHTML("playerState", newState); 
     var slidestat = $("#textSlider").slides("status","state"); 
     var slidenum = $("#textSlider").slides("status","current"); 
     //alert(slidestat); 
     if(slidenum>1) { 
      $('#textSlider').slides("play"); 
     } else { 
      $('#textSlider').slides("stop"); 
     } 
     if(newState == 1) { //playing (3 is buffering) 
      $('#textSlider').slides("stop"); 
      $("#textSlider").slides("slide",1); //compensates for slidesjs bug that goes 1 slide before stopping 
     } if(newState == -1) { //unstarted 
      $('#textSlider').slides("pause"); 
     } if((newState == 2) || (newState == 0)) { //paused or finished 
      $('#textSlider').slides("play"); 
      $("#textSlider").slides("slide",2); 
     } else { 
      //$('#textSlider').slides("stop"); 
     } 
     } 

Answer 1

Я решил проблему, используя setTimeout() (с количеством секунд, в течение которых я хотел его приостановить на каждом слайде) вместо встроенных функций слайдера.