google.load('search', '1');

var webSearch;
var contentDiv;
var query;

function setQuery(queryterm) {
    query = queryterm
}

function searchComplete() {
  // Check that we got results

  var results = webSearch.results;
  
  if (results && results.length > 0) {
    contentDiv.innerHTML = '';
    var newResultsDiv = document.createElement('div');
    newResultsDiv.id = 'results';
    
    for (var i = 0; i < results.length; i++) {
      var result = results[i];
      // Create HTML elements for search results
      var resultHTML = '<div class="serpTitle"><a href="' + result.unescapedUrl + '" target="_blank">' + result.titleNoFormatting + '</a></div>';
      resultHTML += '<div class="serpTitle">' + result.content + '</div>';
      resultHTML += '<div class="serpURL">' + result.visibleUrl + '</div>';
      newResultsDiv.innerHTML += resultHTML;
    }
    
    contentDiv.appendChild(newResultsDiv);
    contentDiv.appendChild("Results: " + results.length);
  }
}

function onLoad() {
  contentDiv = document.getElementById('serps');

  // Create a BlogSearch instance.
  webSearch = new google.search.WebSearch();

  // Set searchComplete as the callback function when a search is complete.  The
  // blogSearch object will have results in it.
  webSearch.setSearchCompleteCallback(this, searchComplete, null);

  // Execute search query
  webSearch.execute(query);

  // Include the required Google branding
  google.search.Search.getBranding('branding');
}