// Multi-slide shows

//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=false;

//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=[]; //ProductsSolutions Page Interactive Water Features Slideshow
//configure the below images and descriptions to your own. 
slides[0] = ["images/interactive/interactive_001.jpg", ""];
slides[1] = ["images/interactive/interactive_002.jpg", ""];
slides[2] = ["images/interactive/interactive_003.jpg", ""];
slides[3] = ["images/interactive/interactive_004.jpg", ""];
slides[4] = ["images/interactive/interactive_005.jpg", ""];
slides[5] = ["images/interactive/interactive_006.jpg", ""];
slides[6] = ["images/interactive/interactive_007.jpg", ""];
slides[7] = ["images/interactive/interactive_008.jpg", ""];
slides[8] = ["images/interactive/interactive_009.jpg", ""];
slides[9] = ["images/interactive/interactive_010.jpg", ""];
//optional properties for these images:
slides.no_controls=1 //will set a slide show with no controls
slides.width=354; //use to set width of widest image if dimensions vary
slides.height=400; //use to set height of tallest image if dimensions vary
slides.fadecolor='#3F3F3F' //will set fading images background color, defaults to white
slides.border=1; //set border width for images
slides.border_color='white'; //set border color for images

var slides2=[]; //ProductsSolutions Page Slide Activity Centers
//configure the below images and descriptions to your own. 
slides2[0] = ["images/slideplay/Tate_Street_Recreation_Ctr_88.jpg", ""];
slides2[1] = ["images/slideplay/Power_Ranch_Large_Slide.jpg", ""];
slides2[2] = ["images/slideplay/Waterplay_Photo_Shoot_229.jpg", ""];
slides2[3] = ["images/slideplay/Slideplay_Render.jpg", ""];
slides2[4] = ["images/slideplay/Waterplay_Photo_Shoot_233.jpg", ""];
slides2[5] = ["images/slideplay/Waterplay_Photo_Shoot_291.jpg", ""];
slides2[6] = ["images/slideplay/Slideplay_SL210.jpg", ""];
slides2[7] = ["images/slideplay/Waterplay_Photo_Shoot_330.jpg", ""];
slides2[8] = ["images/slideplay/Waterplay_Photo_Shoot_494.jpg", ""];
//optional properties for these images:
slides2.no_controls=1 //will set a slide show with no controls
slides2.width=329; //use to set width of widest image if dimensions vary
slides2.height=400; //use to set height of tallest image if dimensions vary
slides2.fadecolor='#292929' //will set fading images background color, defaults to white
slides2.border=1; //set border width for images
slides2.border_color='white'; //set border color for images

var slides3=[]; //ProductsSolutions Page Shade Sails
//configure the below images and descriptions to your own. 
slides3[0] = ["images/shadeplay/acaspa_jpegs_013.jpg", ""];
slides3[1] = ["images/shadeplay/Dreamworld_images_Feb_08_005.jpg", ""];
slides3[2] = ["images/shadeplay/DSC04460.jpg", ""];
slides3[3] = ["images/shadeplay/DSC_0019.jpg", ""];
slides3[4] = ["images/shadeplay/IMG_6121.jpg", ""];
slides3[5] = ["images/shadeplay/Shadeplay_3.jpg", ""];
slides3[6] = ["images/shadeplay/shadeplay_photo.jpg", ""];
//optional properties for these images:
slides3.no_controls=1 //will set a slide show with no controls
slides3.width=350; //use to set width of widest image if dimensions vary
slides3.height=300; //use to set height of tallest image if dimensions vary
slides3.fadecolor='#3F3F3F' //will set fading images background color, defaults to white
slides3.border=1; //set border width for images
slides3.border_color='white'; //set border color for images

var slides4=[]; //ProductsSolutions Page Urban Water Features
//configure the below images and descriptions to your own. 
slides4[0] = ["images/elements/Esker_hiflow.jpg", "Esker"];
slides4[1] = ["images/elements/Esker_lowflow.jpg", "Esker"];
slides4[2] = ["images/elements/Fluo.jpg", "Fluo"];
slides4[3] = ["images/elements/Helice_day.jpg", "Helices"];
slides4[4] = ["images/elements/Helice_night.jpg", "Helices"];
slides4[5] = ["images/elements/Tang_Solis.jpg", "Tang &amp; Solis"];
slides4[6] = ["images/elements/Suttaki_hiflow.jpg", "Suttaki"];
slides4[7] = ["images/elements/Suttaki_lowflow.jpg", "Suttaki"];
slides4[8] = ["images/elements/Tang.jpg", "Tang"];
slides4[9] = ["images/elements/Suttaki1.jpg", "Suttaki"];
//optional properties for these images:
slides4.no_controls=1 //will set a slide show with no controls
slides4.width=329; //use to set width of widest image if dimensions vary
slides4.height=300; //use to set height of tallest image if dimensions vary
slides4.fadecolor='#292929' //will set fading images background color, defaults to white
slides4.border=1; //set border width for images
slides4.border_color='white'; //set border color for images

var slides5=[]; //ProductsSolutions Page Water Management Systems
//configure the below images and descriptions to your own. 
slides5[0] = ["images/wms/wms_001.jpg", ""];
slides5[1] = ["images/wms/wms_002.jpg", ""];
slides5[2] = ["images/wms/wms_003.jpg", ""];
slides5[3] = ["images/wms/wms_004.jpg", ""];
slides5[4] = ["images/wms/wms_005.jpg", ""];
slides5[5] = ["images/wms/wms_006.jpg", ""];
//optional properties for these images:
slides5.no_controls=1 //will set a slide show with no controls
slides5.width=354; //use to set width of widest image if dimensions vary
slides5.height=400; //use to set height of tallest image if dimensions vary
slides5.fadecolor='#3F3F3F' //will set fading images background color, defaults to white
slides5.border=1; //set border width for images
slides5.border_color='white'; //set border color for images

var slides6=[]; //Custom Solutions page
//configure the below images and descriptions to your own. 
slides6[0] = ["images/custom/bee_300.jpg", ""];
slides6[1] = ["images/custom/DSC01253.jpg", ""];
slides6[2] = ["images/custom/DSC01269.jpg", ""];
slides6[3] = ["images/custom/frog-small.jpg", ""];
slides6[4] = ["images/custom/Lakawanna.jpg", ""];
slides6[5] = ["images/custom/rooster1.jpg", ""];
slides6[6] = ["images/custom/Sicamous-Sign-01.jpg", ""];
//optional properties for these images:
slides6.no_controls=1 //will set a slide show with no controls
slides6.width=250; //use to set width of widest image if dimensions vary
slides6.height=190; //use to set height of tallest image if dimensions vary
slides6.fadecolor='#3F3F3F' //will set fading images background color, defaults to white
slides6.border=1; //set border width for images
slides6.border_color='white'; //set border color for images
slides6.random=1; //set a random slide sequence on each page loa


var slides7=[]; //ProductsSolutions Page Interactive Water Features Slideshow
//configure the below images and descriptions to your own. 
slides7[0] = ["images/aquatic/Aqua_Twister.jpg", ""];
slides7[1] = ["images/aquatic/AquaAbs.jpg", ""];
slides7[2] = ["images/aquatic/Aquabs2.jpg", ""];
slides7[3] = ["images/aquatic/Aquabsclimb2.jpg", ""];
slides7[4] = ["images/aquatic/AquaClimber.jpg", ""];
slides7[5] = ["images/aquatic/AquaCycle.jpg", ""];
slides7[6] = ["images/aquatic/Aquacycle2.jpg", ""];
slides7[7] = ["images/aquatic/Aquapull2.jpg", ""];
slides7[8] = ["images/aquatic/AquaPullDip.jpg", ""];
slides7[9] = ["images/aquatic/AquaRower.jpg", ""];
slides7[10] = ["images/aquatic/Aquarower2.jpg", ""];
slides7[11] = ["images/aquatic/AquaStepper.jpg", ""];
slides7[12] = ["images/aquatic/AquaStrider.jpg", ""];
slides7[13] = ["images/aquatic/Aquastrider2.jpg", ""];
//optional properties for these images:
slides7.no_controls=1 //will set a slide show with no controls
slides7.width=354; //use to set width of widest image if dimensions vary
slides7.height=400; //use to set height of tallest image if dimensions vary
slides7.fadecolor='#292929' //will set fading images background color, defaults to white
slides7.border=1; //set border width for images
slides7.border_color='white'; //set border color for images

//var slides2=[]; //SECOND SLIDESHOW
//configure the below images and descriptions to your own. 
//slides2[0] = ["photo6.jpg", "Crucifix"];
//slides2[1] = ["photo7.jpg", "Alter Boys"];
//slides2[2] = ["photo8.jpg", "Young Pan"];
//slides2[3] = ["photo9_thumb.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] = ["1_side.jpg", "", "http://www.google.com", "_new", "top=250, left=300, width=500, height=300, location, resizable, scrollbars"];
//slides3[1] = ["2_side.jpg", ""];
//slides3[2] = ["3_side.jpg", "", "http://www.dynamicdrive.com"];
//slides3[3] = ["5_side.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;"





/***********************************************
* Swiss Army Image slide show script  - © John Davenport Scheuer: http://home.comcast.net/~jscheuer1/
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full original source code
* go to http://www.dynamicdrive.com/dynamicindex14/swissarmy/index.htm for full option list
***********************************************/