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 gemail = document.getElementById("gemail").value;
 var gmessage = document.getElementById("gmessage").value;
 
 var url = "validate_contact.php?gname=" + gname + "&field=" + field + "&gemail=" + gemail + "&gmessage=" + gmessage;
 
 //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 Email 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 Message 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\" />";
       }
  }  
 
  
} //end of function setMessage