title: Jquery tools slideshow - changing effect on window resize
body: <p>I'm using this plugin for slideshow: <a href="http://jquerytools.org/demos/tabs/slideshow.html" rel="nofollow">http://jquerytools.org/demos/tabs/slideshow.html</a></p>
  
  <p>I want to change slideshow effect on window resize. My code: <a href="http://jsfiddle.net/genesiss/5L2CN/5/" rel="nofollow">http://jsfiddle.net/genesiss/5L2CN/5/</a></p>
  
  <pre><code>var initSlideshow = function() {
  
      var effect = 'fade';
      if ($(window).width() &lt; 300) {
          effect = 'default';
      }
  
      $(".slidetabs").tabs(".images &gt; div", {
  
      effect: effect,
      fadeOutSpeed: "slow",
  
      rotate: true
  
    }).slideshow({interval: 100});
  };
  
  
  $(function() {
    initSlideshow();
    $(".slidetabs").data('slideshow').play();
  
     $(window).resize(function () {
          $(".slidetabs").data('slideshow').stop();
          $(".slidetabs").tabs('destroy');
          initSlideshow();
          $(".slidetabs").data('slideshow').play();
      });
  
  
  });
  </code></pre>
  
  <p>It seems that slideshow effect is always the same - one that is set at first initialization. You can see that by resizing 'Result' window in jsfiddle and noticing that it still has 'fade' efect (two slides on the screen at the same time, one fading away).</p>
  
  <p>How could I change slideshow effect after first initialization?</p>