ace">        }

}


function init(){

        if(document.getElementById){

        obj = document.getElementById("menuDiv");

        obj.style.left = "-130px";

        }

}


function slideRight(){

        if(document.getElementById){

                if(parseInt(obj.style.left) < -10){

                        obj.style.left = parseInt(obj.style.left) + 10 + "px";

                        setTimeout("slideRight()",50);

                }

        }

}


function slideLeft(){

        if(document.getElementById){

                if(parseInt(obj.style.left) > -130){

                        obj.style.left = parseInt(obj.style.left) - 10 + "px";

                        setTimeout("slideLeft()",50);

                }

        }

}

</script>


<style type="text/css">

#menuDiv

{

position:absolute;

left:-130px;

top:0px;

width:140px;

height:190px;

z-index:5;

text-align:right;

}

</style>


</head>

<body onLoad="init();slideRight()" bgcolor="black">


<div id="menuDiv">


                 ...Layer-Inhalt...


<a href="javascript:slideLeft()"><img src="left.gif" border="0"></a>

<a href="javascript:slideRight()"><img src="right.gif" border="0"></a>


</div>


<center>

<a href="javascript:moveTo('menuDiv', -10, 0)">moveRight</a><br>

<a href="javascript:moveTo('menuDiv', -130, 0)">moveLeft</a><br>

<a href="javascript:slideRight()">slideRight</a><br>

<a href="javascript:slideLeft()">slideLeft</a>

</center>


</body></html>