Scroll con Botones y TweenMax

Quiero hacer un efecto parecido al que aparace en la sigiuente página al seleccionar las opciones y que se posicione en cada imagen con TweenMax

http://www.jcrew.com/index.jsp

Este es el código que utilice:

import com.greensock.*;

var startY:Number=parent_mc.y;
var distanceToScroll:Number = mask_mc.height;
var lastItemY:Number = parent_mc.height;
var posini:Number =1;

btn1.addEventListener(MouseEvent.CLICK, opcion1);
btn2.addEventListener(MouseEvent.CLICK, opcion2);
btn3.addEventListener(MouseEvent.CLICK, opcion3);
btn4.addEventListener(MouseEvent.CLICK, opcion4);

function opcion1(event:MouseEvent):void {scrollIt(1);}
function opcion2(event:MouseEvent):void {scrollIt(2);}
function opcion3(event:MouseEvent):void {scrollIt(3);}
function opcion4(event:MouseEvent):void {scrollIt(4);}


function scrollIt(posicion){
var i:Number = posicion - posini;
var s:Number = 0;
if (i < 0){(i = -1 * i); s = 1; }

while (i > 0){
switch(s)
{
case 0: TweenMax.to(parent_mc, .54, {y:String(-distanceToScroll), delay:0.25});; break;
case 1: TweenMax.to(parent_mc, .54, {y:String(distanceToScroll),delay:0.25});; break;
}
i--;
}
i = 0;
s = 0;
posini = posicion;

}

btn.addEventListener(MouseEvent.CLICK, toggleMask)

function toggleMask(e:Event = null):void{
parent_mc.mask = (parent_mc.mask) ? null : mask_mc

}

toggleMask();

Cuando oprimo boton 1 y despues boton 2 se posiciona el movieclip en el sitio preciso pero si oprimo el boton 1 y luego el boton 3 no se posiciones el movieclip en el sitio excato.

Pueden ayudarme por favor?

Mil gracias de antemano