var JsonSearchTable = (function() {

  var JsonSearchTable = function(options) {
    this.jsonIndex = options.jsonIndex;
    this.recordToTableRow = options.recordToTableRow;
    this.colspan = options.colspan;

    this.queryId = options.queryId;
    this.tableId = options.tableId;
    this.searchStatusId = options.searchStatusId;
    this.moreId = options.moreId;

    window.addEvent('domready', this.initialize.bind(this));
  };

  JsonSearchTable.prototype.updateTable = function(result) {
    var table = document.getElementById(this.tableId);
    var tbody = document.createElement('tbody');
    var tr, td, record, statusText = '';

    document.getElementById(this.moreId).style.display = 'none';

    if (!result) {

    } else if (result.records.length == 0) {
      tr = document.createElement('tr');
      td = document.createElement('td');
      td.setProperty('colspan', this.colspan);
      td.appendChild(document.createTextNode('No results match your query.'));
      tr.appendChild(td);
      tbody.appendChild(tr);

    } else {
      var records = result.records;
      for (var i=0; i<records.length; i++) {
        tbody.appendChild(this.recordToTableRow(records[i]));
      }
      statusText = records.length + ' found';
      document.getElementById(this.moreId).style.display = result.nextBounds ? 'inline' : 'none';
      if (result.nextBounds) {
        this.nextToken = [ result.query, result.nextBounds ];
      } else {
        this.nextToken = null;
      }
    }

    table.getElements('tbody').destroy();
    table.appendChild(tbody);

    document.getElementById(this.searchStatusId).innerHTML = statusText;
  };

  JsonSearchTable.prototype.search = function(query, nextBounds) {
    if (query.trim)
      query = query.trim();
    else if ($.trim)
      query = $.trim(query);

    if (query == '') {
      this.currentQuery = '';
      this.updateHash('');
      this.updateTable();

    } else if (nextBounds || query != this.currentQuery) {
      this.updateHash(query, nextBounds);

      this.currentQuery = query;
      document.getElementById(this.searchStatusId).innerHTML = 'Searching...';
      document.getElementById(this.moreId).style.display = 'none';
      this.jsonIndex.query(query, nextBounds);
    }
  };

  JsonSearchTable.prototype.updateSearch = function() {
    if (this.updateTimeout) {
      window.clearTimeout(this.updateTimeout);
    }
    this.search(document.getElementById(this.queryId).value);
  };

  JsonSearchTable.prototype.triggerUpdateSearch = function() {
    if (this.updateTimeout) {
      window.clearTimeout(this.updateTimeout);
    }
    this.updateTimeout = window.setTimeout(this.updateSearch.bind(this), 200);
  };

  JsonSearchTable.prototype.nextPage = function() {
    if (this.nextToken) {
      this.search(this.nextToken[0], this.nextToken[1]);
    }
    return false;
  };

  JsonSearchTable.prototype.handleUnsupported = function() {
    document.getElementById(this.searchStatusId).innerHTML = 'Sorry, your browser is not smart enough. (It does not support HTTP Range requests.)';
    document.getElementById(this.moreId).style.display = 'none';
  };

  JsonSearchTable.prototype.handleError = function(error) {
    console.log(error);
  };

  JsonSearchTable.prototype.updateHash = function(query, nextBounds) {
    var newHash;
    if (nextBounds) {
      newHash = '#' + encodeURIComponent(JSON.stringify([ query, nextBounds ]));
    } else {
      newHash = '#' + encodeURIComponent(query);
    }
    this.currentHash = newHash;
    window.location.hash = newHash;
  };

  JsonSearchTable.prototype.onHashChange = function(e) {
    var hash = window.location.hash || "#";
    if (hash != '#' && this.currentHash != hash) {
      this.currentHash = hash;

      // do search
      hash = decodeURIComponent(hash.substr(1, hash.length-1));
      if (hash.substr(0,1) == '[') {
        hash = JSON.parse(hash);
        this.search(hash[0], hash[1]);
        document.getElementById(this.queryId).value = hash[0];
      } else {
        this.currentQuery = null;
        this.search(hash);
        document.getElementById(this.queryId).value = hash;
      }
    }
  };

  JsonSearchTable.prototype.initialize = function() {
    this.jsonIndex.onUnsupported = this.handleUnsupported.bind(this);
    this.jsonIndex.onResult = this.updateTable.bind(this);
    this.jsonIndex.onError = this.handleError.bind(this);

    var upd = this.triggerUpdateSearch.bind(this);
    var query = $(this.queryId);
    query.addEvent('change', upd);
    query.addEvent('keypress', upd);
    query.addEvent('keyup', upd);
    query.addEvent('click', upd);
    $(this.moreId).addEvent('click', this.nextPage.bind(this));

    if (window.addEventListener) {
      window.addEventListener('hashchange', this.onHashChange.bind(this), false);
    }
    this.onHashChange();
  };

  return JsonSearchTable;

})();