Theme Stylesheet and Java Question

I am working on changing the Choatic Soul theme so that the two graphics on the top become javascripts (to show a slideshow of photos). Can anyone help me implement this.

an example of my work-in-progress site: https://www.lostsummitfilms.com/main/

Here is the html I found that I think is where I need to make the edit:

.image {
background: #22201d url(‘images/image_left.png’);
border: 1px solid #363430;
height: 149px;
width: 372px;
}

.bkgleft { background: url(‘images/image_left.jpg’); float: left; }
.bkgright { background: url(‘images/image_right.jpg’); float: right; }

and here is the javascript:

<script language=”javascript”>

/*
Random image slideshow- By Tyler Clarke ([email protected])
For this script and more, visit https://www.javascriptkit.com
*/

var delay=1000 //set delay in miliseconds
var curindex=0

var randomimages=new Array()

randomimages[0]=”1.jpg”
randomimages[1]=”5.jpg”
randomimages[2]=”2.jpg”
randomimages[3]=”4.jpg”
randomimages[4]=”3.jpg”
randomimages[5]=”6.jpg”

var preload=new Array()

for (n=0;n<randomimages.length;n++)
{
preload[n]=new Image()
preload[n].src=randomimages[n]
}

document.write(‘<img name=”defaultimage” src=”‘+randomimages[Math.floor(Math.random()*(randomimages.length))]+'”>’)

function rotateimage()
{

if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length)))){
curindex=curindex==0? 1 : curindex-1
}
else
curindex=tempindex

document.images.defaultimage.src=randomimages[curindex]
}

setInterval(“rotateimage()”,delay)

</script>

<p align=”center”>This free script provided by
JavaScript
Kit</p>

Any help is much appreciated,
Thanks,
Brandon Katcher