Вопрос? Переключение слайдера

Доброго времени суток..Включил стандартный слайдер через DLE:

В main.tpl В нужном месте

Code:

       [aviable=main|cat]    
    <div class="related tcarusel carou-top">
        <div class="rel-title">Новинки:</div>
        <div class="tcarusel-scroll clearfix">
            {custom xfields="2017" template="custom-carou" order="date" from="0" limit="30" cache="yes"}
        </div>
        <div class="tcarusel-prev"><span class="fa fa-arrow-left"></span></div>
        <div class="tcarusel-next"><span class="fa fa-arrow-right"></span></div>
    </div>
    [/aviable]

Содержание custom-carou.tpl

Code:

<div class="mov tcarusel-item">
    <div class="mov-i img-box">
        <img src="{image-1}" alt="{title}" />
        <div class="mov-mask flex-col ps-link" data-link="{full-link}"><span class="fa fa-play"></span></div>
    </div>
    <a class="mov-t nowrap" href="{full-link}" title="{title}">{title limit="40"}</a>
</div>

В style.css прописал следующее:

Code:

/* CAROU TOP
----------------------------------------------- */
.tcarusel.carou-top {padding:20px 0 0 22px; height:350px; color:#fff; background-color:#4a586e;}
.carou-top .tcarusel-next {right:20px; top:20px;}
.carou-top .tcarusel-prev {right:60px; top:20px;}
.carou-top .mov-t {color:#fff;}
.carou-top .mov-c {color:#ccc;}
.carou-top .tcarusel-item {width:135px; margin:0 20.2px 0 0;}
.carou-top .mov-i {height:200px !important;}

Ну и собственно возникает вопрос...Как сделать перемотку слайдера мышкой, а не нажатием кнопки (Вправо и влево). Чтоб понять о чём идёт речь зайдите на сайт Gals Telecom зажатием мышки вы можете перехлестнуть слайдер...Как добиться такого же эффекта?