$(function () {
  if ($('#sidebar').hasClass('auto_open')) {
    if ($(".sidebar-toc__content").children().length > 0) {
      $(".layout_post").animate({}, function () {
        {
          setTimeout(function () {
            $('#page-header').addClass('open-sidebar')
            $("#toggle-sidebar").addClass('on')
            $('body').animate({
              paddingLeft: 300
            }, 200)
            $('#sidebar').animate({}, function () {
              $('#sidebar').css({
                'transform': 'translateX(300px)'
              }, 200)
            })
            $('#toggle-sidebar').animate({}, function () {
              $('#toggle-sidebar').css({
                'transform': 'rotateZ(180deg)',
                'color': '#99a9bf',
                'opacity': "1"
              })
            })

          }, 200);
        }
      })
    } else
      $("#toggle-sidebar").css("display", "none")
  } else {
    $('#toggle-sidebar').css('opacity', '1')
  }


  //-------------------------------------------------------------------------------------------------------
  //sidebar
  $('#toggle-sidebar').on('click', function () {

    if (!isMobile() && $('#sidebar').is(':visible')) {
      var isOpen = $(this).hasClass('on')
      isOpen ? $(this).removeClass('on') : $(this).addClass('on')
      if (isOpen) {
        $('#page-header').removeClass('open-sidebar')
        $('body').animate({
          paddingLeft: 0
        }, 200)

        $('#sidebar').animate({}, function () {
          $('#sidebar').css({
            'transform': 'translateX(0px)'
          })
        })

        $('#toggle-sidebar').animate({}, function () {
          $('#toggle-sidebar').css({
            'transform': 'rotateZ(0deg)',
            'color': '#1F2D3D'
          })
        })

      } else {
        $('#page-header').addClass('open-sidebar')
        $('body').animate({
          paddingLeft: 300
        }, 200)
        $('#sidebar').animate({}, function () {
          $('#sidebar').css({
            'transform': 'translateX(300px)'
          })
        })
        $('#toggle-sidebar').animate({}, function () {
          $('#toggle-sidebar').css({
            'transform': 'rotateZ(180deg)',
            'color': '#99a9bf'
          })
        })
      }
    }
  })

  //-----------------------------------------------------------------------------------------------------
  // 首页fullpage添加
  // 添加class 
  if (/Android|webOS|iPhone|iPod|iPad|BlackBerry/i.test(navigator.userAgent)) { } else {
    $('.full_page').css('background-attachment', 'fixed');
    $('#to_comment').css("display", "block")
  }

  //---------------------------------------------------------------------------------------------------------
  
  $(".scroll-down").on("click", function () {

    scrollTo('#content-outer')

  });


  //--------------------------------------------------------------------------------------------------------
  // bookmark
  $.fancyConfirm = function (opts) {
    opts = $.extend(true, {
      title: 'Are you sure?',
      message: '',
      okButton: 'OK',
      noButton: 'Cancel',
      callback: $.noop
    }, opts || {});

    $.fancybox.open({
      type: 'html',
      src: '<div class="fc-content">' +
        '<h3>' + opts.title + '</h3>' +
        '<p>' + opts.message + '</p>' +
        '<p class="tright">' +
        '<button data-value="1" data-fancybox-close class="bookmark-ok">' + opts.okButton + '</button>' +
        '</p>' +
        '</div>',
      opts: {
        animationDuration: 350,
        animationEffect: 'material',
        modal: true,
        baseTpl: '<div class="fancybox-container fc-container" role="dialog" tabindex="-1">' +
          '<div class="fancybox-bg"></div>' +
          '<div class="fancybox-inner">' +
          '<div class="fancybox-stage"></div>' +
          '</div>' +
          '</div>',
      }
    });
  }

  $('#bookmark-it').click(
    function () {
      if (window.sidebar && window.sidebar.addPanel) { // Mozilla Firefox Bookmark
        window.sidebar.addPanel(document.title, window.location.href, '');
      } else if (window.external && ('AddFavorite' in window.external)) { // IE Favorite
        window.external.AddFavorite(location.href, document.title);
      } else if (window.opera && window.print) { // Opera Hotlist
        this.title = document.title;
        return true;
      } else { // webkit - safari/chrome
        // alert('按 ' + (navigator.userAgent.toLowerCase().indexOf('mac') != -1 ? 'Command/Cmd' : 'CTRL') + ' + D 鍵將本頁加入書籤.');
        $.fancyConfirm({
          title: GLOBAL_CONFIG.bookmark.title + '?',
          message: GLOBAL_CONFIG.bookmark.message_prev + (navigator.userAgent.toLowerCase().indexOf('mac') != -1 ? 'Command/Cmd' : 'CTRL') + '+ D ' + GLOBAL_CONFIG.bookmark.message_next + '.',
          okButton: "OK",
        });

      }
    });

  //-------------------------------------------------------------------------------------------------------
  //代码copy
  // Add copy icon

  var highlight_copy = GLOBAL_CONFIG.highlight_copy
  if (highlight_copy == 'true') {
    $('figure.highlight').wrap('<div class="code-area-wrap"></div>')
    var $copyIcon = $('<i class="fa fa-clipboard" aria-hidden="true"></i>')
    var $notice = $('<div class="copy-notice"></div>')
    $('.code-area-wrap').prepend($copyIcon)
    $('.code-area-wrap').prepend($notice)
    // copy function
    function copy(text, ctx) {
      if (document.queryCommandSupported && document.queryCommandSupported('copy')) {
        try {
          document.execCommand('copy') // Security exception may be thrown by some browsers.
          $(ctx).prev('.copy-notice')
            .text(GLOBAL_CONFIG.copy.success)
            .animate({
              opacity: 1,
              right: 30
            }, 450, function () {
              setTimeout(function () {
                $(ctx).prev('.copy-notice').animate({
                  opacity: 0,
                  right: 0
                }, 650)
              }, 400)
            })
        } catch (ex) {
          $(ctx).prev('.copy-notice')
            .text(GLOBAL_CONFIG.copy.error)
            .animate({
              opacity: 1,
              right: 30
            }, 650, function () {
              setTimeout(function () {
                $(ctx).prev('.copy-notice').animate({
                  opacity: 0,
                  right: 0
                }, 650)
              }, 400)
            })
          return false
        }
      } else {
        $(ctx).prev('.copy-notice').text(GLOBAL_CONFIG.copy.noSupport)
      }
    }
    // click events
    $('.code-area-wrap .fa-clipboard').on('click', function () {
      var selection = window.getSelection()
      var range = document.createRange()
      range.selectNodeContents($(this).siblings('figure').find('.code pre')[0])
      selection.removeAllRanges()
      selection.addRange(range)
      var text = selection.toString()
      copy(text, this)
      selection.removeAllRanges()
    })
  }
  //---------------------------------------------------------------------------------------------------
  //fancybox
  var imgList = $(".recent-post-info  img").not('.no-fancybox');
  if (imgList.length === 0) {
    imgList = $("#post-content img").not('.no-fancybox');
  }

  for (var i = 0; i < imgList.length; i++) {
    var lazyload_src = imgList[i].src ? imgList[i].src : imgList.eq(i).attr("data-src")
    
    var $a = $(
      '<a href="' +
      lazyload_src +
        '" data-fancybox="group" data-caption="' +
        imgList[i].alt +
        '" class="fancybox"></a>'
    )

    var alt = imgList[i].alt
    var $wrap = $(imgList[i]).wrap($a)
    if (alt) {
      $wrap.after('<div class="img-alt">' + alt + '</div>')
    }
  }
  $().fancybox({
    selector: "[data-fancybox]",
    loop: true,
    transitionEffect: "slide",
    protect: true,
    // wheel: false,
    buttons: ["slideShow", "fullScreen", "thumbs", "close"]
  });

  var galleryItem = $(".gallery-item");
  var galleryList = [];
  galleryItem.each(function (idx, elem) {
    galleryList.push({
      src: $(elem).data("url"),
      opts: {
        caption: $(elem).data("title")
      }
    });
  });
  galleryItem.on("click", function () {
    $.fancybox.open(
      galleryList, {
        loop: true,
        transitionEffect: "slide"
      },
      galleryItem.index(this)
    );
    return false;

  });

  //---------------------------------------------------------------------------------------------------------
  /** head点击*/
  $('.toggle-menu').on('click', function () {
    if ($(".toggle-menu").hasClass("open")) {
      $(".toggle-menu").removeClass("open").addClass("close");
      $('body').addClass("is_hidden");
      $('.menus').animate({
        right: 0
      }, 300 )
      $('.menu_mask,.menus').css("display","block")
    }
  })

  $('.menu_mask ').on('click touchstart', function () {
    $(".toggle-menu").removeClass("close").addClass("open");
    $('body').removeClass("is_hidden");
    $('.menus').animate({
      right: -250
    }, 300,function () {
      {$('.menus').css({ 'display': ''})
    }
  })
    $('.menu_mask').css("display","")
  })

  $(window).on('resize', function (e) {
    if (!$('.toggle-menu').is(':visible')) {
      if ($(".toggle-menu").hasClass("close")) {
        $(".toggle-menu").removeClass("close").addClass("open");
        $('body').removeClass("is_hidden");
        $('.menus').animate({
          right: -250
        }, 300)
        $('.menu_mask').css("display","")
          }
    }
  } )   


  //---------------------------------------------------------------------------------------------------------
  /** scroll 滚动 toc*/
  var initTop = 0
  $('.toc-child').hide()

  // main of scroll
  $(window).scroll(throttle(function (event) {
    var currentTop = $(this).scrollTop()
    if (!isMobile()) {
      // percentage inspired by hexo-theme-next
      scrollPercent(currentTop)
      // head position
      findHeadPosition(currentTop)
    }
    var isUp = scrollDirection(currentTop)

    if ($(".toggle-menu").hasClass("open")) {
      if (currentTop > 56) {
        
        if (isUp) {
          $('#page-header').hasClass('visible') ? $('#page-header').removeClass('visible') : console.log()
          $('#post_bottom').removeClass('toc_mobile_show')
          $('#toc_mobile').hasClass('is_visible') ? $('#toc_mobile').removeClass('is_visible') : console.log()

        } else {
          $('#page-header').hasClass('visible') ? console.log() : $('#page-header').addClass('visible')
          $('#post_bottom').addClass('toc_mobile_show')
          $('#toc_mobile').hasClass('is_visible') ? $('#toc_mobile').removeClass('is_visible') : console.log()

        }
        $('#page-header').addClass('fixed')
        if ($('#go-up').css('opacity') === '0') {

          $('#go-up').animate({}, function () {
            $('#go-up').css({
              'opacity': '1',
              'transform': 'translateX(-30px) rotateZ(360deg)'
            })
          })
        }
        if ($('#rightside').css('opacity') === '0') {

          $('#rightside').animate({}, function () {
            $('#rightside').css({
              'opacity': '1',
              'transform': 'translateX(-38px)'
            })
          })
        }


      } else {
        if (currentTop === 0) {
          $('#page-header').removeClass('fixed').removeClass('visible')
          $('#post_bottom').removeClass('toc_mobile_show')

        }

        $('#go-up').animate({}, function () {
          $('#go-up').css({
            'opacity': '0',
            'transform': 'translateX(0) rotateZ(180deg) '
          })
        })

        $('#rightside').animate({}, function () {
          $('#rightside').css({
            'opacity': '0',
            'transform': 'translateX(0)'
          })
        })

      }
    }

    if ( $(window).width() <= 768 &&  $('#post_bottom').hasClass('toc_mobile_show') ){
      $('#rightside').css('bottom', '110px')
      $('#go-up').css('bottom', '70px')
  
    } else {
      $('#rightside').css('bottom', '60px')
      $('#go-up').css('bottom', '20px')
    }

  }, 50, 100))

  // go up smooth scroll
  $('#go-up').on('click', function () {
    scrollTo('body')
  })

  // head scroll
  // $('#post-content').find('h1,h2,h3,h4,h5,h6').on('click', function (e) {
  //   scrollToHead('#' + $(this).attr('id'))
  // })

  // head scroll
  $('.toc-link').on('click', function (e) {
    e.preventDefault()
    scrollToHead($(this).attr('href'))
  })

  // find the scroll direction
  function scrollDirection(currentTop) {
    var result = currentTop > initTop // true is down & false is up
    initTop = currentTop
    return result
  }

  // scroll to a head(anchor)
  function scrollToHead(anchor) {
    scrollTo(anchor);
  }

  // expand toc-item
  function expandToc($item) {
    if ($item.is(':visible')) {
      return
    }
    $item.fadeIn(400)
  }

  function scrollPercent(currentTop) {
    var docHeight = $('#content-outer').height()
    var winHeight = $(window).height()
    var contentMath = (docHeight > winHeight) ? (docHeight - winHeight) : ($(document).height() - winHeight)
    var scrollPercent = (currentTop) / (contentMath)
    var scrollPercentRounded = Math.round(scrollPercent * 100)
    var percentage = (scrollPercentRounded > 100) ? 100 : scrollPercentRounded
    $('.progress-num').text(percentage)
    $('.sidebar-toc__progress-bar').animate({
      width: percentage + '%'
    }, 100)
  }

  function updateAnchor(anchor) {
    if (window.history.replaceState && anchor !== window.location.hash) {
      window.history.replaceState(undefined, undefined, anchor)
    }
  }

  // find head position & add active class
  // DOM Hierarchy:
  // ol.toc > (li.toc-item, ...)
  // li.toc-item > (a.toc-link, ol.toc-child > (li.toc-item, ...))
  function findHeadPosition(top) {
    // assume that we are not in the post page if no TOC link be found,
    // thus no need to update the status
    if ($('.toc-link').length === 0) {
      return false
    }

    var list = $('#post-content').find('h1,h2,h3,h4,h5,h6')
    var currentId = ''
    list.each(function () {
      var head = $(this)
      if (top > head.offset().top - 25) {
        currentId = '#' + $(this).attr('id')
      }
    })

    if (currentId === '') {
      $('.toc-link').removeClass('active')
      $('.toc-child').hide()
    }

    var currentActive = $('.toc-link.active')
    if (currentId && currentActive.attr('href') !== currentId) {
      updateAnchor(currentId)

      $('.toc-link').removeClass('active')
      var _this = $('.toc-link[href="' + currentId + '"]')
      _this.addClass('active')

      var parents = _this.parents('.toc-child')
      // Returned list is in reverse order of the DOM elements
      // Thus `parents.last()` is the outermost .toc-child container
      // i.e. list of subsections
      var topLink = (parents.length > 0) ? parents.last() : _this
      expandToc(topLink.closest('.toc-item').find('.toc-child'))
      topLink
        // Find all top-level .toc-item containers, i.e. sections
        // excluding the currently active one
        .closest('.toc-item').siblings('.toc-item')
        // Hide their respective list of subsections
        .find('.toc-child').hide()
    }

    if ($('.toc-link').hasClass('active')) {
      var active_position = $(".active").offset().top;
      var sidebar_scrolltop = $("#sidebar").scrollTop();
      if (active_position > (top + $(window).height() - 50)) {
        $("#sidebar").scrollTop(sidebar_scrolltop + 100);
      } else if (active_position < top + 50) {
        $("#sidebar").scrollTop(sidebar_scrolltop - 100);
      }
    }

  }

  //代碼框雙擊全屏
  $('figure').on('dblclick', function (e) {
    if (e.target !== this)
      return;
    $(this).toggleClass('code_full_page');
    $('body').toggleClass('code_body');
  });


  //閲讀模式
  $("#readmode").click(function () {


    if (Cookies.get("night-mode") == "night") {
      $('body').toggleClass('night-mode');
      $('body').toggleClass('read-mode');
      $('#font_plus,#font_minus,#to_comment').toggleClass('is_visible');
      $('#to_comment').toggleClass('is_invisible');

    } else {
      $('body').toggleClass('read-mode');
      $('#font_plus,#font_minus,#to_comment').toggleClass('is_visible');
      $('#to_comment').toggleClass('is_invisible');
    }

  });


  //閲讀模式下字體調整
  $("#font_plus").click(function () {
    var font_size_record = parseFloat($('body').css('font-size'))
    var code_size_record = parseFloat($('pre').css('font-size'))
    var code_size_record = parseFloat($('code').css('font-size'))
    $('body').css('font-size', font_size_record + 1)
    $('pre').css('font-size', font_size_record + 1)
    $('code').css('font-size', font_size_record + 1)
  });

  $("#font_minus").click(function () {
    var font_size_record = parseFloat($('body').css('font-size'))
    var code_size_record = parseFloat($('pre').css('font-size'))
    var code_size_record = parseFloat($('code').css('font-size'))
    $('body').css('font-size', font_size_record - 1)
    $('pre').css('font-size', font_size_record - 1)
    $('code').css('font-size', font_size_record - 1)
  });


  $('#mobile_toc').on('click', function () {
    $("#toc_mobile").toggleClass('is_visible')
  })
 
  //代碼框語言識別
  $('figure').each(function () {   
    var lang_name_index;
    var lang_name;
    lang_name_index = lang_name = $(this).attr('class').split(' ')[1];
    if (lang_name_index == 'js')
      lang_name = 'javascript'
    if (lang_name_index == 'md')
      lang_name = 'markdown'
    if (lang_name_index == 'plain')
      lang_name = 'code' 
    if (lang_name_index == 'py')
      lang_name = 'python'
        
    $('figure.' + lang_name_index + ' table').attr('data-content', lang_name);
  })

});