Introduction and work from the week of 5-9-2010

My project for the summer is to continue work begun in the Advanced web for designers class and create a website for the university art gallery (TAG). This is a collaborative effort between myself and Donald Hill, with art design assistance from Ian Lett, Amy Bowman, Joseph Herring, Richard Humphreys and Felicia Batzloff.

My primary responsibility is to provide the Flash framework for the homepage and creating a template to highlight works from each show to replace the archived galleries on Flickr.

For this first week I created a basic slideshow template with scrolling thumbnails. The thumbnails were created using ezthumbs.

Because the goal is to create a template that can be easily updated with limited flash knowledge, I am creating most of the functionality through the actionscript instead of using tweens in movie clips. this results in a great deal of code for the movement. Functions are required to move one set of images on, another to move them off to the left, off to the right, etc and so on. The code follows below. Here is the first template.

stop();
import flash.display.*;
import flash.utils.*;

var preview;
var numClips:int = 10;
var gallery:Array = new Array(numClips);

btn1.visible = false;
btn2.visible = false;
btn3.visible = false;
btn4.visible = false;
btn5.visible = false;
btn6.visible = false;
btn7.visible = false;
btn8.visible = false;
btn9.visible = false;
btn10.visible = false;

stage.addEventListener(Event.ENTER_FRAME, createArray);
stage.addEventListener(Event.ENTER_FRAME, initialize);
next_btn.addEventListener(MouseEvent.CLICK, moveOffStage);
next_btn.addEventListener(MouseEvent.CLICK, releaseClips);
prev_btn.addEventListener(MouseEvent.CLICK, moveOffStage2);
prev_btn.addEventListener(MouseEvent.CLICK, releaseClips2);
hld6.addEventListener(Event.ENTER_FRAME, moveClipsOffStage2);
hld7.addEventListener(Event.ENTER_FRAME, moveClipsOffStage2);
hld8.addEventListener(Event.ENTER_FRAME, moveClipsOffStage2);
hld9.addEventListener(Event.ENTER_FRAME, moveClipsOffStage2);
hld10.addEventListener(Event.ENTER_FRAME, moveClipsOffStage2);

function createArray(e:Event): void
{
gallery[0] = new mc001();
hld1.addChild(gallery[0]);
gallery[1] = new mc002();
hld2.addChild(gallery[1]);
gallery[2] = new mc003();
hld3.addChild(gallery[2]);
gallery[3] = new mc004();
hld4.addChild(gallery[3]);
gallery[4] = new mc005();
hld5.addChild(gallery[4]);
gallery[5] = new mc006();
hld6.addChild(gallery[5]);
gallery[6] = new mc007();
hld7.addChild(gallery[6]);
gallery[7] = new mc008();
hld8.addChild(gallery[7]);
gallery[8] = new mc009();
hld9.addChild(gallery[8]);
gallery[9] = new mc010();
hld10.addChild(gallery[9]);
stage.removeEventListener(Event.ENTER_FRAME, createArray);
}
function initialize(e:Event):void
{
hld1.addEventListener(Event.ENTER_FRAME, moveClips);
hld2.addEventListener(Event.ENTER_FRAME, moveClips);
hld3.addEventListener(Event.ENTER_FRAME, moveClips);
hld4.addEventListener(Event.ENTER_FRAME, moveClips);
hld5.addEventListener(Event.ENTER_FRAME, moveClips);
stage.removeEventListener(Event.ENTER_FRAME, initialize);
}
function moveClips(e:Event):void
{
if(hld1.x > 25)
{
hld1.x -= 2.5;
if(hld1.x == 25)
{
hld1.removeEventListener(Event.ENTER_FRAME, moveClips);
btn1.visible = true;
btn1.addEventListener(MouseEvent.MOUSE_OVER, openPrev);
btn1.addEventListener(MouseEvent.MOUSE_OUT, closePrev);
}
}
if(hld2.x > 175 && hld1.x < 625)
{
hld2.x -=2.5;
if(hld2.x <= 175)
{
hld2.removeEventListener(Event.ENTER_FRAME, moveClips);
btn2.visible = true;
btn2.addEventListener(MouseEvent.MOUSE_OVER, openPrev);
btn2.addEventListener(MouseEvent.MOUSE_OUT, closePrev);
}
}
if(hld3.x > 325 && hld1.x < 475)
{
hld3.x -=2.5;
if(hld3.x == 325)
{
hld3.removeEventListener(Event.ENTER_FRAME, moveClips);
btn3.visible = true;
btn3.addEventListener(MouseEvent.MOUSE_OVER, openPrev);
btn3.addEventListener(MouseEvent.MOUSE_OUT, closePrev);
}
}
if(hld4.x > 475 && hld1.x < 325)
{
hld4.x -=2.5;
if(hld4.x == 475)
{
hld4.removeEventListener(Event.ENTER_FRAME, moveClips);
btn4.visible = true;
btn4.addEventListener(MouseEvent.MOUSE_OVER, openPrev);
btn4.addEventListener(MouseEvent.MOUSE_OUT, closePrev);
}
}
if(hld5.x > 625 && hld1.x < 175)
{
hld5.x -=2.5;
if(hld5.x == 625)
{
hld5.removeEventListener(Event.ENTER_FRAME, moveClips);
btn5.visible = true;
btn5.addEventListener(MouseEvent.MOUSE_OVER, openPrev);
btn5.addEventListener(MouseEvent.MOUSE_OUT, closePrev);
}
}
}
function moveClips2(e:Event):void
{
if(hld6.x > 25)
{
hld6.x -= 2.5;
if(hld6.x == 25)
{
hld6.removeEventListener(Event.ENTER_FRAME, moveClips);
btn6.visible = true;
btn1.visible = false;
btn6.addEventListener(MouseEvent.MOUSE_OVER, openPrev);
btn6.addEventListener(MouseEvent.MOUSE_OUT, closePrev);
}
}
if(hld7.x > 175 && hld6.x < 625)
{
hld7.x -=2.5;
if(hld7.x <= 175)
{
hld7.removeEventListener(Event.ENTER_FRAME, moveClips);
btn7.visible = true;
btn2.visible = false;
btn7.addEventListener(MouseEvent.MOUSE_OVER, openPrev);
btn7.addEventListener(MouseEvent.MOUSE_OUT, closePrev);
}
}
if(hld8.x > 325 && hld6.x < 475)
{
hld8.x -=2.5;
if(hld8.x == 325)
{
hld8.removeEventListener(Event.ENTER_FRAME, moveClips);
btn8.visible = true;
btn3.visible = false;
btn8.addEventListener(MouseEvent.MOUSE_OVER, openPrev);
btn8.addEventListener(MouseEvent.MOUSE_OUT, closePrev);
}
}
if(hld9.x > 475 && hld6.x < 325)
{
hld9.x -=2.5;
if(hld9.x == 475)
{
hld9.removeEventListener(Event.ENTER_FRAME, moveClips);
btn9.visible = true;
btn4.visible = false;
btn9.addEventListener(MouseEvent.MOUSE_OVER, openPrev);
btn9.addEventListener(MouseEvent.MOUSE_OUT, closePrev);
}
}
if(hld10.x > 625 && hld6.x < 175)
{
hld10.x -=2.5;
if(hld10.x == 625)
{
hld10.removeEventListener(Event.ENTER_FRAME, moveClips);
btn10.visible = true;
btn5.visible = false;
btn10..addEventListener(MouseEvent.MOUSE_OVER, openPrev);
btn10.addEventListener(MouseEvent.MOUSE_OUT, closePrev);
}
}
}
function moveClips3(e:Event):void
{
if(hld5.x < 625)
{
hld5.x += 2.5;
if(hld5.x == 625)
{
hld5.removeEventListener(Event.ENTER_FRAME, moveClips3);
btn5.visible = true;
btn10.visible = false;
btn5.addEventListener(MouseEvent.MOUSE_OVER, openPrev);
btn5.addEventListener(MouseEvent.MOUSE_OUT, closePrev);
}
}
if(hld4.x < 475 && hld5.x > 25)
{
hld4.x +=2.5;
if(hld4.x == 475)
{
hld4.removeEventListener(Event.ENTER_FRAME, moveClips);
btn4.visible = true;
btn9.visible = false;
btn4.addEventListener(MouseEvent.MOUSE_OVER, openPrev);
btn4.addEventListener(MouseEvent.MOUSE_OUT, closePrev);
}
}
if(hld3.x < 325 && hld5.x > 175)
{
hld3.x +=2.5;
if(hld3.x == 325)
{
hld3.removeEventListener(Event.ENTER_FRAME, moveClips);
btn3.visible = true;
btn8.visible = false;
btn3.addEventListener(MouseEvent.MOUSE_OVER, openPrev);
btn3.addEventListener(MouseEvent.MOUSE_OUT, closePrev);
}
}
if(hld2.x < 175 && hld5.x > 325)
{
hld2.x +=2.5;
if(hld2.x == 175)
{
hld2.removeEventListener(Event.ENTER_FRAME, moveClips);
btn2.visible = true;
btn7.visible = false;
btn2.addEventListener(MouseEvent.MOUSE_OVER, openPrev);
btn2.addEventListener(MouseEvent.MOUSE_OUT, closePrev);
}
}
if(hld1.x < 25 && hld5.x > 475)
{
hld1.x +=2.5;
if(hld1.x == 25)
{
hld1.removeEventListener(Event.ENTER_FRAME, moveClips);
btn1.visible = true;
btn6.visible = false;
btn1.addEventListener(MouseEvent.MOUSE_OVER, openPrev);
btn1.addEventListener(MouseEvent.MOUSE_OUT, closePrev);
}
}
}
function moveOffStage(e:MouseEvent):void
{
hld1.addEventListener(Event.ENTER_FRAME, moveClipsOffStage);
hld2.addEventListener(Event.ENTER_FRAME, moveClipsOffStage);
hld3.addEventListener(Event.ENTER_FRAME, moveClipsOffStage);
hld4.addEventListener(Event.ENTER_FRAME, moveClipsOffStage);
hld5.addEventListener(Event.ENTER_FRAME, moveClipsOffStage);
hld6.addEventListener(Event.ENTER_FRAME, moveClips2);
hld7.addEventListener(Event.ENTER_FRAME, moveClips2);
hld8.addEventListener(Event.ENTER_FRAME, moveClips2);
hld9.addEventListener(Event.ENTER_FRAME, moveClips2);
hld10.addEventListener(Event.ENTER_FRAME, moveClips2);
}
function moveOffStage2(e:MouseEvent):void
{
hld1.addEventListener(Event.ENTER_FRAME, moveClips3);
hld2.addEventListener(Event.ENTER_FRAME, moveClips3);
hld3.addEventListener(Event.ENTER_FRAME, moveClips3);
hld4.addEventListener(Event.ENTER_FRAME, moveClips3);
hld5.addEventListener(Event.ENTER_FRAME, moveClips3);
hld6.addEventListener(Event.ENTER_FRAME, moveClipsOffStage2);
hld7.addEventListener(Event.ENTER_FRAME, moveClipsOffStage2);
hld8.addEventListener(Event.ENTER_FRAME, moveClipsOffStage2);
hld9.addEventListener(Event.ENTER_FRAME, moveClipsOffStage2);
hld10.addEventListener(Event.ENTER_FRAME, moveClipsOffStage2);
}
function releaseClips(e:MouseEvent):void
{
hld1.removeEventListener(Event.ENTER_FRAME, moveClips3);
hld2.removeEventListener(Event.ENTER_FRAME, moveClips3);
hld3.removeEventListener(Event.ENTER_FRAME, moveClips3);
hld4.removeEventListener(Event.ENTER_FRAME, moveClips3);
hld5.removeEventListener(Event.ENTER_FRAME, moveClips3);
hld6.removeEventListener(Event.ENTER_FRAME, moveClipsOffStage2);
hld7.removeEventListener(Event.ENTER_FRAME, moveClipsOffStage2);
hld8.removeEventListener(Event.ENTER_FRAME, moveClipsOffStage2);
hld9.removeEventListener(Event.ENTER_FRAME, moveClipsOffStage2);
hld10.removeEventListener(Event.ENTER_FRAME, moveClipsOffStage2);
}
function releaseClips2(e:MouseEvent):void
{
hld1.removeEventListener(Event.ENTER_FRAME, moveClipsOffStage);
hld2.removeEventListener(Event.ENTER_FRAME, moveClipsOffStage);
hld3.removeEventListener(Event.ENTER_FRAME, moveClipsOffStage);
hld4.removeEventListener(Event.ENTER_FRAME, moveClipsOffStage);
hld5.removeEventListener(Event.ENTER_FRAME, moveClipsOffStage);
hld6.removeEventListener(Event.ENTER_FRAME, moveClips2);
hld7.removeEventListener(Event.ENTER_FRAME, moveClips2);
hld8.removeEventListener(Event.ENTER_FRAME, moveClips2);
hld9.removeEventListener(Event.ENTER_FRAME, moveClips2);
hld10.removeEventListener(Event.ENTER_FRAME, moveClips2);
}
function moveClipsOffStage(e:Event):void
{
if(hld1.x > -125)
hld1.x -= 2.5;
if(hld2.x > -125)
hld2.x -= 2.5;
if(hld3.x > -125)
hld3.x -= 2.5;
if(hld4.x > -125)
hld4.x -= 2.5;
if(hld5.x > -125)
hld5.x -= 2.5;
}
function moveClipsOffStage2(e:Event):void
{
if(hld6.x < 775)
hld6.x += 2.5;
if(hld7.x < 775)
hld7.x += 2.5;
if(hld8.x < 775)
hld8.x += 2.5;
if(hld9.x < 775)
hld9.x += 2.5;
if(hld10.x < 775)
hld10.x += 2.5;
}
function openPrev(e:MouseEvent): void
{
if(e.target == btn1)
preview = new tc001();
if(e.target == btn2)
preview = new tc002();
if(e.target == btn3)
preview = new tc003();
if(e.target == btn4)
preview = new tc004();
if(e.target == btn5)
preview = new tc005();
if(e.target == btn6)
preview = new tc006();
if(e.target == btn7)
preview = new tc007();
if(e.target == btn8)
preview = new tc008();
if(e.target == btn9)
preview = new tc009();
if(e.target == btn10)
preview = new tc010();
loadWindow.addChild(preview);
}
function closePrev(e:MouseEvent): void
{
loadWindow.removeChild(preview);
}