JS Меню ? как дописать закрытие ?
 

помогите разобраться.....

<script type="text/javascript">
$(document).ready(function () {
$("ul.menu_body li:even").addClass("alt");
$('img.menu_head').mouseover(function () {
$('ul.menu_body').slideToggle('medi um');
});
$('ul.menu_body li a').mouseover(function () {
$(this).animate({ fontSize: "13px", paddingLeft: "10px" }, 50 );
});
$('ul.menu_body li a').mouseout(function () {
$(this).animate({ fontSize: "13px", paddingLeft: "10px" }, 50 );
});
});
</script>
---------------------------------------
при наведении курсора на картинку выпадает меню.....
но закрывается это меню только при повторном наведении на ЭТУ ЖЕ картинку.

как сделать что бы выпадающее меню закрывалось нормально ????
эммм.... $ если мышка за пределами меню = закрыть меню

:-?