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

var imageSearch;

function addPaginationLinks() {
  var cursor = imageSearch.cursor;
  var curPage = cursor.currentPageIndex;
  var pagesDiv = document.createElement('div');
  for (var i = 0; i < cursor.pages.length; i++) {
    var page = cursor.pages[i];
    if (curPage == i) {
      var label = document.createTextNode(' ' + page.label + ' ');
      pagesDiv.appendChild(label);
    } else {
      var link = document.createElement('a');
      link.href = 'javascript:imageSearch.gotoPage('+i+');';
      link.innerHTML = page.label;
      link.style.marginRight = '2px';
      pagesDiv.appendChild(link);
    }
  }

  var contentDiv = document.getElementById('content');
  contentDiv.appendChild(pagesDiv);
}

function searchComplete() {

  if (imageSearch.results && imageSearch.results.length > 0) {
      var contentDiv = document.getElementById('content');
    contentDiv.style.display = "block"
    contentDiv.innerHTML = '';

    addPaginationLinks(imageSearch);

    var results = imageSearch.results;

    for (var i = 0; i < results.length; i++) {
      var result = results[i];
      var imgContainer = document.createElement('div');

      var newImg = document.createElement('img');
      newImg.src = result.tbUrl;  //result.unescapedUrl;

      imgContainer.appendChild(newImg);

      contentDiv.appendChild(imgContainer);
    }

  }
}

var searchcuvant;

function OnLoad() {
  imageSearch = new google.search.ImageSearch();
  imageSearch.setRestriction(google.search.Search.RESTRICT_SAFESEARCH,
                             google.search.Search.SAFESEARCH_STRICT);
  imageSearch.setSearchCompleteCallback(this, searchComplete, null);
  imageSearch.execute(searchcuvant);
}

function SearchFor(cuvant) {
    //searchcuvant = cuvant;
    //var contentDiv = document.getElementById('explicatii');
    //traduce = contentDiv.innerText;

    google.language.translate(cuvant, "ro", "en", function(result) {
        if (!result.error) {
            searchcuvant = result.translation;
        }
        else {
            searchcuvant = cuvant;
        }
        google.setOnLoadCallback(OnLoad, true);
    }
    );
}