We will start by initializing our Variables and arrays that we will use, in the Action panel declare two arrays, one for the positions of the images and the other for the describtion of the current image which will show up in the text field 

//we declare a variable to hold total number of images
var numOfPix:Number = 6;
//declaring the positions array
//The positions starts from 0 (the first image position and we add the width of each image on the right)
var pos:Array = [0, 320, 640, 960, 1280, 1600];
//declare the informations that will be displayed in the text field, just a dummy text for the sake of ease
var theInfo:Array = ["The First Car", "The Second Car", "The Third Car", "The Fourth Car", "The Fifth Car", "The Sixth Car"];
//Declaring variables to control the buttons' labels
var w:Number = _level0.the1_btn._width;
var h:Number = _level0.the1_btn._height;

Fine 'till now, let's move another step. We set the Text Format that we will use in our Text Fields

//~~~ The text Format ~~~
//First we create a new Text Formt that weill hold our text properties which are "align to center", "color is orange",
"bold", "size to 20" and our desired font that we will create it later
var theFmt:TextFormat = new TextFormat();
theFmt.align = "center";
theFmt.color = 0xFF6600;
theFmt.font = "theFont";
theFmt.size = 20;
theFmt.bold = true;
//

How to export and use a font in the libray

Next step, we create Text Field for the buttons and set the Text Format that we made for them 

//creatin a text field in each of the buttons (MCs) we have
for (i=1; i<=numOfPix; i++) {
        _level0["the"+i+"_btn"].createTextField("theNum_txt", 1, 0, 0, w, h);
        _level0["the"+i+"_btn"].theNum_txt.text = i;
        _level0["the"+i+"_btn"].theNum_txt.setTextFormat(theFmt);
}
//apply the text format to the Text Field that will have the describtion, and make it not selectable
_level0.info_txt.selectable = false;
_level0.info_txt.setNewTextFormat(theFmt);
//

Now for the final step, making the buttons to control the navigation of the images

//
for (i=1; i<=pos.length; i++) {
        _level0["the"+i+"_btn"].n = i;
        _level0.info_txt.text = _level0.theInfo[0];
        _level0["the"+i+"_btn"].onRelease = function() {
                _level0.thePix_mc.panorama_mc._x = _level0.pos[this.n-1]*-1;
                _level0.info_txt.text = _level0.theInfo[this.n-1];
        };
}
//

What does this do??

We make a "for loop" to decrease the written data, in first line of the loop we declare a variable for each button mc (n), this will control the images navigation and the information for each image that will be displayed in the info_txt text field. The second line displays the current image (which is the first image) info in the text field by getting it from the info array that we declared earlier.

Now, we want when we press any button to see the appropriate image to be shown, so inside the loop we make an onRelease event for each button to read the new position from the positions array (pos) and change the current x position of the images and at the same time displays the info of the current image in the info_txt text field .
so the final project for now: