var loading = "<img src='images/ajax-loader.gif' alt='Loading' />";

$(function() {
    userInfo();
}); 

function userInfo() {
	$("img.avatar").mouseover(
	    function() {
	        $(".userInfo").remove();
	        //$(this).parent().parent().append("<div class='userInfo'>" + loading + "</div>");
	        $(this).parent().parent().parent().append("<div class='userInfo'>" + loading + "</div>");
	        $.get("ajax/userinfo.aspx?name=" + $(this).attr("alt"),
	            function(data) {
	                $(".userInfo").html(data);
	                //$("#close").click( function() { $(".userInfo").remove(); } );
	            }
	        );
	    }
	);
	$("img.avatar").mouseout(
	    function() {
	        $(".userInfo").remove();
	    }
	);
}