Well.. it worked.. but somehow the image flickers really quickly then it fades to 1....
dont know what it could be...
here is the code:
import com.greensock.*;
import com.greensock.easing.*;
TweenMax.fromTo(bk, 10, {alpha:0}, {alpha:1});
TweenMax.fromTo(background, 10, {alpha:0}, {alpha:1});
TweenMax.fromTo(background2, 10, {alpha:0}, {alpha:1});
TweenMax.fromTo(background3, 10, {alpha:0}, {alpha:1});
background.mask = mask1;
background2.mask = mask2;
background3.mask = mask3;
function forwardTween(){
TweenMax.to(mask1, 7, {width:350, delay:2, ease:Sine.easeInOut, onComplete:reverseTween});
TweenMax.to(mask2, 9, {x:700, delay:3, ease:Sine.easeInOut, onComplete:reverseTween});
TweenMax.to(mask3, 10, {x:100, delay:5, ease:Sine.easeInOut, onComplete:reverseTween});
}
function reverseTween(){
TweenMax.to(mask1, 8, {width:1, delay:5, ease:Sine.easeInOut, onComplete:forwardTween});
TweenMax.to(mask2, 10, {x:100, delay:4, ease:Sine.easeInOut, onComplete:forwardTween});
TweenMax.to(mask3, 10, {x:1024, delay:2, ease:Sine.easeInOut, onComplete:forwardTween});
}
forwardTween();
thanks for any imput..