Simple Slide Show for CEWP

I was asked to create a simple slide show embedded into a SharePoint page.  I could not just plonk in a SharePoint Slide show link like this

http://xxx.com/officeAdmin/Photo%20Library/Forms/slidshow.aspx?ViewStyle=slideshow&RootFolder=%2018%20Oct%202013

as a pop up as it was required that it sat inside a page.

Came across a simple slide show that can be embedded into a CEWP for a SharePoint page.  Must be credited to dynamicdrive.com for use.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex14/fadeslideshow.js">

</script>

<script type="text/javascript">

var mygallery2=new fadeSlideShow({
wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
dimensions: [905, 679], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["http://xxx.com/Resources/EducationalCorner1.png", "", "", ""],
["http://xxx.com/Resources/EducationalCorner2.png", "", "", ""],
["http://xxx.com/Resources/EducationalCorner3.png"],
["http://xxx.com/Resources/EducationalCorner4.png", "", "", ""],
["http://xxx.com/Resources/EducationalCorner5.png"],
  ["http://xxx.com/Resources/EducationalCorner6.png"],
  ["http://xxx.com/Resources/EducationalCorner7.png"],
["http://xxx.com/Resources/EducationalCorner8.png"],
["http://xxx.com/Resources/EducationalCorner9.png"],
["http://xxx.com/Resources/EducationalCorner10.png"],
["http://xxx.com/Resources/EducationalCorner11.png"]//<--no trailing comma after very last image element!
],
displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false},
persist: false, //remember last viewed slide and recall within same session?
fadeduration: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: "fadeshow2toggler"
})

</script>
<table align=center cellpadding=0 cellspacing=0>
<tr>
<td>
<div id="fadeshow2" style="background-color:transparent"></div>

<div id="fadeshow2toggler" style="width:900px; text-align:center; margin-top:10px">
<a href="#" class="prev"><img src="http://xxx.com/Resources/LeftOff.png" style="border-width:0" /></a>  <span class="status" style="margin:0 50px; font-weight:bold"></span> <a href="#" class="next"><img src="http://xxx.com/Resources/RightOn.png" style="border-width:0" /></a>
</div></td></tr>
</table>