var SlideShowSpeed = 3000;
var CrossFadeDuration = 3;
var Picture = new Array(); // don't change this
var Caption = new Array(); // don't change this

Picture[1]  = 'images/civil-design-head-deerwood-lake.jpg';
Picture[2]  = 'images/civil-design-pine-meadows-pump-station-thumb-1.jpg';
Picture[3]  = 'images/civil-design-ss-cove-at-st-johns.jpg';
Picture[4]  = 'images/civil-design-ss-two-creeks.jpg';

Caption[1]  = "Deerwood Lake";
Caption[2]  = "Pine Meadows Pump Station";
Caption[3]  = "The Cove at St. Johns";
Caption[4]  = "Two Creeks";



var tss;
var iss;
var jss = 1;
var pss = Picture.length-1;

var preLoad = new Array();
for (iss = 1; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}

function runSlideShow(){
if (document.all){
document.images.PictureBox.style.filter="blendTrans(duration=2)";
document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
document.images.PictureBox.filters.blendTrans.Apply();}
document.images.PictureBox.src = preLoad[jss].src;
if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];
if (document.all) document.images.PictureBox.filters.blendTrans.Play();
jss = jss + 1;
if (jss > (pss)) jss=1;
tss = setTimeout('runSlideShow()', SlideShowSpeed);
}