Making photo gallery run automatically

Question

hi there
i have already created a photogallery for the website below.
http://hitenkajal.co.uk/hk_family.html
Now i will like the photos to run automatically as well as having button to click on. I want this done via as3 as i have quite alot of photos. Can someone help me?
my as3 code:
/* Mouse Click Event
Clicking on the specified symbol instance executes a function in which you can add your own custom code.
Instructions:
1. Add your custom code on a new line after the line that says "// Start your custom code" below.
The code will execute when the symbol instance is clicked.
family1_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler);
function fl_MouseClickHandler(event:MouseEvent):void
    // Start your custom code
    // This example code displays the words "Mouse clicked" in the Output panel.
    trace("family1_btn");
    familyBkgd.mainLoader.source = "hkimage/largepic/family.jpg";
family2_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_2);
function fl_MouseClickHandler_2(event:MouseEvent):void
    // Start your custom code
    // This example code displays the words "Mouse clicked" in the Output panel.
    trace("family2_btn");
    familyBkgd.mainLoader.source = "hkimage/largepic/sheth_family.jpg";
    // End your custom code
family3_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_3);
function fl_MouseClickHandler_3(event:MouseEvent):void
    // Start your custom code
    // This example code displays the words "Mouse clicked" in the Output panel.
    trace("family3_btn");
    familyBkgd.mainLoader.source = "hkimage/largepic/valani_family.jpg";
    // End your custom code
family4_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_6);
function fl_MouseClickHandler_6(event:MouseEvent):void
    // Start your custom code
    // This example code displays the words "Mouse clicked" in the Output panel.
    trace("family4_btn");
    familyBkgd.mainLoader.source = "hkimage/largepic/hiten_brothers.jpg";
    // End your custom code
family5_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_5);
function fl_MouseClickHandler_5(event:MouseEvent):void
    // Start your custom code
    // This example code displays the words "Mouse clicked" in the Output panel.
    trace("family5_btn");
    familyBkgd.mainLoader.source = "hkimage/largepic/the_sisters.jpg";
    // End your custom code
family6_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_7);
function fl_MouseClickHandler_7(event:MouseEvent):void
    // Start your custom code
    // This example code displays the words "Mouse clicked" in the Output panel.
    trace("family6_btn");
    familyBkgd.mainLoader.source = "hkimage/largepic/kajal_baa.jpg";
    // End your custom code
family7_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_8);
function fl_MouseClickHandler_8(event:MouseEvent):void
    // Start your custom code
    // This example code displays the words "Mouse clicked" in the Output panel.
    trace("family7_btn");
    familyBkgd.mainLoader.source = "hkimage/largepic/kajal_sisters.jpg";
    // End your custom code

Answer 1

while the photos are automatically changing, i will like it to fade in and out smoothly. How can i do that?
My AS3 code
import flash.utils.Timer;ode
import flash.events.TimerEvent;
var imgArr:Array=new Array("family.jpg","sheth_family.jpg","valani_family.jpg","hiten_brothers.jpg","the_siste rs.jpg","kajal_baa.jpg","kajal_sisters.jpg");
var path:String="hkimage/largepic/";
var i:int=1;
var timer:Timer=new Timer(7000);
timer.addEventListener(TimerEvent.TIMER,timerfn);
timer.start();
function timerfn(e:TimerEvent):void{
    if (i>=imgArr.length) i=0;
    familyBkgd.mainLoader.source =path+imgArr[i];
    trace(imgArr[i]);
    i++;
/* Mouse Click Evente
Clicking on the specified symbol instance executes a function in which you can add your own custom code.
Instructions:
1. Add your custom code on a new line after the line that says "// Start your custom code" below.
The code will execute when the symbol instance is clicked.
family1_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler);
function fl_MouseClickHandler(event:MouseEvent):void
    // Start your custom code
    // This example code displays the words "Mouse clicked" in the Output panel.
    trace("family1_btn");
    familyBkgd.mainLoader.source = "hkimage/largepic/family.jpg";
    i=0;
family2_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_2);
function fl_MouseClickHandler_2(event:MouseEvent):void
    // Start your custom code
    // This example code displays the words "Mouse clicked" in the Output panel.
    trace("family2_btn");
    familyBkgd.mainLoader.source = "hkimage/largepic/sheth_family.jpg";
    // End your custom code
    i=1;
family3_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_3);
function fl_MouseClickHandler_3(event:MouseEvent):void
    // Start your custom code
    // This example code displays the words "Mouse clicked" in the Output panel.
    trace("family3_btn");
    familyBkgd.mainLoader.source = "hkimage/largepic/valani_family.jpg";
    // End your custom code
family4_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_6);
function fl_MouseClickHandler_6(event:MouseEvent):void
    // Start your custom code
    // This example code displays the words "Mouse clicked" in the Output panel.
    trace("family4_btn");
    familyBkgd.mainLoader.source = "hkimage/largepic/hiten_brothers.jpg";
    // End your custom code
family5_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_5);
function fl_MouseClickHandler_5(event:MouseEvent):void
    // Start your custom code
    // This example code displays the words "Mouse clicked" in the Output panel.
    trace("family5_btn");
    familyBkgd.mainLoader.source = "hkimage/largepic/the_sisters.jpg";
    // End your custom code
family6_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_7);
function fl_MouseClickHandler_7(event:MouseEvent):void
    // Start your custom code
    // This example code displays the words "Mouse clicked" in the Output panel.
    trace("family6_btn");
    familyBkgd.mainLoader.source = "hkimage/largepic/kajal_baa.jpg";
    // End your custom code
family7_btn.addEventListener(MouseEvent.CLICK, fl_MouseClickHandler_8);
function fl_MouseClickHandler_8(event:MouseEvent):void
    // Start your custom code
    // This example code displays the words "Mouse clicked" in the Output panel.
    trace("family7_btn");
    familyBkgd.mainLoader.source = "hkimage/largepic/kajal_sisters.jpg";
    // End your custom code