// JavaScript Document

function ajax_checkUserLog(){
	// Create our XMLHttpRequest object
	var hr = new createRequestObject();
	// Create some variables we need to send to our PHP file
	var url = "../php/checkUserLog.php";
	hr.open("POST", url, true);
	// Set content type header information for sending url encoded variables in the request
	hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	// Access the onreadystatechange event for the XMLHttpRequest object
	hr.onreadystatechange = function() {
		if(hr.readyState == 4 && hr.status == 200) {
			var return_data = hr.responseText;
			var return_dataArray = return_data.split("###SPLIT###");
			document.getElementById("loginInfo").innerHTML = return_dataArray[1];
		}
	}
	// Send the data to PHP now... and wait for response to update the status div
	hr.send(); // Actually execute the request
}

function ajax_userLogin(){
	var email = document.getElementById("logInEmail").value;
	var pass = document.getElementById("logInPassword").value;
	document.getElementById("logInEmail").value = "";
	document.getElementById("logInPassword").value = "";
	if(!email){
		document.getElementById("loginLabelEmail").style.color = 'red';
	} else {
		document.getElementById("loginLabelEmail").style.color = 'black';
	}
	if(!pass){
		document.getElementById("loginLabelPassword").style.color = 'red';
	} else {
		document.getElementById("loginLabelPassword").style.color = 'black';
	}
	if(email && pass){
		// Create our XMLHttpRequest object
		var hr = new createRequestObject();
		// Create some variables we need to send to our PHP file
		var url = "../php/userLogin.php";
		var vars = "email="+email+"&pass="+pass;
		hr.open("POST", url, true);
		// Set content type header information for sending url encoded variables in the request
		hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		// Access the onreadystatechange event for the XMLHttpRequest object
		hr.onreadystatechange = function() {
			if(hr.readyState == 4 && hr.status == 200) {
				var return_data = hr.responseText;
				var return_dataArray = return_data.split("###SPLIT###");			
				if(return_dataArray[0]==1){
					document.getElementById("loginInfo").innerHTML = return_dataArray[1];
					$('#dialog-overlay-logIn, #dialog-box-logIn').hide();
					document.getElementById("loginErrorMessage").innerHTML = "";
					ajax_chooseChannel(1);
					
					document.getElementById("processingAJAX").innerHTML = "";
				} else {
					document.getElementById("loginInfo").innerHTML = return_dataArray[1];
					document.getElementById("loginErrorMessage").innerHTML = return_dataArray[2];
					
					document.getElementById("processingAJAX").innerHTML = "";
				}
			}
		}
		// Send the data to PHP now... and wait for response to update the status div
		hr.send(vars); // Actually execute the request
		document.getElementById("processingAJAX").innerHTML = "Processing...";	
	}
}

function ajax_userLogout(){
	// Create our XMLHttpRequest object
	var hr = new createRequestObject();
	// Create some variables we need to send to our PHP file
	var url = "../php/userLogout.php";
	hr.open("POST", url, true);
	// Set content type header information for sending url encoded variables in the request
	hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	// Access the onreadystatechange event for the XMLHttpRequest object
	hr.onreadystatechange = function() {
		if(hr.readyState == 4 && hr.status == 200) {
			var return_data = hr.responseText;
			var return_dataArray = return_data.split("###SPLIT###");
			if(return_dataArray[0]==1){
				document.getElementById("loginInfo").innerHTML = return_dataArray[1];
				ajax_chooseChannel(1);
				document.getElementById("processingAJAX").innerHTML = "";
			}
		}
	}
	// Send the data to PHP now... and wait for response to update the status div
	hr.send(); // Actually execute the request
	document.getElementById("processingAJAX").innerHTML = "Processing...";
}

function ajax_verifyUsername(validateSignUpForm){	
	var username = document.getElementById("signUpUserName").value;
	if(validateSignUpForm){
		var email = document.getElementById("signUpEmail").value;
	}
	if(!username){
		errorMsg = 'Please Fill in \'User Name\' field';
	} else if(username.length < 4){
		errorMsg = 'User Name must be at least 4 characters';
	} else if(username.length > 12){
		errorMsg = 'User Name must be no more than 12 characters';	
	} else {
		// Create our XMLHttpRequest object
		var hr = new createRequestObject();
		// Create some variables we need to send to our PHP file
		var url = "../php/verifyUserName.php";
		var vars = "username="+username+"&signUpForm="+validateSignUpForm+"&email="+email;
		hr.open("POST", url, true);
		// Set content type header information for sending url encoded variables in the request
		hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		// Access the onreadystatechange event for the XMLHttpRequest object
		hr.onreadystatechange = function() {
			if(hr.readyState == 4 && hr.status == 200) {
				var return_data = hr.responseText;
				var return_dataArray = return_data.split("###SPLIT###");
				if(return_dataArray[0]==1){
					if(validateSignUpForm && !return_dataArray[2]){
						document.getElementById("processingAJAX").innerHTML = "";
						ajax_registerUser();
					} else if (return_dataArray[2]){
						document.getElementById("signUpErrorMessage").style.color = 'red';
						document.getElementById("signUpErrorMessage").innerHTML = return_dataArray[3];
						document.getElementById("signUpLabelEmail").style.color = 'red';
						document.getElementById("processingAJAX").innerHTML = "";
					} else {
						document.getElementById("signUpErrorMessage").style.color = 'green';
						document.getElementById("signUpErrorMessage").innerHTML = return_dataArray[1];
						document.getElementById("signUpLabelUserName").style.color = 'black';
						document.getElementById("processingAJAX").innerHTML = "";
					}
				} else {
					document.getElementById("signUpErrorMessage").style.color = 'red';
					document.getElementById("signUpErrorMessage").innerHTML = return_dataArray[1];
					document.getElementById("signUpLabelUserName").style.color = 'red';
					document.getElementById("processingAJAX").innerHTML = "";
				}
			}
		}
		// Send the data to PHP now... and wait for response to update the status div
		hr.send(vars); // Actually execute the request
		document.getElementById("processingAJAX").innerHTML = "Processing...";
	}
	if(errorMsg){
		document.getElementById("signUpErrorMessage").innerHTML = '<span style="color:red;">'+errorMsg+'</span>';
		document.getElementById("signUpLabelUserName").style.color = 'red';
	} else {
		
	}
}

function ajax_registerUser(){
	//Regex
	//Valid Email
	var check_email = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/;
	//Letters, Numbers, Special Characters, Between 5 - 20 Characters
	var check_password = /^[A-Za-z0-9!@#$%^&*()_]{5,20}$/;
	//Must Contain One Letter and One Number
	var check_password2 = /^.*(?=.{4,})(?=.*[0-9])(?=.*[a-zA-Z]).*$/;
	
	//Get all Varibales
	var signUpFormValid = false;
	var return_message = "";
	var username = document.getElementById("signUpUserName").value;
	var email = document.getElementById("signUpEmail").value;
	var emailVer = document.getElementById("signUpEmailVer").value;
	var password = document.getElementById("signUpPassword").value;
	var passwordVer = document.getElementById("signUpPasswordVer").value;
	var humanChecker = document.getElementById("signUpHumanChecker").value;
	var verAge = document.getElementById("signUpVerifyAge").checked;
	var verPolicyAgreement = document.getElementById("signUpPrivayPolicyAgreement").checked;
	var verTermsOfUse = document.getElementById("signUpTermsOfUseAgreement").checked;
	
	//JS Error Checker
	if(!username || !email || !emailVer || !password || !passwordVer){
		return_message = 'Missing the following required information:';
		if(!username){
			document.getElementById("signUpLabelUserName").style.color = 'red';
		}
		if(!email){
			document.getElementById("signUpLabelEmail").style.color = 'red';
		}
		if(!emailVer){
			document.getElementById("signUpLabelEmailVer").style.color = 'red';
		}
		if(!password){
			document.getElementById("signUpLabelPassword").style.color = 'red';
		}
		if(!passwordVer){
			document.getElementById("signUpLabelPasswordVer").style.color = 'red';
		}
	} else if(email != emailVer) {
		return_message = 'Your Email Addresses Do Not Match';
		document.getElementById("signUpLabelEmail").style.color = 'red';
		document.getElementById("signUpLabelEmailVer").style.color = 'red';
	} else if(passwordVer != password) {
		return_message = 'Your Passwords Do Not Match';
		document.getElementById("signUpLabelPassword").style.color = 'red';
		document.getElementById("signUpLabelPasswordVer").style.color = 'red';	
	} else if(humanChecker) {
		return_message = 'Please Delete the Human Checker Text';
		document.getElementById("signUpLabelHumanChecker").style.color = 'red';
	} else if(email == password) {
		return_message = 'Your Email and Password Cannot Match';
		document.getElementById("signUpLabelEmail").style.color = 'red';
		document.getElementById("signUpLabelPassword").style.color = 'red';
	} else if(username == password) {
		return_message = 'Your User Name and Password Cannot Match';
		document.getElementById("signUpLabelUserName").style.color = 'red';
		document.getElementById("signUpLabelPassword").style.color = 'red';
	} else if(!verAge || !verPolicyAgreement || !verTermsOfUse){
		return_message = 'You did not check the boxes below.';
		if(!verAge) {
			document.getElementById("signUpVerifyAge").style.color = 'red';
		}
		if(!verPolicyAgreement) {
			document.getElementById("signUpPrivayPolicyAgreement").style.color = 'red';
		} 
		if(!verTermsOfUse) {
			document.getElementById("signUpTermsOfUseAgreement").style.color = 'red';
		}
	//Regular Expression Check
	} else if(!check_email.test(email)) {
		return_message = 'Invalid Email Address';
		document.getElementById("signUpLabelEmail").style.color = 'red';
	} else if(!check_password.test(password)) {
		return_message = 'Invalid Password: 5 - 20 Characters';
		document.getElementById("signUpLabelPassword").style.color = 'red';
	} else if(!check_password2.test(password)) {
		return_message = 'Invalid Password: Must Contain at Least One Letter and One Number';
		document.getElementById("signUpLabelPassword").style.color = 'red';
	} else {
		// Create our XMLHttpRequest object
		var hr = new createRequestObject();
		// Create some variables we need to send to our PHP file
		var url = "../php/register.php";
		var vars = "username="+username+"&email="+email+"&emailVer="+emailVer+"&password="+password+"&passwordVer="+passwordVer;
		vars += "&humanChecker="+humanChecker+"&verAge="+verAge+"&verPolicyAgreement="+verPolicyAgreement+"&verTermsOfUse="+verTermsOfUse;
		hr.open("POST", url, true);
		// Set content type header information for sending url encoded variables in the request
		hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		// Access the onreadystatechange event for the XMLHttpRequest object
		hr.onreadystatechange = function() {
			if(hr.readyState == 4 && hr.status == 200) {
				var return_data = hr.responseText;
				var return_dataArray = return_data.split("###SPLIT###");
				if(return_dataArray[0]){ 
					if(return_dataArray[2]){
						document.getElementById("messageTitle").innerHTML = return_dataArray[4];
						document.getElementById("messageBox").innerHTML = return_dataArray[5];
						document.getElementById("processingAJAX").innerHTML = "";
						popup('message');
					} else {
						document.getElementById("messageTitle").innerHTML = return_dataArray[3];
						document.getElementById("messageBox").innerHTML = return_dataArray[4];
						document.getElementById("processingAJAX").innerHTML = "";
						popup('message');
					}
				} else {
					document.getElementById("signUpErrorMessage").style.color = 'red';
					document.getElementById("signUpErrorMessage").innerHTML = return_dataArray[1];
					document.getElementById("processingAJAX").innerHTML = "";
				}
			}
		}
		document.getElementById("messageTitle").innerHTML = "<h2>Processing Signup Info</h2>";
		document.getElementById("messageBox").innerHTML = "<p>Please wait one moment while we process your sign up information.</p>";
		$('#dialog-overlay-signUp, #dialog-box-signUp').hide();
		popup('message');
		
		//Remove Errors
		document.getElementById("signUpLabelUserName").style.color = 'black';
		document.getElementById("signUpLabelUserName").style.color = 'black';
		document.getElementById("signUpLabelEmail").style.color = 'black';
		document.getElementById("signUpLabelEmailVer").style.color = 'black';
		document.getElementById("signUpLabelPassword").style.color = 'black';
		document.getElementById("signUpLabelPasswordVer").style.color = 'black';
		document.getElementById("signUpLabelHumanChecker").style.color = 'black';
		//Clear Values
		document.getElementById("signUpErrorMessage").innerHTML = "";
		document.getElementById("signUpUserName").value = "";
		document.getElementById("signUpEmail").value = "";
		document.getElementById("signUpEmailVer").value = "";
		document.getElementById("signUpPassword").value = "";
		document.getElementById("signUpPasswordVer").value = "";
		document.getElementById("signUpHumanChecker").value = "Delete This Text";
		document.getElementById("signUpVerifyAge").checked = false;
		document.getElementById("signUpPrivayPolicyAgreement").checked = false;
		document.getElementById("signUpTermsOfUseAgreement").checked = false; 		
	}
	if(return_message){
		document.getElementById("signUpErrorMessage").style.color = 'red';
		document.getElementById("signUpErrorMessage").innerHTML = return_message;
	}
	hr.send(vars); // Actually execute the request
	document.getElementById("processingAJAX").innerHTML = "Processing...";	
}


function ajax_chooseChannel(episodeID, channelName, seasonName, episodeName){
	// Create our XMLHttpRequest object
	var hr = new createRequestObject();
	// Create some variables we need to send to our PHP file
	var url = "../php/chooseChannel.php";
	var vars = "episodeID="+episodeID+"&channelName="+channelName+"&seasonName="+seasonName+"&episodeName="+episodeName;
	hr.open("POST", url, true);
	// Set content type header information for sending url encoded variables in the request
	hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	// Access the onreadystatechange event for the XMLHttpRequest object
	hr.onreadystatechange = function() {
		if(hr.readyState == 4 && hr.status == 200) {
			var return_data = hr.responseText;
			var return_dataArray = return_data.split("###SPLIT###"); 
			
			//Change Titles
			document.getElementById("bottomTitle").innerHTML = return_dataArray[0];
			document.getElementById("seasonsTitle").innerHTML = return_dataArray[1];
			document.getElementById("scrollSeasons").innerHTML = return_dataArray[2];
			document.getElementById("episodeTitle").innerHTML = return_dataArray[3];
			document.getElementById("scrollEpisodes").innerHTML = return_dataArray[4];
			$(".scrollable").scrollable();
			
			//Change Video
			document.getElementById("topTitle").innerHTML = return_dataArray[5];
			document.getElementById("video-js-box").innerHTML = return_dataArray[6];
			
			//Channel Information
			document.getElementById("leftContentChannelTitle").innerHTML = return_dataArray[7];
			document.getElementById("synopsisChannelTitle").innerHTML = return_dataArray[8];
			document.getElementById("synopsisChannelBox").innerHTML = return_dataArray[9];
			document.getElementById("leftContentChannelViews").innerHTML = return_dataArray[10];
			
			//Season Information
			document.getElementById("leftContentSeasonTitle").innerHTML = return_dataArray[11];
			document.getElementById("synopsisSeasonTitle").innerHTML = return_dataArray[12];
			document.getElementById("synopsisSeasonBox").innerHTML = return_dataArray[13];
			document.getElementById("leftContentSeasonBegins").innerHTML = return_dataArray[14];
			document.getElementById("leftContentSeasonFinale").innerHTML = return_dataArray[15];
			document.getElementById("leftContentSeasonPrice").innerHTML = return_dataArray[16];
			document.getElementById("leftContentSeasonViews").innerHTML = return_dataArray[17];
			
			//Epsiode Information
			document.getElementById("leftContentEpisodeTitle").innerHTML = return_dataArray[18];
			document.getElementById("synopsisEpisodeTitle").innerHTML = return_dataArray[19];			
			document.getElementById("synopsisEpisodeBox").innerHTML = return_dataArray[20];
			document.getElementById("leftContentEpisodeActive").innerHTML = return_dataArray[21];
			document.getElementById("leftContentEpisodeActivateDate").innerHTML = return_dataArray[22];
			document.getElementById("leftContentEpisodeActivateTime").innerHTML = 'at '+return_dataArray[23];
			
			document.getElementById("leftContentEpisodeDeactivateDate").innerHTML = return_dataArray[24];
			document.getElementById("leftContentEpisodeDeactivateTime").innerHTML = 'at '+return_dataArray[25];
			
			document.getElementById("leftContentEpisodeRuntime").innerHTML = return_dataArray[26];
			document.getElementById("leftContentEpisodePrice").innerHTML = return_dataArray[27];
			document.getElementById("leftContentEpisodeViews").innerHTML = return_dataArray[28];
			
			document.getElementById("unlockEpisodeTitle").innerHTML = return_dataArray[29];
			document.getElementById("unlockSeasonTitle").innerHTML = return_dataArray[30];
			
			document.getElementById("leftContentPurchaseSeason").innerHTML = return_dataArray[31];
			document.getElementById("leftContentPurchaseEpisode").innerHTML = return_dataArray[32];
			
			document.getElementById("leftContentEpiosdeStatsFacebook").innerHTML = return_dataArray[33];
			document.getElementById("leftContentEpiosdeStatsTwitter").innerHTML = return_dataArray[34];
			
			document.getElementById("processingAJAX").innerHTML = "";
		}
	}
	// Send the data to PHP now... and wait for response to update the status div
	hr.send(vars); // Actually execute the request
	document.getElementById("processingAJAX").innerHTML = "Processing...";
}

function ajax_sendEmail(){
	//Refresh Error Data
	document.getElementById("emailUsFromLabel").style.color = 'black';
	document.getElementById("emailUsSubjectLabel").style.color = 'black';
	document.getElementById("emailUsMessageLabel").style.color = 'black';
	document.getElementById("emailUsErrorMessage").innerHTML = "";

	var emailFrom = document.getElementById("emailUsFromTextbox").value;
	var emailSubject = document.getElementById("emailUsSubjectDropDown").value;
	var emailMessage = document.getElementById("emailUsTextArea").value;
	//Javascript Validation
	var check_email = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/;
	if(!emailFrom || !emailSubject || !emailMessage){
		return_message = "Missing the following required fields:";
		if(!emailFrom){
			document.getElementById("emailUsFromLabel").style.color = 'red';
		}
		if(!emailSubject){
			document.getElementById("emailUsSubjectLabel").style.color = 'red';
		}
		if(!emailMessage){
			document.getElementById("emailUsMessageLabel").style.color = 'red';
		}
	} else if(!check_email.test(emailFrom)) {
		return_message = 'Invalid Email Address';
		document.getElementById("emailUsFromLabel").style.color = 'red';
	} else if(emailMessage.length < 20) {
		return_message = 'Your message must be longer!'
		document.getElementById("emailUsMessageLabel").style.color = 'red';
	} else if(emailMessage.length > 1000) {
		return_message = 'Your message is too long!'
		document.getElementById("emailUsMessageLabel").style.color = 'red';
	} else {
		var hr = new createRequestObject();
		var url = "../php/emailAdmin.php";
		var vars = "emailFrom="+emailFrom+"&emailSubject="+emailSubject+"&emailMessage="+emailMessage;
		hr.open("POST", url, true);
		// Set content type header information for sending url encoded variables in the request
		hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		// Access the onreadystatechange event for the XMLHttpRequest object
		hr.onreadystatechange = function() {
			if(hr.readyState == 4 && hr.status == 200) {
				var return_data = hr.responseText;
				if(return_data == '1'){
					document.getElementById("emailUsErrorMessage").style.color = 'green';
					document.getElementById("emailUsErrorMessage").innerHTML = "Message Sent!";				
				} else {
					document.getElementById("emailUsErrorMessage").style.color = 'red';
					document.getElementById("emailUsErrorMessage").innerHTML = "We appologize, an error occured and your message could not be sent at this time.  Please try again later.";		
				}
			}
		}
		// Send the data to PHP now... and wait for response to update the status div
		hr.send(vars); // Actually execute the request	
		//Return to Black
		document.getElementById("emailUsFromLabel").style.color = 'black';
		document.getElementById("emailUsSubjectLabel").style.color = 'black';
		document.getElementById("emailUsMessageLabel").style.color = 'black';
		
		//Clear Values
		document.getElementById("emailUsFromTextbox").value = "";
		document.getElementById("emailUsTextArea").value = "";
		
		document.getElementById("emailUsErrorMessage").style.color = 'green';
		document.getElementById("emailUsErrorMessage").innerHTML = "Sending Message...";	
	}
	if(return_message){
		document.getElementById("emailUsErrorMessage").style.color = 'red';
		document.getElementById("emailUsErrorMessage").innerHTML = return_message;
	}
}

function ajax_completePurchase(purchaseType){
	var isError = false;
	var errorMsg1 = 'You must read and agree to the Purchase Agreement, and then check the box below before continuing.';
	var errorMsg2 = 'You must type in your passowrd to continue.';
	var pass;
	if(purchaseType == 'season'){
		pass = document.getElementById("unlockSeasonPassword").value;
		document.getElementById("unlockSeasonPassword").value = "";	
		if(!document.getElementById("unlockSeasonPurchaseAgreement").checked){
			document.getElementById("unlockSeasonBoxError").innerHTML = errorMsg1;
			isError = true;
		}
		if(!pass){
			document.getElementById("unlockSeasonBoxError").innerHTML = errorMsg2;
			isError = true;
		}
	}
	if(purchaseType == 'episode'){
		pass = document.getElementById("unlockEpisodePassword").value;
		document.getElementById("unlockEpisodePassword").value = "";
		if(!document.getElementById("unlockEpisodePurchaseAgreement").checked){
			document.getElementById("unlockEpisodeBoxError").innerHTML = errorMsg1;
			isError = true;
		}
		if(!pass){
			document.getElementById("unlockEpisodeBoxError").innerHTML = errorMsg2;
			isError = true;
		}
	}
	
	if(!isError){
		// Create our XMLHttpRequest object
		var hr = new createRequestObject();
		// Create some variables we need to send to our PHP file
		var url = "../php/completePurchase.php";
		var vars = "pass="+pass+"&purchaseType="+purchaseType;
		hr.open("POST", url, true);
		// Set content type header information for sending url encoded variables in the request
		hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		// Access the onreadystatechange event for the XMLHttpRequest object
		hr.onreadystatechange = function() {
			if(hr.readyState == 4 && hr.status == 200) {
				var return_data = hr.responseText;
				var return_dataArray = return_data.split("###SPLIT###");
				if(!return_dataArray[0]){
					document.getElementById("unlockEpisodeBoxError").innerHTML = return_dataArray[1];
					document.getElementById("unlockSeasonBoxError").innerHTML = return_dataArray[1];
				} else {
					if(purchaseType == 'episode'){
						$('#dialog-box-unlockEpisode').hide();
						document.getElementById("unlockEpisodeBoxError").innerHTML = '';
						document.getElementById("unlockEpisodePassword").value = '';
						document.getElementById("unlockEpisodePurchaseAgreement").checked = false;
					}else{
						$('#dialog-box-unlockSeason').hide();
						document.getElementById("unlockSeasonBoxError").innerHTML = '';
						document.getElementById("unlockSeasonPassword").value = '';
						document.getElementById("unlockSeasonPurchaseAgreement").checked = false;
					}
					
					//Load Data to payPalForm
					//document.getElementById("id").value = return_dataArray[1]; //Purchase Type
					document.getElementById("payPalForm_email").value = return_dataArray[2]; //Email
					document.getElementById("payPalForm_item_name").value = return_dataArray[3]; //Description
					document.getElementById("payPalForm_amount").value = return_dataArray[4]; //Price
					document.getElementById("payPalForm_custom").value = return_dataArray[5]; //Order#
					document.getElementById("payPalForm_return").value = return_dataArray[6]; //Order Completed	
					document.getElementById("payPalForm_cancel_return").value = return_dataArray[7]; //Order Canceled				
					
					//Send to PayPal to Purchase
					document.getElementById("payPalForm").submit();
				}
			}
		}
		// Send the data to PHP now... and wait for response to update the status div
		hr.send(vars); // Actually execute the request
	}
}