// Make a POST to the server 
// and pass on any data from browser
// via the XMLHTTPRequest

function makeStr()
{
	var postStr = 	"email=" + escape( encodeURI( document.getElementById("email").value ) )+
					"&name=" + escape( encodeURI( document.getElementById("name").value ) ) +
					"&phone=" + escape( encodeURI( document.getElementById("phone").value ) ) +
					"&inquiry=" + escape( encodeURI( document.getElementById("inquiry").value ) );
					
	return postStr;
}

function talktoServer(url)
{
	var req = newXMLHttpRequest();
	//register the callback handler function
  	var callbackHandler = getReadyStateHandler(req, updateMsgOnBrowser);
  	req.onreadystatechange = callbackHandler;
  	document.getElementById('submit').disabled=true;
  	req.open("POST", url, true);
  	req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
 	req.send(makeStr());
} // talkToServer

// This is the callback functions that gets called
// for the response from the server with the XML data

var lastPing = 0;
function updateMsgOnBrowser(responseXML) {

	var res = responseXML.getElementsByTagName("msg_box")[0];
	var message = responseXML.getElementsByTagName("content")[0];
	
	var box_id = "msg_box";

	var timestamp = res.getAttribute("timestamp");
	var err = res.getAttribute("type");
	document.getElementById('submit').disabled=false;
	if (timestamp > lastPing) {
		lastPing = timestamp;
		
		if(err == "err")
			box_id = "msg_box_small";
			

		var message_value = message.firstChild.nodeValue;

		var msg_display = document.getElementById(box_id);
		msg_display.innerHTML = message_value; 
		
		// clear form
		document.contact_form.reset(); 
	}
	
	
}

//the following two functions are helper infrastructure to 
//craete a XMLHTTPRequest and register a listner callback function

function newXMLHttpRequest() {
	var xmlreq = false;
	if (window.XMLHttpRequest) {
		xmlreq = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
    		// Try ActiveX
		try { 
			xmlreq = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e1) { 
			// first method failed 
			try {
				xmlreq = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e2) {
				 // both methods failed 
			} 
		}
 	}
   	return xmlreq;
} 

function getReadyStateHandler(req, responseXmlHandler) {
	return function () {
	if (req.readyState == 4) {
		if (req.status == 200) {
        		responseXmlHandler(req.responseXML);
		} else {
			//var hellomsg = document.getElementById("hellomsg");
			//hellomsg.innerHTML = "ERROR: "+ req.status;
			alert("ERROR: " + req.status);
      		}
    	}
 	}
}