var lastControllerLocation = "#index!1";

controllers.index = function(search, sort, sortDirection) {
  var _this = this;

  function sortFor(type) {
    if(!type) type = "publishedOn";

    if(type == "publishedOn") return function(story) {
      return story.publishedOn;
    };
    if(type == "wordCount") return function(story) {
      return story.wordCount;
    };
    if(type == "title") return function(story) {
      return story.title.toLowerCase();
    };
  }

  var storys = store;
  if(search && search != "") {
    var words = search.split(/\s+/);
    _.each(words, function(word) {
      regex = RegExp(word, "i");
      storys = _.filter(storys, function(story) {
        return story.title.match(regex);
      });
    });
  }
  if(!sort) sort = "publishedOn";
  storys = _.sortBy(storys, sortFor(sort));

  if(!sortDirection) sortDirection = "desc";
  if(sortDirection == "desc") storys = storys.reverse();

  storys = _.first(storys, 500);

  function getVisits(key) {
    return parseInt(localStorage["visited." + key]);
  }

  function addStories(storys) {
    if($("#stories > li").length) return;

    _.each(storys, function(story) {
      story.visits = getVisits(story.key);
      story.pages = Math.ceil(story.wordCount / 300);
      $("#stories").append(controllers.index.storyTemplate({ story: story }));
    });
  }

  this.init = function() {
    console.log("starting index");

    $("#search").bind("keydown", function(event) {
      event.stopPropagation();
      if(event.keyCode == 13) {
        event.preventDefault();
        utils.location({ params: [$("#search").val(), sort, sortDirection], hash: "1" });
      }
    });

    $("#clear-search").bind("click", function() {
      $("#search").val("");
      event.preventDefault();
      location.href = "#index!1";
    });

    $(".sort button").bind("click", function(event) {
      event.preventDefault();
      utils.location({ params: [search, $(this).data("sort"), sortDirection], hash: "1" });
    });

    $(".sort button").removeClass("active");
    $(".sort button[data-sort=" + sort + "]").addClass("active");

    $(".sort-direction button").bind("click", function(event) {
      event.preventDefault();
      console.log("clicked sorter", $(this).data("sort-direction"));
      utils.location({ params: [search, sort, $(this).data("sort-direction")], hash: "1" });
    });

    $(".sort-direction button").removeClass("active");
    $(".sort-direction button[data-sort-direction=" + sortDirection + "]").addClass("active");

    $("#view-index").show().addClass("current-view");
    addStories(storys);
    $.twoup.layout();
  }

  this.render = function() {
    lastControllerLocation = location.hash;
  }

  this.destroy = function() {
    console.log("destroying index");
    $("#search").unbind("keydown");
    $("#clear-search").unbind("click");
    $(".sort button").unbind("click");
    $(".sort-direction button").unbind("click");
    $("#stories").empty();
    $("#view-index").hide().removeClass("current-view");
  }
}

controllers.index.setup = function() {
  controllers.index.storyTemplate = Handlebars.compile($("#stories-template").remove().html());
}