var picinfo = {};
if ("picsorter_picinfo" in localStorage) {
  picinfo = JSON.parse(localStorage.picsorter_picinfo);
}
$.each(files, function(i, f) {
  if (!(f in picinfo)) {
    picinfo[f] = {};
  }
});
localStorage.picsorter_picinfo = JSON.stringify(picinfo);

var exposure = 20;
var zoom = "sm/";
var input_index = -1;
move_to_nondeleted(1);


function setpic() {
  $("#pic").attr("src", zoom + exposure + "/" + files[input_index]);
}

function say(message) {
  $("#message").text(message).removeClass("fade");
  setTimeout(function() { $("#message").addClass("fade"); }, 1);
}

function say_exposure() {
  var e = (exposure / 4) - 3.5;
  say((e >= 0 ? "+" : "") + e);
}

function toggle_zoom() {
  if (zoom) {
    zoom = "";
  } else {
    zoom = "sm/";
  }
  setpic();
}

function move_to_nondeleted(direction) {
  do {
    input_index += direction;
  } while (picinfo[files[input_index]].deleted);
  say(input_index);
}

function mark_deleted() {
  picinfo[files[input_index]].deleted = 1;
  localStorage.picsorter_picinfo = JSON.stringify(picinfo);
  say("Deleted");
}

function mark_not_deleted() {
  delete picinfo[files[input_index]].deleted;
  localStorage.picsorter_picinfo = JSON.stringify(picinfo);
  say("Undeleted");
}

$(function() {
  setpic();
});

Mousetrap.bind('z', toggle_zoom);
Mousetrap.bind('Z', function() { $("#pic").toggleClass("fit_view"); });
Mousetrap.bind('n', function() { move_to_nondeleted(1); setpic(); });
Mousetrap.bind('p', function() { move_to_nondeleted(-1); setpic(); });
Mousetrap.bind('N', function() { input_index ++; say(input_index); setpic(); });
Mousetrap.bind('P', function() { input_index --; say(input_index); setpic(); });
Mousetrap.bind('b', function() { exposure ++; say_exposure(); setpic(); });
Mousetrap.bind('d', function() { exposure --; say_exposure(); setpic(); });
Mousetrap.bind('x', mark_deleted);
Mousetrap.bind('X', mark_not_deleted);