/*
Yahoo Image Search Ajax style. 
©Sander Timmer - sander@mods-center.com

Visit the website for update: http://www.mods-center.com

Version 0.1 - 2007-08-29

You need:
- yisa.js (the Ajax search function)
- json.js (a JSON parser) (@http://www.json.org/json.js)
- proxy.php (a proxy for the Yahoo Webservice call)
- example.html (the basic HTML + css code for an example)



*/

function search()
{

	// The full path to the PHP proxy
	var start =document.getElementById("start").value;

	
	//var url = 'http://www.mods-center.com/ajax/r.php?s='+s+'&start='+start+'';
	var url = 'http://www.mods-center.com/ajax/proxy.php?s=madonna&start='+start;
	
	// Cross platform xmlhttprequest
	
	// Create xmlhttprequest object
	var xmlhttp = null;
	if (window.XMLHttpRequest) {
			xmlhttp = new XMLHttpRequest();
			//make sure that Browser supports overrideMimeType
			if ( typeof xmlhttp.overrideMimeType != 'undefined') { xmlhttp.overrideMimeType('text/xml'); }
	} else if (window.ActiveXObject) {
			xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	}  else {
			alert('Perhaps your browser does not support xmlhttprequests?');
	}
	
	// Create an HTTP GET request
	xmlhttp.open('GET', url, true);
	
	// Set the callback function
	xmlhttp.onreadystatechange = function() {
		
			if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
					// Output the results
					var json= xmlhttp.responseText;
					var ar = json.parseJSON();
					document.getElementById("start").value= parseInt(document.getElementById("start").value)+12;
					document.getElementById("result").innerHTML = ar.ResultSet.totalResultsAvailable;
					document.getElementById("first").innerHTML = ar.ResultSet.firstResultPosition;
					var images ='<ul>';
					for (i in ar.ResultSet.Result) { 
						if(ar.ResultSet.Result[i].ClickUrl)
						{
							images = images + '<li><a href="'+ar.ResultSet.Result[i].Url +'"><img id="small" src="'+ar.ResultSet.Result[i].Thumbnail.Url+'"></a></li>'; 
						}
					};
					images = images + '</ul>'; 
					document.getElementById("imagesResult").innerHTML = images;
					
			} else {
			
					// waiting for the call to complete
			}
		};
	
	// Make the actual request
	xmlhttp.send(null);
}