Search = {
  
  'term': "",
  'images': [],
  'tokens': [],
  'closed': true,
  
  'initFullpage': function(){
    Search.type = "fullpage"
    Search.init()
    Search.initSpaceFill = Search.initSpaceFillFullpage
  },
  
  'initInpage': function(){
    Search.type = "inpage"
    Search.init()
    Search.initSpaceFill = Search.initSpaceFillInpage
  },
  
  'init': function(){
    ImgCache.config("search", {"onImgsLoaded": Search.imgsLoaded})

    $('#search-results-images a').live('hover', Search.resultsHover)

    var input = Search.$input = $("#search-query")
    var label = "search dump.fm"
    Search.$container = $("#search-results-images")
    
    input.val(label)
    input.focus(function(){
      if (input.val() == label) input.val("")
    })
    input.blur(function(){
      if (input.val().trim() == '') input.val(label)
    })
    input.keydown(ifEnter(Search.doSearch))
    $("#search-results-images a").live("mouseup", Search.click)
  },
  
  'initSpaceFillFullpage': function() {
      SpaceFill.init({
        "container": "#search-results-images",
        "width": $(document).width(),
        "height": $(document).height(),
        "type": "columns",
        "spacing": "justify",
        "minMargin": 16,
        "columnWidth": 250
        })
    },

  'initSpaceFillInpage': function() {
      SpaceFill.init({
        "container": "#search-results-images",
        "width": $(document).width() * 0.93,
        "height": $(document).height(),
        "type": "columns",
        "spacing": "justify",
        "minMargin": 8,
        "columnWidth": 120
        })
    },
  
  "resultsHover": function(e){
    if (e.type == 'mouseover') {
      var img = ImgCache.imgs[this.href]
      if (img.animated) {
        img.width = img.adjWidth
        img.height = img.adjHeight
        $(this).addClass("animating")
        $(this).append(img)
      }
    } else {
      var img = ImgCache.imgs[this.href]
      if (img.animated) {
        $(this).removeClass("animating")
        this.removeChild(img)
      }
    }
  },
  
  "imgsLoaded": function(imgs){
    //if (ColumnFill.isSpaceFilled()) return;
    
    if (Search.closed) return;
    
    if (Search.$container[0].style.display != "block") {
      Search.$container.css("display", "block")
      $("#userList").css("display", "none")
      Search.setMessage("results for '"+Search.tokens.join(" and ")+"'")
    }
    
    for (var url in imgs){
      var img = imgs[url]
      if (isImgBroken(img)) continue;
      var width = img.width
      var height = img.height
    
      var maxWidth = SpaceFill.config.columnWidth
      var maxHeight = Math.floor(SpaceFill.config.columnWidth * 1.2)

      if (width > maxWidth) {
        scaleFactor = maxWidth / width
        width = maxWidth
        height = Math.floor(height * scaleFactor)
      } else if (height > maxHeight) {
        scaleFactor = maxHeight / height
        height = maxHeight
        width = Math.floor(width * scaleFactor)
      }
      img.adjWidth = width
      img.adjHeight = height
    
      var c = document.createElement("canvas")
      c.width = width
      c.height = height
      var ctx = c.getContext('2d');
      ctx.drawImage(img, 0, 0, c.width, c.height)

      var a = document.createElement("a")
      a.onclick = falseFunc
      a.href = img.src
      a.style.width = width + "px"
      a.style.height = height + "px"

      a.appendChild(c)
    
      SpaceFill.add(a)
    }    
  },
  
  'setContent': function(x){
    $("#search-results-images").html(x)
  },
  
  'setMessage': function(x){
    $("#search-controls").css("display", "block")
    $("#search-message").html(x)
  },
  
  'searchError': function(error){
    Search.setContent("")
    Search.setMessage(error)
  },

  'doSearch': function(){
    Search.closed = false
    term = $("#search-query").val().trim().toLowerCase()
    var rawTokens = term.split(" ")
    Search.tokens = []
    rawTokens.forEach(function(t){ if (t.length > 2) Search.tokens.push(t) })
    if (Search.tokens.length == 0) {
      Search.setMessage("search query too small")
    } else {
      Search.setMessage("searching for '"+Search.tokens.join(" and ")+"'")
      Search.doAjax(Search.tokens.join("+"))
    }
  },

  'doAjax': function(term) {
    if (Domain == "http://dump.fm") {
      $.ajax({
        "dataType": "json",
        "url": "/cmd/search/" + term,
        "success": Search.results,
        "error": Search.error,
        "timeout": 20000,
      })
    } else { // search main site via jsonp
      $("#search-script").remove()
      $("head").append("<s"+"cript src='http://dump.fm/cmd/search/"+term+"?callback=Search.results' id='search-script'></s"+"cript>")
    }
  },

  'click': function(e){
    if (e.which == 1) // left click
      if (Search.addToChatBoxIfPossible(this))
        window.open(this.href)
    else if (e.which == 2) // middle click
      window.open(this.href)
  },

  'addToChatBoxIfPossible': function(img){
    var chatBoxExists = $("#msgInput").length
    if (chatBoxExists) {
      var chatText = $("#msgInput").val()
      if (chatText.length && chatText[chatText.length - 1] != " ")
        chatText += " "
      chatText += $(img).attr("href") + " "
      $("#msgInput").val(chatText)
      $("#msgInput").focus().val($("#msgInput").val()) //http://stackoverflow.com/questions/1056359/
      return false
    } else return true
  },

  'results': function(results){
    Search.resultsClear()
    if(results === null || results.length == 0) {
        Search.setMessage("no results found")        
    } else {
      Search.initSpaceFill()
      var urls = []
      results.forEach(function(r){ 
        var url = r.url
        if (url.charAt(0) == '/')
          url = 'http://dump.fm/images' + url
        else
          url = 'http://' + url
        urls.push(url) 
      })
      ImgCache.add("search", urls)
    }
  },
  
  'resultsClear': function(){
    $("#search-results-images").html("")
    //ImgCache.pause("search")
    ImgCache.clear("search")
  },
  
  'close': function(){
    Search.resultsClear()
    Search.closed = true
    Search.$container.css("display", "none")
    $("#search-controls").css("display", "none")
    $("#userList").css("display", "block")
  }
  
}