var imageSearch;
var gVal;
var page=0;
google.load('search', '1');
google.setOnLoadCallback(OnLoad);

function $(id) { return document.getElementById(id); }
function searchComplete(searcher) 
{
  if(!searcher.results || searcher.results.length <= 0) return;
  var tbl=$('res'); if(tbl) while(tbl.rows.length>0) tbl.deleteRow(0);
  var r=tbl.insertRow(-1); 

  var results = searcher.results;
  var maxW=0;
  for (var i=0; i<results.length; i++) 
  {
    var result = results[i];
    var title = result.titleNoFormatting;
    var url = result.url;
    var src = result.tbUrl;
    var wd = parseInt(result.tbWidth);
    var ht = parseInt(result.tbHeight);
    if(ht!=100) { var ratio=ht/100; wd/=ratio; ht=100; wd=Math.round(wd); }
    maxW+=wd; if(maxW>740) break; 

    var html='<a href="'+url+'" target="_blank"><img src="'+src+'" width='+wd+' height='+ht+' alt="photo" border=0></a> ';
    var td=r.insertCell(i);
    td.innerHTML=html;
    td.style.paddingRight="2px";
  }
}

function OnLoad() 
{
  imageSearch = new google.search.ImageSearch();
  imageSearch.setResultSetSize(google.search.Search.LARGE_RESULTSET);
  imageSearch.setSearchCompleteCallback(this, searchComplete, [imageSearch]);
  imageSearch.execute(gVal);
}

function nextPage() { page++; 
  if(page>=7) { page=7; $('nextLink').style.color="#999"; }
  else $('prevLink').style.color="#336699"; 
  $('pgNum').innerHTML="("+(page+1)+")";
  imageSearch.gotoPage(page);
}
function prevPage() { page--; 
  if(page<=0) { page=0; $('prevLink').style.color="#999"; }
  else $('nextLink').style.color="#336699"; 
  $('pgNum').innerHTML="("+(page+1)+")";
  imageSearch.gotoPage(page);
}