title: Reapply or adjust jCarouselLite on resize window
body: <p>I'm trying to readjust, or destroy and reapply the jCarouselLite plugin when resizing the window, but I have no success, this is because I created an website where each page is a 'li' where, when navigating through the menu it scroll to that 'page'...</p>
  
  <p>I have tryied to use this on resize, and reapply the jcarousellite, but it didn't worked:</p>
  
  <pre><code>$('#mega').jCarouselLite = null;
  </code></pre>
  
  <p>this is the code I'm using, but if I keep reapplying the jcarouselLite, the carousel goes crazy!</p>
  
  <pre><code>$(document).ready(function(){
      w = $(window).width();
      h = $(window).height();
      $('#mega li').css('width',w);
      $('#mega li').css('height',h);
      $('#mega').jCarouselLite({
          circular:false,
          vertical:true,
          speed:1000,
          visible:1,
          btnGo:["#home", "#comofunciona", "#porquemegafome", "#contato"]
      });
  });
  $(window).resize(function() {
      w = $(window).width();
      h = $(window).height();
      $('#mega li').css('width',w);
      $('#mega li').css('height',h);
      $('#mega').jCarouselLite({
          circular:false,
          vertical:true,
          speed:1000,
          visible:1,
          btnGo:["#home", "#comofunciona", "#porquemegafome", "#contato"]
      });
  });
  </code></pre>
  
  <p><strong>SOLUTION:</strong></p>
  
  <p>"idrumgood", I was trying to do this only with the "li", but searching a little more about deactivating plugins, I discovered that I have to unbind the clicks too, so, here is the code I had to apply:</p>
  
  <pre><code>$(window).resize(function() {
      $('#mega').jCarouselLite = null;
      $('#home, #comofunciona, #porquemegafome, #contato').unbind('click'); //buttons I defined on btnGo option
      runCarousel(); //again
      aClick(); // function where I get the li index and save into a hidden input, on resize it keeps li position! :)
  });
  </code></pre>