Endless Scrolling with Easing and Alpha

programming flash
1

Any ideas on how to do this? I would like it to scroll faster as you get closer to the edges and slow as you reach the center.

here’s what im using:


cliparray = [];
function loadXML(loaded) {
    if (loaded) {
        xmlNode = this.firstChild;
        image = [];
        description = [];
        thumbnails = [];
        total = xmlNode.childNodes.length;
        for (i=0; i<total; i++) {
            image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
            description* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
            thumbnails* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue;
            thumbnails_fn(i);
        }
        firstImage();
    } else {
        content = "file not loaded!";
    }
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.xml");
///////////////////////////////////// 
listen = new Object();
listen.onKeyDown = function() {
    if (Key.getCode() == Key.UP) {
        prevImage();
    } else if (Key.getCode() == Key.DOWN) {
        nextImage();
    }
};
Key.addListener(listen);
previous_btn.onRelease = function() {
    prevImage();
};
next_btn.onRelease = function() {
    nextImage();
};
///////////////////////////////////// 
p = 0;
this.onEnterFrame = function() {
    filesize = picture.getBytesTotal();
    loaded = picture.getBytesLoaded();
    preloader._visible = true;
    if (loaded != filesize) {
        preloader.preload_bar._xscale = 100*loaded/filesize;
    } else {
        preloader._visible = false;
        if (picture._alpha<100) {
            picture._alpha += 10;
        }
    }
};
function nextImage() {
    if (p<(total-1)) {
        p++;
        if (loaded == filesize) {
            picture._alpha = 0;
            picture.loadMovie(image[p], 1);
            desc_txt.text = description[p];
            picture_num();
        }
    }
}
function prevImage() {
    if (p>0) {
        p--;
        picture._alpha = 0;
        picture.loadMovie(image[p], 1);
        desc_txt.text = description[p];
        picture_num();
    }
}
function firstImage() {
    if (loaded == filesize) {
        picture._alpha = 0;
        picture.loadMovie(image[0], 1);
        desc_txt.text = description[0];
        picture_num();
    }
}
function picture_num() {
    current_pos = p+1;
    pos_txt.text = current_pos+" / "+total;
}
function thumbNailScroller() {
/*// thumbnail code! 
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
tscroller.onEnterFrame = function() {
if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._height)) {
if ((_root._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._x -= scroll_speed;
} else if ((_root._xmouse<=(hit_left._x+40)) && (thumbnail_mc.hitTest(hit_left))) {
thumbnail_mc._x += scroll_speed;
}
} else {
delete tscroller.onEnterFrame;
}
};
}*/
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
var tot = 0;
tscroller.onEnterFrame = function() {
    if ((_root._xmouse>=thumbnail_mc._x) && (_root._xmouse<=thumbnail_mc._x+thumbnail_mc._width)) {
        if (_root._ymouse>=(hit_right._y-40)) {
            for (var obj in cliparray) {
                cliparray[obj]._y -= scroll_speed;
            }
            if (cliparray[0]._y<-cliparray[0]._height) {
                cliparray[0]._y = cliparray[cliparray.length-1]._y+cliparray[cliparray.length-1]._height+5;
                var j = cliparray.splice(0, 1);
                cliparray = cliparray.concat(j);
            }
        } else if (_root._ymouse<=(hit_left._y+40)) {
            for (var obj in cliparray) {
                cliparray[obj]._y += scroll_speed;
            }
            if (cliparray[cliparray.length-1]._y>hit_right._y) {
                cliparray[cliparray.length-1]._y= cliparray[0]._y-(cliparray[cliparray.length-1]._height+5);
                var j = cliparray.splice(cliparray.length-1, 1);
                cliparray = j.concat(cliparray);
            }
        }
    }
};}
function thumbnails_fn(k) {
    var xx = thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
    cliparray.push(xx);
    tlistener = new Object();
    tlistener.onLoadInit = function(target_mc) {
        target_mc._Y = 5+(target_mc._height+5)*k;
        target_mc.pictureValue = k;
        tot += target_mc._y;
        target_mc.onRelease = function() {
            p = this.pictureValue-1;
            nextImage();
        };
        target_mc.onRollOver = function() {
            this._alpha = 50;
            thumbNailScroller();
        };
        target_mc.onRollOut = function() {
            this._alpha = 100;
        };
    };
    image_mcl = new MovieClipLoader();
    image_mcl.addListener(tlistener);
    image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
}

any help would be appreciated.

also, any ideas on how to make the alpha change a tween?
this is basically the SlideShow tutorial and the endless scrolling combined. So as you move over a thumbnail it abruptly chances the alpha. i would like to make that a smooth AS tween…