Resizing vertical movieclips on stage

programming flash
1

Hi All,

I’m having a he!! of a time with this one. I have a gallery that has vertical based thumbnails. I’m trying to accomplish the functionality similar to http://www.thefwa.com notice how when you resize the page, the spacing in between the images increase up to a certain point, then at the max space, another image is added, and the spaces between the image decrease again. The FWA has a horizontal based lay out, but just try to picture it with just one column of images. I just have absolutely no idea how to accomplish this. Can someone PLEASE help??

My code for this so far is:

stage.scaleMode = "noScale"
stage.align = "tl"

var num_of_thumbs = 8
var min_spacing = 5
var max_spacing = 10

var th = new MovieClip()
addChild(th)

function createThumbs() {

    for(var a = 0 ; a < num_of_thumbs ; a++) {
        var t = new ThumbMc()
        t.y = a * (80 + min_spacing)
        th.addChild(t)
    }
}

stage.addEventListener(Event.RESIZE, handleResize)

function handleResize(e:Event) {
    
    doResize()    
}

function doResize() {
    
}

createThumbs()
doResize()

So basically right now, the movieclips are just set vertically, when I try expanding the screen, more movie clips show, but I want it to be more like The FWA if that makes any sense.