//Function to set up XMLHttp Request Object across multiple browsers
function newRequest()
{	
	var req = null;
	try
	{
		//firefox, opera, safari
		req = new XMLHttpRequest();
	}
	catch (e)
	{
		//Internet Explorer
		try
		{
			req = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch(e)
		{
			try
			{
				req = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch(e)
			{
				req = null;
			}
		}
	}
	return req;
}

//Function to get vars from form and send them via AJAX to subscribe.php when user clicks button
function subscribe()
{
	
	//Set Up Request object and query string for vars
	var sub = null;
	var queryString = null;
	
	//declare user inputted vars
	var email = null;

	
	//grab vars from form
	email = document.getElementById('email').value;
	
	//Set up request
	sub = newRequest();
	
	//Create Query String
	queryString += "&email="+email;

	
	//Open request
	sub.open("POST", "subscribe.php", true);
	
	//set up request headers for POSTing data
	sub.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	sub.setRequestHeader("Content-length", queryString.length);
	sub.setRequestHeader("Connection", "close");
	
	//Set up function to change 'subscribe' div depending on readyState
	sub.onreadystatechange = function()
	{
		switch (sub.readyState)
		{
			case 0:
				break;
			case 1:
				document.getElementById('subscribe').innerHTML = "Vamping up...";
				break;
			case 4:
				document.getElementById('subscribe').innerHTML = sub.responseText;
				break;
		}
	}
		
	//Send query string
	sub.send(queryString);

}