// vars
var httpObject = null;

// Get the HTTP Object
function getHTTPObject(){
	if (window.ActiveXObject) {
		// IE	
		return new ActiveXObject("Microsoft.XMLHTTP");
	} else if (window.XMLHttpRequest) {
		// Other Browsers
		return new XMLHttpRequest();
	} else {
		// Error
		alert("Your browser does not support AJAX.");
		return null;
	}
}

// Change the value of the outputText field
function setRegisterOutput(){
	if (httpObject.readyState == 4) {
		//document.getElementById('outputText').value = httpObject.responseText;
        
		// Switch div's
		document.getElementById('registerFormProgressBar').style.visibility = 'hidden';
		document.getElementById('registerFormProgressBar').innerHTML = '';
		
		document.getElementById("registerForm").innerHTML = '';
		
		document.getElementById('registerResponse').style.visibility = 'visible';
		document.getElementById('registerResponse').innerHTML = httpObject.responseText;
		
		// Fix heights
		document.getElementById("registerFormProgressBar").style.height='0px'
		document.getElementById("registerResponse").style.height='auto'
		document.getElementById("registerOverlayForm").style.height='auto'

	}
}

function registerUser(){
	httpObject = getHTTPObject();
	
	var Form = document.getElementById('registerForm');

	if (httpObject != null) {
		httpObject.open("GET", 'index.php?action=UserRegister&username='+Form.reg_username.value+'&password='+Form.reg_password.value+'&email='+Form.reg_email.value, true);
		
		httpObject.send(null);
		httpObject.onreadystatechange = setRegisterOutput;
		
		document.getElementById('registerForm').style.height='0px'
		document.getElementById('registerForm').style.visibility = 'hidden';
		
		document.getElementById('registerFormProgressBar').style.visibility = 'visible';
		document.getElementById('registerFormProgressBar').innerHTML = "<img src='images/progress-bar.gif' /><br /><br /><p>Your request is being processed</p>";
		document.getElementById("registerUserOverlayForm").style.height='auto'
	}
}