window.onload = function(){
	Event.observe('uname','change',react);
}
function react(event)
{
		var uname = $F('uname');
		if(uname == "")
		{
			$('user_avl').innerHTML = "";
		}
		else
		{
			$('user_avl').innerHTML = "<img src = 'images/loader.gif'>Checking Availibility";
			new Ajax.Request(
							 'check_user.asp?uname='+uname,
							 {
								 method: 'get',
								 onSuccess:function(xhr){
									$('user_avl').innerHTML = xhr.responseText;
								 },
								 onFailure:function(xhr){
									$('user_avl').innerHTML = "Data could not be retrieved. Please continue...";
								 }
							 }
							 );
		}
}