This worked for me........
In customer/home.tpl, added this code to the <head> section:
{literal}<script type="text/javascript">
/***********************************************
* Ultimate Fade-In Slideshow (v1.51): ╘ Dynamic Drive (
http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit
http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["{/literal}{$ImagesDir}{literal}/ezbail2.jpg", "", ""]
fadeimages[1]=["{/literal}{$ImagesDir}{literal}/swivelclamp2.jpg", "", ""]
fadeimages[2]=["{/literal}{$ImagesDir}{literal}/speaker2.jpg", "", ""]
var fadebgcolor="white"
////NO need to edit beyond here/////////////
//I'm leaving out all the no-need-to-edit stuff to save space here//
</script>{/literal}
Then, in customer/main/welcome.tpl, added this code to the desired position in the body (within a table):
{literal}<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 300, 225, 0, 3000, 0, "")
</script>{/literal}
In the future, I'll use balinor's suggestion to create a separate .js file. Hope this helps.