Scroll testo dentro <div>: se presenti più <div> non funziona.

[goat]

Ciao,
ho fatto un bel po' di ricerchine; ma non sono riuscito a trovare la soluzione a 'sto problema.
Praticamente ho un div con del testo che scrolla se mi posiziono con il mouse sopra dei pulsanti.
Qua il JS:

    <script type="text/javascript">
    
    function init_dw_Scroll() {
        var wndo = new dw_scrollObj('scroll', 'txt');
        wndo.setUpScrollControls('arrows');
    }
    if ( dw_scrollObj.isSupported() ) {
        dw_Event.add( window, 'load', init_dw_Scroll);
    }
    
    </script> 

E questo l'html:

    <div id="scroll">
        <div id="txt">
            

Qua ci metto il mio testo...</p>
        </div>
    </div>
    <div id="arrows">
        [url="#null"][img]img/arrow_up.gif[/img][/url]
        [url="#null"][img]img/arrow_down.gif[/img][/url]
    </div> 

Ovviamente vengono richiamati altri file Js esterni; ma non credo ci interessino, in 'sto caso.
Il problema è dato dal fatto che avrei esigenza di usare diversi <div> nella stessa pagina; ma così facendo il JS non funziona. Non c'è un modo, il più indolore possibile, per sostituire quegli id con delle classi?

In alternativa accetto anche link a tutorial vari o altro.

Grazie,
goat