//Create xmlHttp Object via external file
ajaxobject();

// make asynchronous HTTP request using the XMLHttpRequest object
function Members(){
	// proceed only if the xmlHttp object isn't busy
	if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0){
		var UserName = document.getElementById('UserStorage').innerHTML;
		var sender = 'UserName=' + UserName;
		// execute the form.php page from the server
		xmlHttp.open("POST", "profile.php", true);
		// Defines type of data sent via POST method
		xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
		// define the method to handle server responses
		xmlHttp.onreadystatechange = handleServerResponse;
		// make the server request
		xmlHttp.send(sender);
	}
	else{
	// if the connection is busy, try again after one second
	setTimeout('Members()', 1000);
	}
	
	// executed automatically when a message is received from the server
	function handleServerResponse(){
		// move forward only if the transaction has completed
		if (xmlHttp.readyState == 4){
			// status of 200 indicates the transaction completed successfully
			if (xmlHttp.status == 200){
				//Get XML response from server
				xmlResponse = xmlHttp.responseXML;
				// Get the document element (the root element) of the XML structure
				xmlDocumentElement = xmlResponse.documentElement;
				// Get the data from the desired element
				Success = xmlDocumentElement.getElementsByTagName("loginvalid")[0].childNodes[0].nodeValue;
				MemberResponse = xmlDocumentElement.getElementsByTagName("member")[0].childNodes[0].nodeValue;
				// If login is valid load profile
				if(Success == 1){
					// update the client display using the data received from the server
					var title='Members (Beta)';
					var main='<div id="MemberLinksBox"><a class="MemberLinks" onclick="MembersPage(4)">Video Room</a><br/><a class="MemberLinks" onclick="MembersPage(5)">Template Demos</a><br/><a class="MemberLinks" onclick="MembersPage(6)">Chat Room</a><br/><a class="MemberLinks" onclick="MembersPage(1)">Profile</a><br/><a class="MemberLinks" onclick="MembersPage(3)">Notifications</a><br/><a class="MemberLinks" onclick="MembersPage(7)">FAQs</a><br/></div><div id="Console"></div>';
					document.getElementById('ContentTitle').innerHTML=title;
					document.getElementById('MainContent').innerHTML=main;
					MembersPage(4);
				}
				else {
				Logout();
				}
			}
			// a HTTP status different than 200 signals an error
			else{
			alert("There was a problem accessing the server: " + xmlHttp.statusText);
			}
		}
	}
}