var request = makeObject();
var element;
var description;




function CheckUsername(){
	
	var username=document.login.username.value;
	
	element="useravailable";
	description="Checking availibility...";
	
	if (username.length < 3 | username.length > 15) {
		ChangeLabel("<font class='error'>Must be between 3 and 15 characters.</font>");
		return;
	}
	
	if (username=="") {
		ChangeLabel("<font class='error'>Please select a username</font>");
		return;
	}
	
	
	request.open('get', '/pages/signup/username.php?username=' + document.login.username.value);
	request.onreadystatechange = parseInfo; 
	request.send('');

}


function CheckEmail(){
	
	var email=document.login.email.value;
	
	element="emailstatus";
	description="Checking...";
	
	if (email=="") {
		ChangeLabel("<font class='error'>Please enter an email</font>");
		return;
	}
	
	if ( isValidEmail(email) ) {
		
		request.open('get', '/pages/signup/email.php?email=' + email);
		request.onreadystatechange = parseInfo; 
		request.send('');
		
	}
	else {
		
		ChangeLabel("<font class='error'>Please enter a valid email address</font>");
		return;
	}

}


function isValidEmail(str) {

	return (str.indexOf(".") > 2) && (str.indexOf("@") > 0);

}

function ChangeLabel(labeltext) {
	document.getElementById("changesettings").innerHTML = labeltext;
}



function CheckPassword1() {
	var password1=document.login.password.value;
	
	element = "password1validation";
	description="";
	
	if (password1.length < 4) {
		ChangeLabel("<font class='error'>At least 4 chrarcters required</font>");
		return;
	}
	else {
		ChangeLabel("");
		return;
	}
	
}




function CheckPassword2() {
	var password1=document.login.password.value;
	var password2=document.login.password2.value;

	element = "password2validation";
	description="";
	
	if (password1 != password2) {
		ChangeLabel("<font class='error'>Passwords don't match</font>");
		return;
	}
	else if (password1 == password2 && password1 != "") {
		ChangeLabel("<font class='good'>Passwords match</font>");
		return;
	}
}



	
function ChangeLabel(labeltext) {
	document.getElementById(element).innerHTML = labeltext;
}

function makeObject(){
	
	browser = navigator.appName; 
	
	//detect the browser
	if(browser == "Microsoft Internet Explorer"){
		x = new ActiveXObject("Microsoft.XMLHTTP");
	}
	else{
		x = new XMLHttpRequest();
	}
	return x;
}

function parseInfo(){
	if(request.readyState == 1){
		ChangeLabel(description);
	}
	if(request.readyState == 4){ 
	var response = request.responseText;
		ChangeLabel(response);
	}
}