/*Content JS*/
$(document).ready(function() {
    var centerSlider = $('.center_slidelist');
    centerSlider.find('>div').each(function (index, element)  {
        $(this).attr('data-idx',"" + (index+1));
    });

    centerSlider.owlCarousel({
        items: 1,
        loop: true,
        nav:true,
        autoplay: false,
        autoplayHoverPause:false,
        autoplayTimeout:5000,
        startPosition: 0,
        dots: false,
        navContainer: '#m_nav',
        navText:['<','>'],
        // dotsContainer:'.m_dots',
        animateOut: 'fadeOut',
        onInitialized: function(event) {
            $(".number_last").text("0" + event.item.count);
            $(".number").text("1");
        },
        onChanged: function(event) {
            setTimeout(function() {
                var idx = '' + centerSlider.find('.owl-item.active>div').data('idx');
                $(".number").text(idx);
                centerSlider.trigger('stop.owl.autoplay');
                centerSlider.trigger('play.owl.autoplay');
            }, 10);
        },
        onInitialized: startProgressBar,
        onTranslate: resetProgressBar,
        onTranslated: startProgressBar,
    });

    // 프로그레스바 함수정의
    function progressbar_start() {
        $(".slide-progress > div").css({
          width: "100%",
          transition: "width 5000ms"
        });
     }

     function progressbar_reset() {
         $(".slide-progress > div").css({
           width: 0,
           transition: "width 0s"
         });
      }

    function startProgressBar() {
      // apply keyframe animation
      progressbar_start();
    }

    function resetProgressBar() {
      progressbar_reset();
    }

    function numFormat(variable) {
        variable = Number(variable).toString();
        if (Number(variable) < 10 && variable.length == 1) variable = "0" + variable;
        return variable;
    }

});