jQuery y hacer desaparecer una div

[KekoGrama]

Hice una alerta al tipo de facebook ( la alerta que aparece abajo cuando comentan algo ), y si no conocen facebook es una alerta que aparece en una div, y cuando pasan determinados segundos la alerta se va... pero si yo dejo el mouse sobre la div, la alerta no se va hasta que quite el mouse.

Tengo todo listo... meeeeeeeeeeeeenos la parte en que yo puedo colocar el mouse sobre la div y hacer que no se vaya. Probé usando el evento mouseout, que cuando sacara el mouse de la div, recién se fuera la alerta.... pero el método mouseout requiere que yo pase la flecha por sobre la div, por lo q si yo nunca la paso, nunca se irá la alerta.

El código que tengo hasta ahora es:

Código Javascript:

function message(title, message){
        jQuery('#alert').remove();
        jQuery(document.createElement('div'))
            .attr('id', 'alert')
            .html('<span class="title">' + title + '</span><span class="message">' + message + '</span>')
            .appendTo('body')
            .hide()
            .show('drop', {}, 500, function(){
                setTimeout(function(){
                    jQuery('#alert').hide('drop');
                }, 3500);
            }).click(function(){ jQuery('#alert').hide('drop'); });
    }
 

Bueno, espero que se entienda bien lo que necesito... adiós.

[mayid]

El jGrowl hace exactamente lo que necesitas. Podes chusmear en el codigo a ver como lo hace.