/**
 * Goolap Embedded v0.1 
 * 
 * <code><div id="goolap_embedded_object"></div></code>
 * 
 * callback function for receiving information and inserting it in the html dom
 */
function embeddedCallback(result) {
  // Get desired attributes from resultset
  var name 	= result.name;
  var found = result.found;
  var id   	= result.id;
  
  var facts = result.facts;
  var factsHTML = "<div id=\"goolap-facts\">";
  var entities  = null;
  for(var i=0; i < facts.length; i++) {
	  factsHTML += "<h4> Fact type <span>" + facts[i].name + "</span></h4>";
	  factsHTML += "<h5> Found entries: </h5>";
	  factsHTML += "<ul>";
	  entities = facts[i].entities;
	  for(var j=0; j < entities.length; j++) {
		  if(entities[j].entity_value != "" && entities[j].entity_id != "" && entities[j].entity_id != id) {
			  factsHTML += '<li>' + entities[j].entity_value + '</li> ';
		  }
	  }
	  factsHTML += "</ul>";
  }
  factsHTML += "</div>";
  
  document.getElementById('goolap_embedded_object').innerHTML = "<h2 style=\"margin-bottom: 0px;\"><a style=\"font-size: 18px; \" href=\"http://www.goolap.info/analyze/?entityId="+id+"\">" + name + "</a></h2><h3 style=\"margin-top: 0px;\"><a href=\"http://www.goolap.info/analyze/?entityId="+id+"\">"+name+"</a><span>(Results:" + found + ")</span></h3>" + factsHTML + "<div id=\"goolap-logo\"><a href=\"http://www.goolap.info\" ><img src=\"http://goolap.info/images/goolap-blue.jpg\" /></a></div>";
}

function imageCallback (data) {
    if (data.responseData.results &&
        data.responseData.results.length > 0) {
      var results = data.responseData.results;
      var images = "";
      for (var i=0; i < results.length; i++) { 
        if(i==1) break;
        images += '<img src="' + results[i].tbUrl + '" width="' + results[i].tbWidth + '" height="' + results[i].tbHeight + '" alt="' + results[i].title + '"/>'; 
      }
      document.getElementById('goolap_embedded_images').innerHTML = images ;
    }
    
}