Как сделать инициализацию слайдера?

вопрос

Скрипты:


 <script type="text/javascript" src="{THEME}/js/jquery-1.6.min.js"></script>
<script type="text/javascript" src="{THEME}/js/jquery.reveal.js"></script> 
    
<script type="text/javascript" src="{THEME}/js/jquery.min.js"></script>
<script type="text/javascript" src="{THEME}/js/plugins.min.js"></script>
    
 
<script type="text/javascript" src="{THEME}/js/main.js"></script>

Слайдер:

<div class="advantages">
    <div class="container">
        <h2 class="advantages__title">Преимущества</h2>
        <div class="advantages__slider">
            <div class="bx-wrapper" style="max-width: 100%; margin: 0px auto;"><div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 112px;"><ul class="js-slider" style="width: 415%; position: relative; transition-duration: 0s; transform: translate3d(-850px, 0px, 0px);"><li style="float: left; list-style: none; position: relative; width: 850px;" class="bx-clone">
                            <ul class="advantages__list">
                                                    <li class="advantages__item">
                                    <a href="/about.html#marketing">
                                        <div class="advantages__item-ico">
                                            <i class="advantages-ico advantages-ico_marketing"></i>
                                        </div>
                                        <div class="advantages__item-link">
                <span class="advantages__item-link link link_pseudo">Маркетинг</span>
                                        </div>
                                    </a>
                                </li>
                <li class="advantages__item">
                                    <a href="/about.html#security">
                                        <div class="advantages__item-ico">
                                            <i class="advantages-ico advantages-ico_security"></i>
                                        </div>
                                        <div class="advantages__item-link">
            <span class="advantages__item-link link link_pseudo">Безопасность</span>
                                        </div>
                                    </a>
                                </li>
                                                                                    
                                                </ul>
                        </li></ul></div><div class="bx-controls bx-has-controls-direction"><div class="bx-controls-direction"><a class="bx-prev" href="">Prev</a><a class="bx-next" href="">Next</a></div></div></div>
        </div>
    </div>
</div></div>
<!-- end .page-content -->

Ошибка в консоле:


main.js:389 Uncaught ReferenceError: BX is not defined(anonymous function) @ main.js:389j @ jquery.min.js:2k.fireWith @ jquery.min.js:2n.extend.ready @ jquery.min.js:2K @ jquery.min.js:2

    // init plugins after ajax
    BX.addCustomEvent('onAjaxSuccess', function() {
        var $selectLocation = $('.js-selectLocation'),
                selectLocation = $selectLocation[0];

        if (selectLocation && !selectLocation.selectize) {
            $selectLocation.selectize();
        }

        initTooltips();
    });