Part Two: Setting up the border

1. To have it fade horizontal, change 
   
   //Create grid for (i=0; i<amH; i++) { for (var k = 0; k<amV; k++) { box.duplicateMovieClip("box"+depth, depth); cur = this["box"+depth]; cur._x = image._x+(xspacing*i); cur._y = image._y+(yspacing*k); depth++; } }

    

   to

    

   for (var k = 0; k<amV; k++) { for (i=0; i<amH; i++) { box.duplicateMovieClip("box"+depth, depth); cur = this["box"+depth]; cur._x = image._x+(xspacing*i); cur._y = image._y+(yspacing*k); depth++; } }
   
    

2. To have it from bottom to top, change 
   
   mcnr += 1;

    

   to

    

   mcnr -= 1;
    

   and change the action that starts it all, fadeOut(0, 5) for example, where 0 is the box to start fading at and 5 is the speed of fading out, to start at the last box. We defined amV and amH in the beginning, which respectively represent the amount of vertical and horizontal boxes. So if multiply one with the other, we'd have the total amount of boxes. But, since the boxes start at box0 and not at box1, we have to substract 1. So it would become: 

    

   fadeOut(amH*amV-1, 5)

    

You're finished with this tutorial. If you have any further questions, please don't hesitate to post on the forums.