$(document).ready(function(){
	$("#checkUserName").click(function(){
		$("#responseDisplayName").addClass("responseDisplayName");
		var displayName = $("#displayName").val();
		if(displayName == "")
		{
			$("#responseDisplayName").html("Please fill display name");
			return false;
		}
		else
		{
			var dataDisplayName = 'displayName=' + displayName + '&formSubmitStatus=false';
			$("#responseDisplayName").html("We are checking...");
			setTimeout("findDisplayName('"+dataDisplayName+"')",2000);
			return false;
		}
		alert(displayName);
	});
});

function findDisplayName(dataDisplayName){
	$.ajax({	
		type: "POST",
		url: "/calculator/check_display_name",
		data: dataDisplayName,
		cache: false,
		success: function(html){
			$("#responseDisplayName").fadeIn("slow");
			var responseChar = html.substring(0,1);
			if(responseChar == "0"){
				$("#responseDisplayName").html("Display name not available");
				$("#responseDisplayName").removeClass("availableDisplayName");
				$("#displayName").val("");
			}
			if(responseChar == "1"){
				$("#responseDisplayName").html("Display name available");
				$("#responseDisplayName").addClass("availableDisplayName");
			}
		}
	});
}