var $ = global.jquery = require('jquery');
require('jquery.cookie');
require('jquery-ui');
var annotator = require('annotator');


$.fn.ready(function () {
  var $listmode = $('#listmode');
  var $listentries = $('#list-entries');

  /* ==========================================================================
     Menu
     ========================================================================== */

  $('#menu').click(function () {
    $('#links').toggleClass('menu--open');
    if ($('#content').hasClass('opacity03')) {
      $('#content').removeClass('opacity03');
    }
  });

  /* ==========================================================================
     List mode or Table Mode
     ========================================================================== */

  $listmode.click(function () {
    if (jquery.cookie('listmode') === 1) {
      // Cookie
      $.removeCookie('listmode');

      $listentries.removeClass('listmode');
      $listmode.removeClass('tablemode');
      $listmode.addClass('listmode');
    } else {
      // Cookie
      jquery.cookie('listmode', 1, { expires: 365 });

      $listentries.addClass('listmode');
      $listmode.removeClass('listmode');
      $listmode.addClass('tablemode');
    }
  });

  /* ==========================================================================
     Cookie listmode
     ========================================================================== */

  if (jquery.cookie('listmode') === 1) {
    $listentries.addClass('listmode');
    $listmode.removeClass('listmode');
    $listmode.addClass('tablemode');
  }

  /* ==========================================================================
     Add tag panel
     ========================================================================== */


  $('#nav-btn-add-tag').on('click', function () {
    $('.nav-panel-add-tag').toggle(100);
    $('.nav-panel-menu').addClass('hidden');
    $('#tag_label').focus();
    return false;
  });

  /* ==========================================================================
     Annotations & Remember position
     ========================================================================== */

    if ($('article').length) {
      var app = new annotator.App();

      app.include(annotator.ui.main, {
        element: document.querySelector('article'),
      });

      var x = JSON.parse($('#annotationroutes').html());
      app.include(annotator.storage.http, x);

      app.start().then(function () {
        app.annotations.load({ entry: x.entryId });
      });

      $(window).scroll(function (e) {
        var scrollTop = $(window).scrollTop();
        var docHeight = $(document).height();
        var scrollPercent = (scrollTop) / (docHeight);
        var scrollPercentRounded = Math.round(scrollPercent * 100) / 100;
        savePercent(x.entryId, scrollPercentRounded);
      });

      retrievePercent(x.entryId);

      $(window).resize(function () {
          retrievePercent(x.entryId);
      });
    }
});