title: Slick Slider binding hover event
body: <p>I am using the slick slider to display images. At the moment i have it so you can click on the navigation and it changes the main image display. </p>
  
  <p>I am trying to get it to set the currently selected navigation on a hover event or mouseover event.</p>
  
  <p>This is my current code for the navigation and display:</p>
  
  <pre><code>$('.slider-for').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: false,
  fade: true,
  autoplay: true,
  //trigger after the slide appears
  // i is current slide index
  afterChange: function (slickSlider, i) {
      //remove all active class
      $('.slider-nav .slick-slide').removeClass('slick-active');
      //set active class for current slide
      $('.slider-nav .slick-slide').eq(i).addClass('slick-active');
  }
  });
  
  
  $('.slider-nav .slick-slide').eq(0).addClass('slick-active');
  
  $('.slider-nav').slick({
      slidesToShow: 4,
      slidesToScroll: 1,
      asNavFor: '.slider-for',
      autoplay: true,
      dots: true,
      centerMode: true,
      focusOnSelect: true,
      vertical: true
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/L0hntr35/52/" rel="nofollow">and this is my fiddle</a> </p>
  
  <p>Is it possible to bind a mouseover event to slick? </p>