var xmlHttp;

function createXMLHttpRequest()
{
 if (window.ActiveXObject)
 {xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");}
 else if (window.XMLHttpRequest)
 		{xmlHttp = new XMLHttpRequest();}
}

function validate(field)
{
 createXMLHttpRequest();
 var gname = document.getElementById("gname").value;
 var gaddress = document.getElementById("gaddress").value;
 var gemail = document.getElementById("gemail").value;
 var gphone = document.getElementById("gphone").value;
 var gancestor = document.getElementById("gancestor").value;
 var gservice = document.getElementById("gservice").value;
 var gpayment = document.getElementById("gpayment").value;
 var gpc = document.getElementById("gpc").value;
 
 var url = "validate_order.php?gname=" + gname + "&field=" + field  + "&gaddress=" + gaddress + "&gemail=" + gemail + "&gphone=" + gphone + "&gancestor=" + gancestor + "&gservice=" + gservice  + "&gpayment=" + gpayment  + "&gpc=" + gpc;
 
 //alert('Custarea ' + customerarea);
 xmlHttp.open("GET", url, true);
 xmlHttp.onreadystatechange = handleStateChange;
 xmlHttp.send(null);
}
 

function handleStateChange()
{
 if(xmlHttp.readyState == 4)
 	{
	 if (xmlHttp.status == 200)
	 	{
		 // Use the XML DOM to unpack the variables
         var xmlDocument = xmlHttp.responseXML;
         var responsefield = xmlDocument.getElementsByTagName('field').item(0).firstChild.data;
         var validation = xmlDocument.getElementsByTagName('valid').item(0).firstChild.data;
         var errormessage = xmlDocument.getElementsByTagName('message').item(0).firstChild.data;
         setMessage(responsefield, validation, errormessage);
		}
	}
}


function setMessage(responsefield, validation, errormessage)
{
 //Consider whether Name needs presented
 if (responsefield == 100)
 {
  var messageArea1 = document.getElementById("innerpic100");
  if (validation == "false")
 	{
	 messageArea1.innerHTML = "<img alt=\"error\" title=\"" + errormessage + "\" src=\"images/eg-0061.png\" />";
	}
    else
 	   {
	    messageArea1.innerHTML = "<img alt=\"valid entry\" title=\"" + errormessage + "\" src=\"images/eg-0062.png\" />";
	   }
  }
 //Consider whether Address needs presented
 if (responsefield == 200)
 {
  var messageArea1 = document.getElementById("innerpic200");
  if (validation == "false")
     {
     messageArea1.innerHTML = "<img alt=\"error\" title=\"" + errormessage + "\" src=\"images/eg-0061.png\" />";
    }
    else
        {
        messageArea1.innerHTML = "<img alt=\"valid entry\" title=\"" + errormessage + "\" src=\"images/eg-0062.png\" />";
       }
  }  

  //Consider whether Email needs presented
 if (responsefield == 300)
 {
  var messageArea1 = document.getElementById("innerpic300");
  if (validation == "false")
     {
     messageArea1.innerHTML = "<img alt=\"error\" title=\"" + errormessage + "\" src=\"images/eg-0061.png\" />";
    }
    else
        {
        messageArea1.innerHTML = "<img alt=\"valid entry\" title=\"" + errormessage + "\" src=\"images/eg-0062.png\" />";
       }
  }  
 
 //Consider whether Phone needs presented
 if (responsefield == 400)
 {
  var messageArea1 = document.getElementById("innerpic400");
  if (validation == "false")
     {
     messageArea1.innerHTML = "<img alt=\"error\" title=\"" + errormessage + "\" src=\"images/eg-0061.png\" />";
    }
    else
        {
        messageArea1.innerHTML = "<img alt=\"valid entry\" title=\"" + errormessage + "\" src=\"images/eg-0062.png\" />";
       }
  }  
 
 
 //Consider whether Ancestor needs presented
 if (responsefield == 500)
 {
  var messageArea1 = document.getElementById("innerpic500");
  if (validation == "false")
     {
     messageArea1.innerHTML = "<img alt=\"error\" title=\"" + errormessage + "\" src=\"images/eg-0061.png\" />";
    }
    else
        {
        messageArea1.innerHTML = "<img alt=\"valid entry\" title=\"" + errormessage + "\" src=\"images/eg-0062.png\" />";
       }
  }  
 
 //Consider whether Service needs presented
 if (responsefield == 600)
 {
  var messageArea1 = document.getElementById("innerpic600");
  if (validation == "false")
     {
     messageArea1.innerHTML = "<img alt=\"error\" title=\"" + errormessage + "\" src=\"images/eg-0061.png\" />";
    }
    else
        {
        messageArea1.innerHTML = "<img alt=\"valid entry\" title=\"" + errormessage + "\" src=\"images/eg-0062.png\" />";
       }
  }  
 
 //Consider whether Payment needs presented
 if (responsefield == 700)
 {
  var messageArea1 = document.getElementById("innerpic700");
  if (validation == "false")
     {
     messageArea1.innerHTML = "<img alt=\"error\" title=\"" + errormessage + "\" src=\"images/eg-0061.png\" />";
    }
    else
        {
        messageArea1.innerHTML = "<img alt=\"valid entry\" title=\"" + errormessage + "\" src=\"images/eg-0062.png\" />";
       }
  }  
 
 //Consider whether Payment needs presented
 if (responsefield == 800)
 {
  var messageArea1 = document.getElementById("innerpic800");
  
  if (validation == "false")
    {
     messageArea1.innerHTML = "<img alt=\"error\" title=\"" + errormessage + "\" src=\"images/eg-0061.png\" />";
    }
  if  (validation == "true") 
       {
        messageArea1.innerHTML = "<img alt=\"valid entry\" title=\"" + errormessage + "\" src=\"images/eg-0062.png\" />";
       }
   if  (validation == "neither") 
       {
        messageArea1.innerHTML = "";
       }
  }  
 
  
} //end of function setMessage