Gallery.as

layer = 99999;

// paths in webspace for image access imageRoot = "/w/angela-images"; thumbPath = imageRoot + "/small"; imagePath = imageRoot + "/big";

// gallery metrics maxColumns = 3; maxRows = 4; thumbSpacing = 10;

// list of images // TODO get this from socket or GET var pic = new Array(); pic.push( "/purple.jpg"); pic.push( "/purple.jpg"); pic.push( "/purple.jpg"); pic.push( "/purple.jpg"); pic.push( "/purple.jpg"); pic.push( "/purple.jpg"); pic.push( "/purple.jpg"); pic.push( "/purple.jpg"); pic.push( "/purple.jpg");

count = 0;

for ( y = 0; y < maxRows; y++) { for ( x = 0; x < maxColumns; x++) {

var temp = new thumb( _root, layer--, thumbPath + pic[count++], x * (100+thumbSpacing), y * (100+thumbSpacing)); }

   }

function thumb( parentMovieClip, layer, imageUrl, x, y ) {

   var name = 'thumb'+layer;
   parentMovieClip.createEmptyMovieClip( name, layer );
   this.thumb = parentMovieClip[name];
   this.thumb.loadMovie( imageUrl );
   this.thumb._x = x;
   this.thumb._y = y;

   this.thumb.onRollOver  = function() {
       this.thumb._alpha = 60;
       }; 

   this.thumb.onRollOut  = function() {
       this.thumb._alpha = 100;
       }; 

   }

//something = new thumb( _root, layer--, "/w/angela-images/small/purple.jpg", 10, 10 );

// per-frame function function reduce() { }