<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Cerdo Aleatorio</title>
    <script src="http://www.google.com/jsapi?key=ABQIAAAA1B1-bxPhCe7u4Ba7aYKUTBTYEM4E4N0vns0MLUjR2DwB0E_9RRQgU6-MNsJCdkd1daX-Mv1HUnibjw" type="text/javascript"></script>
    <script language="Javascript" type="text/javascript">
    //<![CDATA[

    google.load("search", "1");
    
    var imageSearch;
    var randomstring=["Cute Pig -meat", "Piggie", "Nice Pig -meat", "Happy Pig -meat", "Pig Toy", "Pig Plush", "Pig Cartoon", "Cerdo Feliz", "Cerdito Feliz", "Cute Piggies", "Happy Piggies", "piglets", "Cute piglets", "Happy piglets", "かわいい 豚", "Funny Pig"];
    
    function searchComplete(){
    	
    	if (imageSearch.results && imageSearch.results.length > 0) {
		    
		    // Grab our content div, clear it.
		    var contentDiv = document.getElementById('content');
		    contentDiv.innerHTML = '';
		
		    // Loop through our results, printing them to the page.
		    var results = imageSearch.results;
		      // For each result write it's title and image to the screen
		      var result = results[Math.floor(Math.random()*results.length)];
		      var imgContainer = document.createElement('div');
		
		      var newImg = document.createElement('img');
		      // There is also a result.url property which has the escaped version
		      newImg.src = result.url;
		
		      imgContainer.appendChild(newImg);
		
		      // Put our title + image in the content
		      contentDiv.appendChild(imgContainer);
	    
	    }
	}

    function OnLoad() {
		
		imageSearch = new google.search.ImageSearch();
		
		imageSearch.setResultSetSize(google.search.Search.LARGE_RESULTSET);
		imageSearch.setRestriction(google.search.Search.RESTRICT_SAFESEARCH, google.search.Search.SAFESEARCH_STRICT);
		imageSearch.setRestriction(google.search.ImageSearch.RESTRICT_IMAGESIZE, google.search.ImageSearch.IMAGESIZE_MEDIUM);
		imageSearch.setSearchCompleteCallback(this, searchComplete, null);
		imageSearch.execute(randomstring[Math.floor(Math.random()*randomstring.length)]);
		if(imageSearch.cursor != null){
			var page = Math.floor(Math.random()*imageSearch.cursor.pages.length);
			if(page == 0){ page = 1; }
			imageSearch.gotoPage(page);
		}
		
    }
    google.setOnLoadCallback(OnLoad);

    //]]>
    </script>
  </head>
  <body>
  	<div id="wrapper" style="width:960px;margin:0 auto;text-align:center;">
    	<div id="content"></div>
    	<div id="dedicado" style="font-size:.675em;font-family:Helvetica,Arial,sans-serif;color:#666;margin:10px">Para peque&ntilde;ina.</div>
    </div>
  </body>
</html>