Autohide drupal messages with jquery

here is a small example of how can you display & and then autohide drupal messages
In your page.tpl.php put this code :)

<?php if ($show_messages && $messages): ?>
<script> $(function(){
$('#messages').hide(); //starts hidden so we have a nice fadein effect
$('#messages').fadeIn(1000); //fadein for 10000 ms
$('#messages').animate({"opacity":"hidden"},5000,function () {$(this).css({display: "none"})}); //hide it after 5000 ms.
});</script>
<div id="messages"><? print $messages; ?> </div><? endif;?>

Cheers ;)