// JavaScript Document
var XMLHttpRequestObject = false;
if (window.XMLHttpRequest) {
XMLHttpRequestObject = new XMLHttpRequest();
} else if (window.ActiveXObject) {
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}
function checkUsername()
	{
	var e=document.fr.email.value;
	if(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(e)){
		//===========
		var targetDiv = document.getElementById("targetDiv");
		var loading = document.getElementById("loading");
		//loading.innerHTML = '<div></div>';
		targetDiv.innerHTML = "<div></div>"; //clear
		loading.innerHTML = '<img src="../../images/loading3x.gif" width="30" height="30">'; //show loading image
		getData("avaiableuser.php?email=" +fr.email.value); //get url
		//============
	}else{
		alert('Email use as the Username ...So please fill the your correct Email !');
	}	
}
function getData(dataSource)
	{
		if(XMLHttpRequestObject) {
		XMLHttpRequestObject.open("GET", dataSource);
		XMLHttpRequestObject.onreadystatechange = function()
			{
				if (XMLHttpRequestObject.readyState == 4 &&	XMLHttpRequestObject.status == 200) {
					if(XMLHttpRequestObject.responseText == "exsit"){ //for username that taken
						var targetDiv = document.getElementById("targetDiv");
						var loading = document.getElementById("loading");
						loading.innerHTML = '<div></div>';
						targetDiv.innerHTML = "<div style=' color:#FF3300;font-weight:700' >That username is not available.</div>";
					}else if(XMLHttpRequestObject.responseText == "notexsit"){//for username that not taken
						var loading = document.getElementById("loading");
						var targetDiv = document.getElementById("targetDiv");
						loading.innerHTML = '<div></div>';
						targetDiv.innerHTML = "<div style='font-weight:700'>That username is available.</div>";
					}else{
						var loading = document.getElementById("loading");
						var targetDiv = document.getElementById("targetDiv");
						loading.innerHTML = '<div></div>';
						targetDiv.innerHTML = "<div style=' color:#FF3300;font-weight:700' >Error.</div>";
					}
				}
			}
		XMLHttpRequestObject.send(null);
		}
}