var variableslide=new Array()

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

//name, url,description alt tag
variableslide[0]=['images/logos/anglianwater.gif', '', '']
variableslide[1]=['images/logos/bristol-water.gif', '', '']
variableslide[2]=['images/logos/bwhwater.gif', '', '']
variableslide[3]=['images/logos/cambridge-water.gif', '', '']
variableslide[4]=['images/logos/cholderton-water.gif', '', '']
variableslide[5]=['images/logos/dee-valley.gif', '', '']
variableslide[6]=['images/logos/dwr-water.gif', '', '']
variableslide[7]=['images/logos/essex-water.gif', '', '']
variableslide[8]=['images/logos/folkestone-water.gif', '', '']
variableslide[9]=['images/logos/mid-kent-water.gif', '', '']
variableslide[10]=['images/logos/northumbrian-water.gif', '', '']
variableslide[11]=['images/logos/portsmouth-water.gif', '', '']
variableslide[12]=['images/logos/scottish-water.gif', '', '']
variableslide[13]=['images/logos/severn-trent.gif', '', '']
variableslide[14]=['images/logos/south-east.gif', '', '']
variableslide[15]=['images/logos/southern-water.gif', '', '']
variableslide[16]=['images/logos/south-staffordshire.gif', '', '']
variableslide[17]=['images/logos/south-west.gif', '', '']
variableslide[18]=['images/logos/sutton-water.gif', '', '']
variableslide[19]=['images/logos/tendring-water.gif', '', '']
variableslide[20]=['images/logos/thames-water.gif', '', '']
variableslide[21]=['images/logos/united-utilities.gif', '', '']
variableslide[22]=['images/logos/wessex-water.gif', '', '']
variableslide[23]=['images/logos/yorkshire-water.gif', '', '']

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

var slidewidth='145px' //set to width of LARGEST image in your slideshow
var slideheight='120px' //set to height of LARGEST iamge in your slideshow, plus any text description ' NOTE: was 120px
var slidebgcolor='#FFFFFF'

//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 href="'+variableslide[currentslide][1]+'">'
contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">'
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