$(document).ready(function () {
    var $slider = $('.slider'), $slidebgs = $('.slide__bg'), diff = 0, curslide = 0, numofslides = $('.slide').length - 1, animating = false, animtime = 500, autoslidetimeout, autoslidedelay = 6000, $pagination = $('.slider-pagi');
    function createbullets() {
        for (var i = 0; i < numofslides + 1; i++) {
            if (window.cp.shouldstopexecution(1)) {
                break;
            }
            var $li = $('<li class=\'slider-pagi__elem\'></li>');
            $li.addclass('slider-pagi__elem-' + i).data('page', i);
            if (!i)
                $li.addclass('active');
            $pagination.append($li);
        }
        window.cp.exitedloop(1);
    }
    ;
    createbullets();
    function managecontrols() {
        $('.slider-control').removeclass('inactive');
        if (!curslide)
            $('.slider-control.left').addclass('inactive');
        if (curslide === numofslides)
            $('.slider-control.right').addclass('inactive');
    }
    ;
    function autoslide() {
        autoslidetimeout = settimeout(function () {
            curslide++;
            if (curslide > numofslides)
                curslide = 0;
            changeslides();
        }, autoslidedelay);
    }
    ;
    autoslide();
    function changeslides(instant) {
        if (!instant) {
            animating = true;
            managecontrols();
            $slider.addclass('animating');
            $slider.css('top');
            $('.slide').removeclass('active');
            $('.slide-' + curslide).addclass('active');
            settimeout(function () {
                $slider.removeclass('animating');
                animating = false;
            }, animtime);
        }
        window.cleartimeout(autoslidetimeout);
        $('.slider-pagi__elem').removeclass('active');
        $('.slider-pagi__elem-' + curslide).addclass('active');
        $slider.css('transform', 'translate3d(' + -curslide * 100 + '%,0,0)');
        $slidebgs.css('transform', 'translate3d(' + curslide * 50 + '%,0,0)');
        diff = 0;
        autoslide();
    }
    function navigateleft() {
        if (animating)
            return;
        if (curslide > 0)
            curslide--;
        changeslides();
    }
    function navigateright() {
        if (animating)
            return;
        if (curslide < numofslides)
            curslide++;
        changeslides();
    }
    $(document).on('mousedown touchstart', '.slider', function (e) {
        if (animating)
            return;
        window.cleartimeout(autoslidetimeout);
        var startx = e.pagex || e.originalevent.touches[0].pagex, winw = $(window).width();
        diff = 0;
        $(document).on('mousemove touchmove', function (e) {
            var x = e.pagex || e.originalevent.touches[0].pagex;
            diff = (startx - x) / winw * 70;
            if (!curslide && diff < 0 || curslide === numofslides && diff > 0)
                diff /= 2;
            $slider.css('transform', 'translate3d(' + (-curslide * 100 - diff) + '%,0,0)');
            $slidebgs.css('transform', 'translate3d(' + (curslide * 50 + diff / 2) + '%,0,0)');
        });
    });
    $(document).on('mouseup touchend', function (e) {
        $(document).off('mousemove touchmove');
        if (animating)
            return;
        if (!diff) {
            changeslides(true);
            return;
        }
        if (diff > -8 && diff < 8) {
            changeslides();
            return;
        }
        if (diff <= -8) {
            navigateleft();
        }
        if (diff >= 8) {
            navigateright();
        }
    });
    $(document).on('click', '.slider-control', function () {
        if ($(this).hasclass('left')) {
            navigateleft();
        } else {
            navigateright();
        }
    });
    $(document).on('click', '.slider-pagi__elem', function () {
        curslide = $(this).data('page');
        changeslides();
    });
});

"use strict";"object"!=typeof window.cp&&(window.cp={}),window.cp.pentimer={programnolongerbeingmonitored:!1,timeoffirstcalltoshouldstoploop:0,_loopexits:{},_looptimers:{},start_monitoring_after:2e3,stop_all_monitoring_timeout:5e3,max_time_in_loop_wo_exit:2200,exitedloop:function(o){this._loopexits[o]=!0},shouldstoploop:function(o){if(this.programkilledsostopmonitoring)return!0;if(this.programnolongerbeingmonitored)return!1;if(this._loopexits[o])return!1;var t=this._gettime();if(0===this.timeoffirstcalltoshouldstoploop)return this.timeoffirstcalltoshouldstoploop=t,!1;var i=t-this.timeoffirstcalltoshouldstoploop;if(i<this.start_monitoring_after)return!1;if(i>this.stop_all_monitoring_timeout)return this.programnolongerbeingmonitored=!0,!1;try{this._checkoninfiniteloop(o,t)}catch(n){return this._senderrormessagetoeditor(),this.programkilledsostopmonitoring=!0,!0}return!1},_senderrormessagetoeditor:function(){try{if(this._shouldpostmessage()){var o={action:"infinite-loop",line:this._findaroundlinenumber()};parent.postmessage(json.stringify(o),"*")}else this._throwanerrortostoppen()}catch(t){this._throwanerrortostoppen()}},_shouldpostmessage:function(){return document.location.href.match(/boomerang/)},_throwanerrortostoppen:function(){throw"we found an infinite loop in your pen. we've stopped the pen from running. please correct it or contact support@codepen.io."},_findaroundlinenumber:function(){var o=new error,t=0;if(o.stack){var i=o.stack.match(/boomerang\s+:(\d+):\d+/);i&&(t=i[1])}return t},_checkoninfiniteloop:function(o,t){if(!this._looptimers[o])return this._looptimers[o]=t,!1;var i=t-this._looptimers[o];if(i>this.max_time_in_loop_wo_exit)throw"infinite loop found on loop: "+o},_gettime:function(){return+new date}},window.cp.shouldstopexecution=function(o){return window.cp.pentimer.shouldstoploop(o)},window.cp.exitedloop=function(o){window.cp.pentimer.exitedloop(o)};