меню проблемы
 

пишу что то похожие на игру есть меню нужно сделать так чтоб при на видении на край экрана оно выезжала и при убирании курсора с него оно заезжала сделал по клику но не айс помогите усовершенствовать

<div id="menu">
    <img src="120px-Молот.png" id="mol">
    <img src="120px-Базука.png" id="baz">
    <img src="120px-Бомбардировка.png" id="boom">
    <img src="Динамит.png" id="tnt">
</div>

var test=document.createElement('menu');
menu.style.zIndex=10;
menu.style.width="160px";
menu.style.height="100%";
menu.style.position='absolute';
menu.style.left="-155px";

menu.onclick=function move(event) {
var left = -155;

function frame() {

left++;
menu.style.left = left + 'px'

if (left == 0) {
clearInterval(timer1);
}
}
var timer1 = setInterval(frame, 10)
}

Как вариант, отслеживай координаты мыши на боди...
http://learn.javascript.ru/mouse-clicks#координаты-мыши

ksa,
сделал проще но работает почему то кривовато может из за нагрузки всего кода хз

menu.onmouseover=azz;
function azz(event) {
    var left = -155;

    function frame() {

        left++;
        menu.style.left = left + 'px'


        if (left == 0) {
            clearInterval(timer1);
        }
    }
    var timer1 = setInterval(frame, 10)
}
menu.onmouseout=az;
function az(event) {
    var left = 0;

    function frame() {

        left--;
        menu.style.left = left + 'px'


        if (left == -155) {
            clearInterval(timer1);
        }
    }