goog.provide('oneup.ui.SearchBox');

goog.require('goog.dom');
goog.require('goog.events');
goog.require('goog.ui.LabelInput');

oneup.ui.SearchBox = function() {};

oneup.ui.SearchBox.prototype.render = function() {
  var that = this;
  var holder = goog.dom.createDom('div', {'class': 'searchBox header_tab'}, null);
  var input = new goog.ui.LabelInput('Search for achievements');
  var button = goog.dom.createDom('button', {'type':'button'}, 'Search');
  input.render(holder);
  var query = oneup.app.uiManager.getPageArgs().query;
  if (query) {
  	input.setValue(query);
  }
  holder.appendChild(button);
  var callback = function() {go('search', {'query': input.getValue()});};
  
  button.onclick = callback;
  
  goog.events.listen(input.getElement(), goog.events.EventType.KEYPRESS, function(e) {
  	if (e.keyCode == 13) {callback();}
  });
  
  
  return holder;
}