// JavaScript Document
 var request = false;
 function createRequest() {       
	request = false;
        if (window.XMLHttpRequest) { // Mozilla, Safari, ...
            request = new XMLHttpRequest();
            if (request.overrideMimeType) {
               // request.overrideMimeType('text/xml');
				request.overrideMimeType('text/html');
                // See note below about this line
            }
        } else if (window.ActiveXObject) { // IE
            try {
                request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }

        if (!request) {
            alert("Error creating request object!"); 
			return false;
        }		
 }
 
function searchStone() {
     createRequest();	
	 
	 var stone_id = document.getElementById("stone_id").value;
	 var types_id = document.getElementById("types_id").value;	
	 var colours_id = document.getElementById("colours_id").value;
	 var countries_id = document.getElementById("countries_id").value;					
    
	 var url = "stone/searchresults.php?stone_id=" + escape(stone_id) + "&types_id=" + escape(types_id) + "&colours_id=" + escape(colours_id) + "&countries_id=" + escape(countries_id);
	  
      request.open("GET", url, true);
	  request.onreadystatechange = function(){ updateDisplayPage('displayPortion')  }	     
	  request.send(null);
 } 

function displayPage(url, displayId) {
  	createRequest();     
	request.open("GET", url, true);    
	request.onreadystatechange = function(){ updateDisplayPage(displayId)  }
    request.send(null);
 }
 
 function updateDisplayPage(displayId){
	if (request.readyState == 4)
	document.getElementById(displayId).innerHTML=request.responseText;	
 }