[jQuery] animate queue :)

how can i create a queue what i want to do is
onblur of a field
1) fade out current message in a div,
2)change the message
3) fade in new message (same div)
when i try to do it it changes the html in the div then fades out and
then in......
this is the code ive writeen
$("#txt_user_name").blur(function () {
        $("#txt_user_name_msg").html('<img src="/_images/ajax_loader.gif"
alt="O" />');
    if($(this).val() === ''){
        $("#txt_user_name_msg").fadeOut(1000);
            $("#txt_user_name_msg").html('<font color="#CC0000"><img src="/
_images/ajax_error.gif" alt="X" /> you must enter a username!</
font>');
        $("#txt_user_name_msg").fadeIn(1000);
        }else if($(this).val().length < 3){
        $("#txt_user_name_msg").fadeOut(1000);
            $("#txt_user_name_msg").html('<font color="#CC0000"><img src="/
adventure_dave/_images/ajax_error.gif" alt="X" /> username too short!</
font>');
        $("#txt_user_name_msg").fadeIn(1000);
        }