JS

[Nelly_]

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

<script type="text/javascript">
$(document).ready(function () {
$("ul.menu_body li:even").addClass("alt");
$('img.menu_head').mouseover(functi on () {
$('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>
---------------------------------------
при наведении курсора на картинку выпадает меню.....
но закрывается это меню только при повторном наведении на ЭТУ ЖЕ картинку.

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