Show Hide Menu On left Middle of Screen

<script type="text/javascript">

        var i = -135

        var intHide

        var speed = 5

        function showmenu() {

            clearInterval(intHide)

            intShow = setInterval("show()", 10)

        }

        function hidemenu() {

            clearInterval(intShow)

            intHide = setInterval("hide()", 10)

        }

        function show() {

            if (i < -12) {

                i = i + speed

                document.getElementById('myMenu').style.left = i

            }

        }

        function hide() {

            if (i > -135) {

                i = i - speed

                document.getElementById('myMenu').style.left = i

            }

        }

    </script>



<style>
        body
        {
            font-family: arial;
        }
        a
        {
            color: black;
            text-decoration: none;
            font: bold;
        }
        a:hover
        {
            color: #606060;
        }
        td.menu
        {
            background: lightblue;
            padding-left: 15px;
        }
        table.nav
        {
            margin-top: 50%;
            position: fixed;
            font: bold 80% arial;
            top: 0px;
            left: -130px;
        }
    </style>