galería de videos -ayuda-

[gcrlink]

hola

Diseñé una galería que muestra videos flash. Tengo un div contenedor #videos_flash, y dentro del mismo otros div en los cuales se encuentra un video flash. De entrada el usuario observa tres divs con un video flash cada uno. Al hacer click sobre la flecha del extremo derecho, el scroll de #videos_flash aumenta mostrando tres nuevos divs con videos. Hasta ahora todo bien.

Lo que no logro es controlar la velocidad del scroll. Creo que para los visitantes de la página el cambio es muy brusco y poco estético.

Me gustaría poder controlar la velocidad del scroll de tal manera que el pasar de las primeros tres divs a los siguientes no sea tan abrupto.

El código es el siguiente:

Código HTML:

<div id="right_arrow" onclick="javascript: right()">
         </div>
<div id="videos_flash">
                    <div id="f1">
                             <center><img src="f1.png" alt="" /></center>
                    </div>
                    <div id="f2">
                             <center><img src="f2.png" alt="" /></center>
                    </div>
                    <div id="f3">
                             <center><img src="f3.png" alt="" /></center>
                    </div>
                    <div id="f4">
                             <center><img src="f4.png" alt="" /></center>
                    </div>
                    <div id="f5">
                             <center><img src="f5.png" alt="" /></center>
                    </div>
                    <div id="f6">
                             <center><img src="f6.png" alt="" /></center>
                    </div>
         </div>
 

Código Javascript:

var div = [0,220];
var posinicial = 0;
 
function right()
{
    if (posinicial < div.length)
      {
          videos_flash.scrollTop = div[posinicial+1];
            posinicial++;
        } 
    if (posinicial == div.length)
      {
          posinicial = 0;
        }
}
 

Para que el scrollTop me funcione le paso como parámetro el valor de la altura (220) del div contenedor #videos_flash. Luego igualo el div.length con el valor de la var posini de tal manera que el movimiento pueda ser cíclico o repetitivo.

Pero no sé como reducir la velocidad del scrollTop para que el movimiento del cambio sea más fluido y menos de a golpe.

Desde ahora aprecio sus consejos y ayudas.