$(function() {
    var menuTimer = null;
    var menuOn = function(){
        if ($('#menu').css('left') == '-200px') { 
            $('#menu').animate({left:'0px'}, 'slow', function(){
                // auto close;
                menuTimer = $.timer(10000, function (timer) { menuOff(); timer.stop(); });
            });
        }
    }
    var menuOff = function(){
        if ($('#menu').css('left') == '0px') {
            // stop auto close
            menuTimer.stop();
            $('#menu').animate({left:'-200px'}, 'slow');
        }
    }
    var toggleMenu = function(){
        if($('#menu').css('left') == '-200px') {
            menuOn();
        }
        else {
            menuOff();
        }
    };
	$('#menu_button').click(toggleMenu);
	$('#menu_button').mouseover(menuOn);
	$('#menu').click(menuOff);
});