var slideshow_width = '253px' //SET IMAGE WIDTH
var slideshow_height = '150px' //SET IMAGE HEIGHT
var pause = 3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var fadeimages = new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0] = websiteURL + "/images/gcs/1.jpg"
fadeimages[1] = websiteURL + "/images/gcs/2.jpg"
fadeimages[2] = websiteURL + "/images/gcs/3.jpg"
fadeimages[3] = websiteURL + "/images/gcs/4.jpg"
fadeimages[4] = websiteURL + "/images/gcs/5.jpg"
fadeimages[5] = websiteURL + "/images/gcs/6.jpg"
fadeimages[6] = websiteURL + "/images/gcs/7.jpg"
fadeimages[7] = websiteURL + "/images/gcs/8.jpg"
fadeimages[8] = websiteURL + "/images/gcs/9.jpg"
fadeimages[9] = websiteURL + "/images/gcs/10.jpg"
fadeimages[10] = websiteURL + "/images/gcs/11.jpg"
fadeimages[11] = websiteURL + "/images/gcs/12.jpg"
fadeimages[12] = websiteURL + "/images/gcs/13.jpg"
fadeimages[13] = websiteURL + "/images/gcs/14.jpg"

////NO need to edit beyond here/////////////
var preloadedimages = new Array()
for (p=1; p<fadeimages.length; p++){
	preloadedimages[p] = new Image()
	preloadedimages[p].src = fadeimages[p]	
}

var ie4 = document.all
var dom = document.getElementById

if (ie4||dom)
	document.write('<div style="position:relative;width:' + slideshow_width + ';height:' + slideshow_height + ';overflow:hidden"><div  id="canvas0" style="position:absolute;width:' + slideshow_width + ';height:' + slideshow_height + ';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:' + slideshow_width + ';height:' + slideshow_height + ';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else
	document.write('<img name="defaultslide" src="' + fadeimages[0] + '">')

var curpos = 10
var degree = 10
var curcanvas = "canvas0"
var curimageindex = 0
var nextimageindex = 1


function fadepic(){
	if(curpos<100){
		curpos += 10
		
	if (tempobj.filters)
		tempobj.filters.alpha.opacity = curpos
	else if (tempobj.style.MozOpacity)
		tempobj.style.MozOpacity = curpos/100
	}else{
		clearInterval(dropslide)
		nextcanvas = (curcanvas=="canvas0")? "canvas0" : "canvas1"
		tempobj = ie4? eval("document.all." + nextcanvas) : document.getElementById(nextcanvas)
		tempobj.innerHTML = '<img src="' + fadeimages[nextimageindex] + '">'		
		nextimageindex = (nextimageindex<fadeimages.length - 1)? nextimageindex+1 : 0
		setTimeout("rotateimage()",pause)
	}
}

function rotateimage(){
	if (ie4||dom){
		resetit(curcanvas)
		var crossobj = tempobj = ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
		crossobj.style.zIndex++
		var temp = 'setInterval("fadepic()",50)'
		dropslide = eval(temp)
		curcanvas = (curcanvas=="canvas0")? "canvas1" : "canvas0"
	}else{
		alert("in2");
		document.images.defaultslide.src = fadeimages[curimageindex]
		curimageindex = (curimageindex<fadeimages.length-1)? curimageindex+1 : 0
	}
}

function resetit(what){
	curpos=10
	var crossobj = ie4? eval("document.all."+what) : document.getElementById(what)
	if (crossobj.filters)
		crossobj.filters.alpha.opacity = curpos
	else if (crossobj.style.MozOpacity)
		crossobj.style.MozOpacity=curpos/100
}

function startit(){
	var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
	crossobj.innerHTML='<img src="' + fadeimages[curimageindex] + '">'
	rotateimage()
}

if(ie4||dom)
	window.onload=startit
else
setInterval("rotateimage()",pause)