[jQuery] animate queue :)

[rory pickering]

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);
                }