//If using image buttons as controls, Set image buttons' image preload here true
//(use false for no preloading and for when using no image buttons as controls):
var preload_ctrl_images=true;

//And configure the image buttons' images here:
var previmg='left.gif';
var stopimg='stop.gif';
var playimg='play.gif';
var nextimg='right.gif';

var slides=[]; //FIRST SLIDESHOW
//configure the below images and descriptions to your own. 
slides[0] = ["images/pearl/buildingSteps/1.jpg", ""];
slides[1] = ["images/pearl/buildingSteps/2.jpg", ""];
slides[2] = ["images/pearl/buildingSteps/3.jpg", ""];
slides[3] = ["images/pearl/buildingSteps/4.jpg", ""];
slides[4] = ["images/pearl/buildingSteps/5.jpg", ""];
slides[5] = ["images/pearl/buildingSteps/6.jpg", ""];

slides[6] = ["images/pearl/buildingSteps/7.jpg", ""];
slides[7] = ["images/pearl/buildingSteps/8.jpg", ""];
slides[8] = ["images/pearl/buildingSteps/9.jpg", ""];
slides[9] = ["images/pearl/buildingSteps/10.jpg", ""];
slides[10] = ["images/pearl/buildingSteps/11.jpg", ""];
slides[11] = ["images/pearl/buildingSteps/12.jpg", ""];
slides[12] = ["images/pearl/buildingSteps/13.jpg", ""];
slides[13] = ["images/pearl/buildingSteps/14.jpg", ""];
slides[14] = ["images/pearl/buildingSteps/15.jpg", ""];
slides[15] = ["images/pearl/buildingSteps/16.jpg", ""];
slides[16] = ["images/pearl/buildingSteps/17.jpg", ""];
slides[17] = ["images/pearl/buildingSteps/18.jpg", ""];
slides[18] = ["images/pearl/buildingSteps/19.jpg", ""];
slides[19] = ["images/pearl/buildingSteps/20.jpg", ""];
slides[20] = ["images/pearl/buildingSteps/21.jpg", ""];
slides[21] = ["images/pearl/buildingSteps/22.jpg", ""];
slides[22] = ["images/pearl/buildingSteps/23.jpg", ""];
slides[23] = ["images/pearl/buildingSteps/24.jpg", ""];
slides[24] = ["images/pearl/buildingSteps/25.jpg", ""];
slides[25] = ["images/pearl/buildingSteps/26.jpg", ""];
slides[26] = ["images/pearl/buildingSteps/27.jpg", ""];
slides[27] = ["images/pearl/buildingSteps/28.jpg", ""];
slides[28] = ["images/pearl/buildingSteps/29.jpg", ""];
slides[29] = ["images/pearl/buildingSteps/30.jpg", ""];
slides[30] = ["images/pearl/buildingSteps/31.jpg", ""];
slides[31] = ["images/pearl/buildingSteps/32.jpg", ""];
slides[32] = ["images/pearl/buildingSteps/33.jpg", ""];
slides[33] = ["images/pearl/buildingSteps/34.jpg", ""];
slides[34] = ["images/pearl/buildingSteps/35.jpg", ""];
slides[35] = ["images/pearl/buildingSteps/36.jpg", ""];

//above slide show uses only the defaults

var slides2=[]; //SECOND SLIDESHOW
//configure the below images and descriptions to your own. 
slides2[0] = ["images/pearl/buildingSteps/1.jpg", "Crucifix"];
slides2[1] = ["images/pearl/buildingSteps/2.jpg", "Alter Boys"];
slides2[2] = ["images/pearl/buildingSteps/3.jpg", "Young Pan"];
slides2[3] = ["images/pearl/buildingSteps/4.jpg", "Mona Lisa"];
//optional properties for these images:
slides2.desc_prefix='<b>Description:<\/b> '; //string prefix for image descriptions display
slides2.controls_top=1; //use for top controls
slides2.counter=1; //use to show image count
slides2.width=140; //use to set width of widest image if dimensions vary
slides2.height=225; //use to set height of tallest image if dimensions vary
slides2.no_auto=1; //use to make show completely user operated (no play button, starts in stopped mode)
slides2.use_alt=1; //use for descriptions as images alt attributes
slides2.use_title=1; //use for descriptions as images title attributes
slides2.nofade=1; //use for no fade-in, fade-out effect for this show
slides2.border=2; //set border width for images
slides2.border_color='lightblue'; //set border color for images

var slides3=[]; //THIRD SLIDESHOW
//configure the below images and descriptions to your own, note optional links, target and window specifications. 
slides3[0] = ["images/pearl/buildingSteps/1.jpg", "", "http://www.google.com", "_new", "top=250, left=300, width=500, height=300, location, resizable, scrollbars"];
slides3[1] = ["images/pearl/buildingSteps/2.jpg", ""];
slides3[2] = ["images/pearl/buildingSteps/3.jpg", "", "http://www.dynamicdrive.com"];
slides3[3] = ["images/pearl/buildingSteps/5.jpg", "", "http://www.msn.com", "_new"];
//optional properties for these images:
slides3.no_descriptions=1; //use for no descriptions displayed
slides3.pause=1; //use for pause onmouseover
slides3.image_controls=1; //use images for controls
slides3.button_highlight='#cccccc'; //onmouseover background-color for image buttons (requires image_controls=1)
slides3.specs='width=300, height=250' //global specifications for this show's new window(s)
slides3.random=1; //set a random slide sequence on each page load
slides3.manual_start=1; //start show in manual mode (stopped)

//Notes:
//slides#.target will set a target for a slide group, will be overridden by slides#[#][3], if present
//slides#.specs will set new window specifications for a slide group, will be overridden by slides#[#][4], if present
//slides#.fadecolor will set fading images background color, defaults to white
//slides#.no_controls will set a slide show with no controls
//slides#.random will set a random slide sequence on each page load
//slides#.delay=3000 will set miliseconds delay between slides for a given show, may also be set in the call as the last parameter
//slides#.jumpto=1 will display added controls to jump to a particular image by its number
//slides#.no_added_linebreaks=1; use for no added line breaks in formatting of texts and controls

//use below to create a customized onclick event for linked images in a given show:
//slides#.onclick="window.open(this.href,this.target,'top=0, left=0, width='+screen.availWidth+', height='+screen.availHeight);return false;"