 var isIE = 0;
 var browser_name = navigator.appName;
 var version = parseFloat(navigator.appVersion);

 if( browser_name == "Netscape" && version < 5 )
 {
 	isIE = 0;
 }
 else if( browser_name == "Microsoft Internet Explorer" )
 {
 	isIE = 1;
 }

var slideShowSpeed = 8000 // milliseconds
var crossFadeDuration = 300 // seconds

// Specify the image files
var Pic = new Array() // don't touch this

// to add more images, just continue
// the pattern, adding to the array below
//Pic[0] = 'images\\blank-1.gif'
Pic[0] = 'http://www.hawkinspools.com/images/TEMP-PHOTOS-051.jpg'
Pic[1] = 'http://www.hawkinspools.com/images/Waterfall-24.jpg'
Pic[2] = 'http://www.hawkinspools.com/images/TEMP-PHOTOS-011.jpg'

var t
var j = 0
var p = Pic.length
var preLoad = new Array()

for (i = 0; i < p; i++)
{
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}

function runSlideShow(){

	   if (document.all)
	   {
			document.images.SlideShow.style.filter="blendTrans(duration=5)";
			document.images.SlideShow.filters.blendTrans(duration=5).Apply();
			document.images.SlideShow.filters.blendTrans.Play();
	
	//      document.images.SlideShow.style.filter="blendTrans(duration=80)"
	//      document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
	 //     document.images.SlideShow.filters.blendTrans.Apply()      
	   }
	
	   document.images.SlideShow.src = preLoad[j].src
	   if (document.all)
	   {
	 //     document.images.SlideShow.filters.blendTrans.Play()
	   }
	
	   j = j + 1
	   if (j > (p-1)) j=0
	
	   t = setTimeout('runSlideShow()', slideShowSpeed)
}
<!-- <body  onLoad="runSlideShow()">  -->
<!--   <td><img name="SlideShow" src="images/design-02b_r2_c2.jpg" width="435" height="317" border="0" id="design02b_r2_c2" alt="" /></td> -- >

