pic1 = new Image(16, 16); 
pic1.src = "http://www.luatviet.com/loader.gif";

$(document).ready(function(){

$("#txtUserName").change(function() { 

var usr = $("#txtUserName").val();

if(usr.length >= 4)
{
$("#status").html('<img src="http://www.luatviet.com/loader.gif" align="absmiddle">&nbsp;Checking availability...');

    $.ajax({  
    type: "POST",  
    url: "http://www.luatviet.com/newsletter",  
    data: "username="+ usr,  
    success: function(msg){  
   
   $("#status").ajaxComplete(function(event, request, settings){ 

	if(msg == 'OK')
	{ 
        $("#txtUserName").removeClass('object_error'); // if necessary
		$("#txtUserName").addClass("object_ok");
		$(this).html('<font color="#ff9934">Thank you!.You have been subscribed to the selected mailing lists</font>');
	}  
	else  
	{  
		$("#txtUserName").removeClass('object_ok'); // if necessary
		$("#txtUserName").addClass("object_error");
		$(this).html(msg);
	}  
   
   });

 } 
   
  }); 

}
else
	{
	$("#status").html('<font color="red">The username should have at least <strong>4</strong> characters.</font>');
	$("#txtUserName").removeClass('object_ok'); // if necessary
	$("#txtUserName").addClass("object_error");
	}

});

});