/***********************************************
* Flexi Slideshow- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var variableslide=new Array()

//variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"]

variableslide[0]=['/images/murals/Dragon1-medium.jpg', 'Dragon/Dragon1-2.htm', '<B><Font color="#88CC6A">Dragon</Font></B><font color="#88CC6A" size="1"> - Click for more photos</font>']
variableslide[1]=['/images/murals/EnchantedForest1Med.jpg', 'EnchantedForest/EnchantedForest1-2.htm', '<B><Font color="#88CC6A">Megans Enchanted Forest Tea Room</Font></B><font color="#88CC6A" size="1"> - Click for more photos</font>']
variableslide[2]=['/images/murals/Castle2-medium.jpg', 'Castle/Castle2-2.htm', '<B><Font color="#88CC6A">Kellyns Castle</Font></B></Font></B><font color="#88CC6A" size="1"> - Click for more photos</font>']
variableslide[3]=['/images/murals/JenCastle1-medium.jpg', 'JenCastle/JenCastle1-2.htm', '<B><Font color="#88CC6A">Kelties Castle</Font></B><font color="#88CC6A" size="1"> - Click for more photos</font>']
variableslide[4]=['/images/murals/Foyer3-medium.jpg', 'SurviveAliveHouse/Foyer3-2.htm', '<B><Font color="#88CC6A">Survive Alive House</Font></B><font color="#88CC6A" size="1"> - Click for more photos</font>']
variableslide[5]=['/images/murals/Ballerina3-medium.jpg', 'GrandAveMall/Ballerina3-2.htm', '<B><Font color="#88CC6A">Grand Ave Mall</Font></B><font color="#88CC6A" size="1"> - Click for more photos</font>']
variableslide[6]=['/images/murals/SpaceRoom-1-medium.jpg', 'SpaceRoom/wall1-2.htm', '<B><Font color="#88CC6A">Space Room</Font></B><font color="#88CC6A" size="1"> - Click for more photos</font>']
variableslide[7]=['/images/murals/JosephDouglasHomes/Nursery1-medium.jpg', 'JosephDouglasHomes/Nursery1-2.htm', '<B><Font color="#88CC6A">Joseph Douglas Homes - Nursery</Font></B><font color="#88CC6A" size="1"> - Click for more photos</font>']



//configure the below 3 variables to set the dimension/background color of the slideshow

var slidewidth='425px' //set to width of LARGEST image in your slideshow
var slideheight='325px' //set to height of LARGEST iamge in your slideshow, plus any text description
var slidebgcolor='000000'

//configure the below variable to determine the delay between image rotations (in miliseconds)
var slidedelay=5000

////Do not edit pass this line////////////////

var ie=document.all
var dom=document.getElementById

for (i=0;i<variableslide.length;i++){
var cacheimage=new Image()
cacheimage.src=variableslide[i][0]
}

var currentslide=0

function rotateimages(){
contentcontainer='<center>'
if (variableslide[currentslide][1]!="")
contentcontainer+='<a title="Click for more photos" href="'+variableslide[currentslide][1]+'">'
contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3" alt="Click for more photos">'
if (variableslide[currentslide][1]!="")
contentcontainer+='</a>'
contentcontainer+='</center>'
if (variableslide[currentslide][2]!="")
contentcontainer+=variableslide[currentslide][2]

if (document.layers){
crossrotateobj.document.write(contentcontainer)
crossrotateobj.document.close()
}
else if (ie||dom)
crossrotateobj.innerHTML=contentcontainer
if (currentslide==variableslide.length-1) currentslide=0
else currentslide++
setTimeout("rotateimages()",slidedelay)
}

if (ie||dom)
document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>')

function start_slider(){
crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub
if (document.layers)
document.slidensmain.visibility="show"
rotateimages()
}

if (ie||dom)
start_slider()
else if (document.layers)
window.onload=start_slider