Carousel Thumbnails (карусель в каруселе)

Всем привет. Собственно вопрос как сделать в Owl Carousel, Thumbnails так же каруселью. Пытался вот так, но все Thumbnails двигаются вместе с главным Itemом..

введите сюда код
// sliders control
  $(document).ready(function () {
    // reference for main items
    var slider = $('#slider');
    // reference for thumbnail items
    var thumbnailSlider = $('#thumbnailSlider');
    //transition time in ms
    var duration = 900;
    // carousel function for main slider
    slider.owlCarousel({
      loop: false,
      nav: true,
      navText : ['<i class="fa fa-angle-left"></i>','<i class="fa fa-angle-right"></i>'],
      items: 1,
      dots: false,
      thumbs: true,
      thumbImage: false,
      thumbsPrerendered: true,
      thumbContainerClass: 'owl-thumbs',
      thumbItemClass: 'owl-thumb-item',
      onInitialized: function() {
        $('.gallery-map-wrapper #map').height($('.information-block').height());
      }
    }).on('changed.owl.carousel', function (e) {
      //On change of main item to trigger thumbnail item
      thumbnailSlider.trigger('to.owl.carousel', [e.item.index, duration, true]);
    });
    // carousel function for thumbnail slider
    thumbnailSlider.owlCarousel({
      loop: false,
      nav: false,
      dots: false,
      items: 5,
    }).on('click', '.owl-item', function () {
      // On click of thumbnail items to trigger same main item
      slider.trigger('to.owl.carousel', [$(this).index(), duration, true]);
    }).on('changed.owl.carousel', function (e) {
      // On change of thumbnail item to trigger main item
      slider.trigger('to.owl.carousel', [e.item.index, duration, true]);
    });
  });
//- main slider
            .slider-container.placeholder-show
                #slider.slider.owl-carousel(data-slider-id='1')
                    - for(var i = 1; i < 5; i++)
                        .item
                            .content
                                img.img-responsive(src='images/hotel-image' + i + '.jpg', alt='Alt ' + i)
            //- Thumbnail slider container
            .thumbnail-slider-container.placeholder-show
                #thumbnailSlider.owl-thumbs.thumbnail-slider.owl-carousel(data-slider-id='1')
                    - for(var i = 1; i < 6; i++)
                        .item.owl-thumb-item
                            .content
                                img.img-responsive(src='images/hotel-slider/' + i + '.png', alt='full slider image')