title: Owl carousel go to clicked item
body: <p>I have owl carousel v-2.0.0 with 5 items.</p>
  
  <pre><code>&lt;div class="owl-carousel"&gt;
      &lt;div class="item"&gt;
          &lt;img src="img/1-m.png" alt=""&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="img/3-s.png" alt=""&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="img/2-l.png" alt=""&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="img/2-l.png" alt=""&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="img/1-m.png" alt=""&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and js to init it.</p>
  
  <pre><code>$(".owl-carousel").owlCarousel({
      loop: true,
      nav: true,
      responsive: {
          0: {
              items: 1
          },
          480: {
              items: 3
          },
          1000: {
              items: 5
          }
      }
  
  });
  </code></pre>
  
  <p>Carousel working by drag? How to make it work by click on item(clicked item becomes the central). And how to add custom class to center item?</p>