<setup path="images/" >
       <!--add any properties you would like to change for the gallery-->
       <imgWidth>500</imgWidth>
       <imgHeight>400</imgHeight>
       <thumbWidth>50</thumbWidth>
       <thumbHeight>50</thumbHeight>
       <transitionType>wipe</transitionType>
       <thumbnailRows>2</thumbnailRows>
</setup>

function onLoadProgress(percentloaded:Number) {
     mc. bar._xscale = percentloaded
     mc. textField.text = percentloaded
}

Parameters
url A string that represents the URL where the XML document to be loaded is located. If the SWF file that issues this call is running in a web browser, url must be in the same domain as the SWF file.

Description:
CreateGallery() is used to draw a new gallery based on the information in the XML file. This is useful for example if you want to display different galleries. You could load in different XML files when different buttons are clicked.

Usage:
myGallery.createGallery("gallery.xml")

Parameters
Array An array of objects which define the path to your images.

Description:
If you would like to define the image paths in actionscript rather than using an XML file, you would use the createFromArray() method and pass it an Array of Objects. Each object must contain an "img" and "thumb" property which define the path to the .jpg's

Usage:
var myArr = new Array()
//store image paths in objects
var ob1 ={img:"images/im1.jpg",thumb:"images/th1.jpg"}
var ob2 ={img:"images/im2.jpg",thumb:"images/th2.jpg"}
//store objects in array
myArr = [ob1, ob2] ;
// create gallery from the array
myThumbGallery.createFromArray(myArr)

Description:
This method will display the next image that follows the currently selected image. Useful for adding aarrows to navigate through the images.
To display the previous image, use the method: prevImage()

Usage:
myThumbGallery.nextImage()

Description:
This method will display the image previous to the currently selected image. Useful for adding aarrows to navigate through the images.
To display the next image, use the method: nextImage()

Usage:
myThumbGallery.prevImage()

Parameter:
Number: Sets the which image to display. The number is relative to the order that the image appears in the XML file

Description:
This method will display the image number defined in the parameter. This is useful if you want a link(s) to jump to a specific image in the gallery.

Usage:
myThumbGallery.loadImage(3)

Parameter:
Number: How many seconds to display the image before displaying the next. If no parameter is set, the value from the propert "autoPlay" is used.

Description:
This method will start the automatic display of images. An image will display for the set number of seconds before the next image is displayed.
When this method is invoked, the next image following the currently selected image will display.

Usage:
myThumbGallery.startAutoPlay(3)

Description:
This method will stop the automatic display of images. To restart, use the method: startAutoPlay()

Usage:
myThumbGallery.stopAutoPlay()

Description:
Returns the total width of the gallery. This method is only available after the XML is loaded and the gallery is drawn. This method is available after the event .onDrawComplete() has been called.

Usage:
myThumbGallery.onDrawComplete =function{
  var gWidth= myThumbGallery.getWidth()
  trace(gWidth)
}

Description:
Returns the total height of the gallery. This method is only available after the XML is loaded and the gallery is drawn. This method is available after the event .onDrawComplete() has been called.

Usage:
myThumbGallery.onDrawComplete =function{
  var gHeight= myThumbGallery.getHeight()
  trace(gHeight)
}

Description:
This method is only useful if you are displaying numbers as your thumbnails. With this method you can change the style of the numbers.

setStyle() accepts the following styles:

Usage:
myThumbGallery.setStyle("numberEmbedFonts", true);
myThumbGallery.setStyle("numberFont", "myFont");
myThumbGallery.setStyle("numberFontSize", 12);

Description:
Event; broadcast to all registered listeners when a primary image is finished loading. The event object contains all XML node values for the current image. Any additional nodes added to the XML file can also be read from the event object. For example, you could add a node for each image such as:<imageID>10</imageID> You could then access the value by using:eventObject.imageID The example below will display the values contained in the <caption> and <img> nodes of the XML file.

Usage:
listenerObject = new Object();
listenerObject.change = function(eventObject){
  trace(eventObject.caption)
  trace(eventObject.img)
}
ThumbGalleryInstance.addEventListener("change",listenerObject)

Description:
Event; broadcast to all registered listeners when a thumbnail is rolled over. The event object contains all XML node values for the thumbnail that is currently rolled over. Any additional nodes added to the XML file can also be read from the event object. For example, you could add a node for each image such as:<imageID>10</imageID> You could then access the value by using:eventObject.imageID The example below will display the values contained in the <caption> and <img> nodes of the XML file

Usage:
listenerObject = new Object();
listenerObject.thumbRollOver = function(eventObject){
  trace(eventObject.caption)
  trace(eventObject.img)
}
ThumbGalleryInstance.addEventListener("thumbRollOver",listenerObject)

Description:
Event; broadcast to all registered listeners when a thumbnail is rolled off. The event object contains all XML node values for the thumbnail that was just rolled off. Any additional nodes added to the XML file can also be read from the event object. For example, you could add a node for each image such as:<imageID>10</imageID> You could then access the value by using:eventObject.imageID The example below will display the values contained in the <caption> and <img> nodes of the XML file.

Usage:
listenerObject = new Object();
listenerObject.thumbRollOut = function(){
  trace(eventObject.caption)
  trace(eventObject.img)
}
ThumbGalleryInstance.addEventListener("thumbRollOut",listenerObject)

Description:
Event; broadcast to all registered listeners when a thumbnail is clicked on. The event object contains all XML node values for the thumbnail that was just clicked on. Any additional nodes added to the XML file can also be read from the event object. For example, you could add a node for each image such as:<imageID>10</imageID> You could then access the value by using:eventObject.imageID The example below will display the values contained in the <caption> and <img> nodes of the XML file.

Usage:
listenerObject = new Object();
listenerObject.thumbClick = function(eventObject){
  trace(eventObject.caption)
  trace(eventObject.img)
}
ThumbGalleryInstance.addEventListener("thumbClick",listenerObject)

Description:
Event; broadcast to a registered listener when the autoPlay feature has stopped due to either the user clicking a thumbnail or one of these methods is invoked: nextImage(), prevImage(), or loadImage(). Note that this event will only trigger when the property "stopAutoOnClick" is set to true.

This event is useful if you need to update controls or messaging when the autoPlay feature is turned off. AutoPlay can be turned back on using the method: startAutoPlay()

Usage:
listenerObject = new Object();
listenerObject.autoPlayStopped = function(){
  trace("Auto playing has stopped")
}
ThumbGalleryInstance.addEventListener("autoPlayStopped",listenerObject)

Description:
This event is executed after the gallery XML is loaded and the gallery elements, such as the background rectangle, are drawn. This is useful is you want to immediately use the methods getWidth() and getHeight()

Usage:
myThumbGallery.onDrawComplete =function{
  var galleryWidth= myThumbGallery.getWidth()
  trace(galleryWidth)
}