$(document).ready(function(){
    $checkUsername = $('#check-username');
    var url = $checkUsername.data('url');
    var oldVal = 'lkjALSDJkladjlkaJSDKLJhajksdhjkaHDJKSAH';
    var xhr = 'x';
    $checkUsername.keyup(function(){
	if (xhr = $checkUsername.data('xhr')) {
	    xhr.abort();
	}
	var value = $(this).val();
	if($.trim(oldVal) == $.trim(value))
	    return;
	if($.trim(value.length) > 2)
	{
	    oldVal = value;
	    xhr = $.getJSON(url, {
		nickname: value
	    }, function(data){
		if(data.nickname){
		    $('#nick-message').html('<span class="nick-ok">'+data.message+'</span>');
		} else {
		    $('#nick-message').html('<span class="nick-error">'+data.message+'</span>');
		}
		$('#zoomail').html(data.mail);

	    });
	    $checkUsername.data('xhr', xhr);
	} else {
	    $('#nick-message').html('');
	    $('#zoomail').html('');
	}
    });
});
