Meu objetivo é fazer um programa que tenha uma lista, e cada vez que o mouse passe por cima do nome dessa lista, ela mostre um conteúdo de uma `div`, mas então usando esse código aqui, criei um vetor pra cada item da lista, mas não to conseguindo fazer com que ele mostre. Alguém pode mostrar o erro ou solução? 

    <blink>
    <html>
    <body>
    <script type="text/javascript">  
    function mostra()
     {
       var arraypilotes=["1","2","3"];
       document.getElementById('arraypilotes[i]').style.display = 'block';  
    }  
    
    function esconde()
     { 
        var arraypilotes=["1","2","3"];
        document.getElementById('arraypilotes[i]').style.display = 'none';  
    }  
    </script>
      
    <a href="#" onmouseover="javascript:mostra();" onmouseout="esconde();">Teste</a>  
    <div id="arraypilotes[0]" style="display:none;">Conteudo da DIV</div> 
    <br/>
    <br/>
    <a href="#" onmouseover="javascript:mostra();" onmouseout="esconde();">Teste2</a>  
    <div id="arraypilotes[1]" style="display:none;">Conteudo da DIV</div>   
    <br/>
    <br/>
    <a href="#" onmouseover="javascript:mostra();" onmouseout="esconde();">Teste3</a>  
    <div id="arraypilotes[2]" style="display:none;">Conteudo da DIV</div>   
    </body>
    </html>
    </blink>