Ciao a tutti, ho una div fatta in questo modo:

codice HTML:
        <div class="scrollable">     
          <table class="first">          
             <tr>               
                <td>             
                   <a href="galleria/i.html"></a>
                    <div id="at" class="imgborder" style="background-image:url('img/foto/at.jpg')"></div>            
                </td>
                <td>
                    <a href="galleria/z.html"></a>
                    <div id="zz" class="imgborder" style="background-image:url('img/foto/z.jpg')"></div>                </td>   
               [...] 
        </tr>   
          [...]   
    </table> 
   </div>
nella table sono presenti n righe ed m colonne.
Io vorrei creare uno script che, passando come parametro l'id della div da visualizzare (e.g. zz, at), mi scrolli la div (scrollable) in modo da mettere in altro l'elemento con id uguale a quello passato (e.g. zz, at), ovviamente qualora non fosse l'ultimo eccc...per spiegarmi meglio, se io passo alla funzione l'id di una div che nella 7ima riga della div scrollable, vorrei che mi scrollasse la div fino a quell'elemento.
è possibile? idee? suggerimenti? ne so molto poco di javascript e non saprei da che parte iniziare...
Grazie