var variableslide=new Array()

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

variableslide[0]=['images/work/work20.jpg', 'Full Landscaping Service', '']
variableslide[1]=['images/work/work12.jpg', 'Full Landscaping Service', '']
variableslide[2]=['images/work/work9.jpg', 'Half Round Pole Retainer and Planters', '']
variableslide[3]=['newport/full_after_505_274x174.jpg', 'Combination of charcoal paving and decking with a brick edge surround', '']
variableslide[4]=['newport/full_after_732_274x174.jpg', 'Total transformation with a large decking area and new lawn', '']
variableslide[5]=['newport/full_after_1271_274x174.jpg', 'New marshalls herritage paving', '']
variableslide[6]=['newport/full_after_1346_274x174.jpg', 'New patio using saxon buff slabs. Laid in a random pattern', '']
variableslide[7]=['newport/full_after_899_274x174.jpg', 'Finished new blockpaving driveway and new drainage', '']
variableslide[8]=['port/new/10.jpg', 'Finished decking with ballastrade', '']
variableslide[9]=['images/work/work14.jpg', 'Ponds', '']
variableslide[10]=['images/work/work43.jpg', 'Block Paving Cottage Garden', '']
variableslide[11]=['images/work/work13.jpg', 'Block Paving "Driveway"', '']
variableslide[12]=['images/work/work5.jpg', 'Block Paving "Driveway"', '']
variableslide[13]=['port/new/18.jpg', 'Decking area with ballastrade', '']
variableslide[14]=['images/work/work38.jpg', 'Large Block Paving Patio and Retaining Wall', '']
variableslide[15]=['images/work/work23.jpg', 'Stainless Steel Water Feature', '']
variableslide[16]=['images/work/work24.jpg', 'Block Paving Path', '']
variableslide[17]=['images/work/work39.jpg', 'Block Paving Patio', '']
variableslide[18]=['images/work/work27.jpg', 'Pond and Heritage Paving With Pea Beach Shingle', '']
variableslide[19]=['images/work/work26.jpg', 'Block Paving Seating Area', '']




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

var slidewidth='280px' //set to width of LARGEST image in your slideshow

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

////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='<img src="'+variableslide[currentslide][0]+'" class="img_portfolio">'

contentcontainer+='<div class="div_leftOut"><div class="div_leftIn">'
contentcontainer+='<div class="div_header"><span class="span_green">'+variableslide[currentslide][1]+'</span></div>'
if (variableslide[currentslide][2]!="")
	contentcontainer+='<p>'+variableslide[currentslide][2]+'</p>'
contentcontainer+='</div></div>'

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+';"></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