How to move the slider buttons above the content?

[mbodel]

1) Script Title:
Featured Content Slider

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm

3) Describe problem:
Script works great. I just need to move the slider buttons (1,2,3 etc) to above the content. Can't figure what part of the code needs to change. Thanks so much.

[thetestingsite]

In this patch of code (taken from the demo page), move the highlighted code to the top of the snippet.



<div id="slider1" class="contentslide">
<div class="opacitylayer">

<div class="contentdiv">
Content 1
</div>

<div class="contentdiv">
Content 2
</div>

<div class="contentdiv">
Content 3
</div>

</div>
</div>

<div class="pagination" id="paginate-slider1"></div>

<script type="text/javascript">
//Define: ContentSlider("slider_ID", [autorotate_miliseconds], [custompaginatelinkstext], [customnextlinktext])
ContentSlider("slider1")

</script>


Hope this helps.