初めての投稿になります。よろしくお願いします。

写真（サムネイル）を画面いっぱいにタイル状に並べ、
クリックすると拡大写真とコメントなどが表示されるような
コンテンツを作ろうと思っております。

仕様としては、以下のような感じを想定しています。

・画面サイズを所得し、適切なサムネイル枚数を計算し、表示。
・ナビゲーションより「next」「back」をクリックすることで
　サムネイルを総差し替え。例えばデフォルトが1?20まで
　表示されたとしたら、「next」をクリックすると
　21?40までが表示されるといった感じ。

現状画面上に外部読み込みの写真をタイル状に表示させることは
できたのですが、そこから「next」ボタンをクリックしたときの
挙動をどう作ればよいのかわからず、悩んでおります。

現状までのスクリプトは以下のような感じです。

var imgWrap:MovieClip;
var stageW:Number = Stage.width;
var stageH:Number = Stage.height;
var imgW:Number = 150;
var imgH:Number = 150;
var cols:Number;
var rows:Number;
var imgNum:Number;
var mcl:MovieClipLoader;


function setPhoto() {
cols = Math.ceil(stageW / imgW);
rows = Math.ceil(stageH / imgH);
imgNum = cols * rows;
for (var i:Number = 0; i < imgNum; i++) {
var X:Number = i % cols;
var Y:Number = Math.floor(i / cols);
var def = {_x:imgW * X, _y:imgH * Y };
imgWrap = this.attachMovie("imgWrap", "imgWrap" + i, 100 + i, def);
mcl = new MovieClipLoader();
mcl.loadClip("imgs/s/img" + i + ".jpg", imgWrap.img);
}
}


まだFlashでの経験も浅く、粗末なスクリプトですが、
何卒ご教授いただけますと幸いです。

よろしくお願いいたします。