// Javascript Document
// Intializing the XMLHttpRequest Object which is a built-in object in modern browsers

var sendFB = {
	
	init: function() {
		
		sendFB.xhr = false;
		
		if(window.ActiveXObject) {
			try {
				sendFB.xhr = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e1) {
				try {
					sendFB.xhr = new ActiveXObject("MSXML2.XMLHTTP");
				} catch (e2) {
					sendFB.xhr = false;
				}
			}
		} else if(window.XMLHttpRequest) {
			sendFB.xhr = new XMLHttpRequest();
		} else {
			alert("Sorry, There was a problem creating the XMLHttpRequest");
		}
		
		var button = document.getElementById('fbsubmit');
		
		Core.addEventListener(button, "click", sendFB.clickListener);
	},
	
	clickListener: function() {
		if(sendFB.xhr) {
			var name = document.getElementById('fbname').value;
			var email = document.getElementById('fbemail').value;
			var remarks = document.getElementById('fbremarks').value;
			var filename = "/_ajax/sendfb.php";
			sendFB.xhr.open("POST", filename, true);
			sendFB.xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
			sendFB.xhr.onreadystatechange = function() {
				if(sendFB.xhr.readyState == 4 && sendFB.xhr.status == 200) {
					var responseText = sendFB.xhr.responseText;
					if(responseText == "Done") {
						document.getElementById('fbresponseMsg').innerHTML = '<p style="color:#090;">Thank you for your interest.</p>';
					} else {
						document.getElementById('fbresponseMsg').innerHTML = '<p style="color:#900;">Sorry, please try again later.</p>';
					}
				} else {
					document.getElementById('fbresponseMsg').innerHTML = '<img src="_images/ajax request.gif" width="16" height="16" />';
				}
			}
			sendFB.xhr.send("fbemail=" + email + "&fbname=" + name + "&fbremarks=" + remarks);
		} else {
			alert("Sorry, your browser doesn't support AJAX" + sendFB.xhr.status);
		}
	}
};

Core.start(sendFB);