var baseURL = window.location.protocol + '//' + window.location.host;
var navBarOffset = 75;
var mediumDeviceWidth = 980;
var messageListMargin = 275;
var clipboard = null;
var messageListScroll = false;
var messageListData = null;
var seenDelay = null;

// clearMessageSearch resets the message list search
function clearMessageSearch() {
  $('#message-search').val('');
  updateMessageSearch();
}

// deleteMessage sends a delete request for a message
function deleteMessage(id) {
  $('#message-content').empty();
  $.ajax({
    type: 'DELETE',
    url: '/api/v1/mailbox/' + mailbox + '/' + id,
    success: loadList
  })
}

// deleteMailbox clears the mailbox
function deleteMailbox() {
  if (confirm("Are you sure you want delete this mailbox?")) {
    $.ajax({
      type: 'DELETE',
      url: '/api/v1/mailbox/' + mailbox,
      success: loadList
    })
  }
}

// flashTooltip temporarily changes the text of a tooltip
function flashTooltip(el, text) {
  var prevText = $(el).attr('data-original-title');
  $(el).attr('data-original-title', text).tooltip('show');
  $(el).attr('data-original-title', prevText);
}

// htmlView pops open another window for viewing message as HTML
function htmlView(id) {
  window.open('/mailbox/' + mailbox + '/' + id + "/html", '_blank',
      'width=800,height=600,' +
      'menubar=yes,resizable=yes,scrollbars=yes,status=yes,toolbar=yes');
}

// loadList loads the message list for this mailbox via AJAX
function loadList() {
  $('#message-list').hide().empty();
  $.ajax({
    dataType: "json",
    url: '/api/v1/mailbox/' + mailbox,
    success: function(data) {
      messageListData = data.reverse();
      for (i=0; i<messageListData.length; i++) {
        messageListData[i].seenClass = messageListData[i].seen ? '' : 'unseen'
      }
      // Render list
      $('#message-list').loadTemplate($('#list-entry-template'), messageListData);
      $('.message-list-entry').click(onMessageListClick);
      // Reveal and select current message
      $("#message-list").slideDown();
      if (selected != "") {
        $("#" + selected).click();
        selected = "";
      }
      onDocumentChange();
      updateMessageSearch();
    }
  });
}

// makeDelay creates a call-back timer that prevents itself from being
// stacked
function makeDelay(ms) {
  var timer = 0;
  return (function(callback) {
    clearTimeout (timer);
    timer = setTimeout(callback, ms);
  });
}

// messageSource pops open another window for message source
function messageSource(id) {
  window.open('/mailbox/' + mailbox + '/' + id + "/source", '_blank',
      'width=800,height=600,' +
      'menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no');
}

// toggleMessageLink shows/hids the message link URL form
function toggleMessageLink(id) {
  var url = baseURL + '/link/' + mailbox + '/' + id;
  $('#link-input-control').val(url);
  $('#link-row').slideToggle();
}

// onDocumentChange is called each time we load partials into the DOM
function onDocumentChange() {
  // Bootstrap tooltips
  $('[data-toggle="tooltip"]').tooltip()

  // Clipboard functionality
  if (clipboard != null) {
    clipboard.destroy();
  }
  clipboard = new Clipboard('.btn-clipboard');
  clipboard.on('success', function(el) {
    flashTooltip(el.trigger, 'Copied!');
    el.clearSelection();
  });
  clipboard.on('error', function(el) {
    flashTooltip(el.trigger, 'Copy Failed!');
  });
}

// onDocumentReady is called by mailbox/index.html to initialize
function onDocumentReady() {
  seenDelay = makeDelay(1500);
  // Prevent search and resize handlers being called too often
  var searchDelay = makeDelay(200);
  var resizeDelay = makeDelay(100);
  $.addTemplateFormatter({
    "date": function(value, template) {
      return moment(value).calendar();
    },
    "subject": function(value, template) {
      if (value == null || value.length == 0) {
        return "(No Subject)";
      }
      return value;
    }
  });
  $("#message-list").hide();
  onWindowResize();
  $(window).resize(function() {
    resizeDelay(onWindowResize);
  });
  $('#message-search').on('change keyup', function(el) {
    searchDelay(updateMessageSearch);
  });
  loadList();
}

// onMessageListClick is triggered by clicks on the message list
function onMessageListClick() {
  var id = this.id;
  $('.message-list-entry').removeClass("disabled");
  $(this).addClass("disabled");
  $('#message-content').load('/mailbox/' + mailbox + '/' + id, onMessageLoaded);
  selected = id;
  seenDelay(function() { markSeen(id); });
}

// onMessageLoaded is called each time a new message is shown
function onMessageLoaded(responseText, textStatus, XMLHttpRequest) {
  if (textStatus == "error") {
    alert("Failed to load message, server said:\n" + responseText);
    return;
  }
  onDocumentChange();
  $('#body-tabs a:first').tab('show')
  var top = $('#message-container').offset().top - navBarOffset;
  $(window).scrollTop(top);
}

// onWindowResize handles special cases when window is resized
function onWindowResize() {
  if ($(window).width() > mediumDeviceWidth) {
    var content_height = $(window).height() - messageListMargin;
    var messageListWrapper = $('#message-list-wrapper');
    messageListWrapper.height(content_height);
    if (!messageListScroll) {
      messageListScroll = true;
      messageListWrapper.addClass("message-list-scroll");
    }
  } else {
    if (messageListScroll) {
      messageListScroll = false;
      $('#message-list-wrapper').height('auto').removeClass("message-list-scroll");
    }
  }
}

// updateMessageSearch compares the message list subjects and senders against
// the search string and hides entries that don't match
function updateMessageSearch() {
  var criteria = $('#message-search').val();
  if (criteria.length < 2) {
    $('.message-list-entry').show();
    return;
  }
  criteria = criteria.toLowerCase();
  for (i=0; i<messageListData.length; i++) {
    entry = messageListData[i];
    if ((entry.subject.toLowerCase().indexOf(criteria) > -1) ||
        (entry.from.toLowerCase().indexOf(criteria) > -1)) {
      // Match
      $('#' + entry.id).show();
    } else {
      $('#' + entry.id).hide();
    }
  }
}

// markSeen notifies the server that this message has been seen by the user.
function markSeen(id) {
  for (i=0; i<messageListData.length; i++) {
    if (messageListData[i].id == id) {
      if (messageListData[i].seen) {
        return;
      } else {
        messageListData[i].seen = true;
      }
    }
  }
  var updateClass = function() {
    $('#' + id).find('.unseen').removeClass('unseen');
  }
  $.ajax({
    type: 'PATCH',
    url: '/api/v1/mailbox/' + mailbox + '/' + id,
    contentType: 'application/json',
    data: JSON.stringify({'seen': true}),
    processData: false,
    success: updateClass
  });
}