Slider of thumbnails

How do i put these div’s into a jqery slider? I have only put <li> into a slider and these are div. They are the thumbnails.
This is the code for the thumbnails, they pull from

[CODE] <td valign=”top” id=”item_drill<%=getCurrentAttribute(“item”,”internalid”)%>”>
<div id=”TT-basePDPtemplate3″ class=”middle”>
<div class=”centered-middle”>
<div class=”itemdrill-mainInfo”>
<div class=”itemdrill-left”>
<div id=”itemdrill-zoomGallery”>
<div id=”itemdrill-zoomGallery-content”>
<div id=”large-image-field99″ class=”large-image”> <a href=”<%=getCurrentAttribute(‘item’,’custitem_gallery_1′)%>” class=”cloud-zoom” id=”zoom” rel=”adjustX: 10, adjustY:-4, zoomWidth: 300, zoomHeight:300″ title=” ” onMouseOver=”textz(1);” onMouseOut=”textz(2);” style=”display:block; height:305px; overflow:hidden; position:relative;”> <img id=”XX” src=”<%=getCurrentAttribute(‘item’,’custitem_gallery_1′)%>” class=”xx” onMouseOver=”textz(1);” onMouseOut=”textz(2);” style=” display:block; height:auto; text-align:center; width:350px;”/> </a> </div>
<span class=’smalltext’ id=”textZoom”>Roll on to zoom in</span></div>
<div id=”thumbnails-custom”>
<div id=”custom1″></div>
<div id=”custom2″ style=”display:none”></div>
<div id=”custom3″ style=”display:none”></div>
<div id=”custom4″ style=”display:none”></div>
<div id=”custom5″ style=”display:none”></div>
<div id=”custom6″ style=”display:none”></div>
<div id=”custom7″ style=”display:none”></div>
<div id=”custom8″ style=”display:none”></div>
<div id=”custom9″ style=”display:none”></div>
<div id=”custom10″ style=”display:none”></div>
<div id=”custom11″ style=”display:none”></div>
<div id=”custom12″ style=”display:none”></div>
</div>
</div>
</div>[/CODE]

[url]http://shopping.netsuite.com/s.nl/c.560765/it.A/id.1920/.f[/url]

Also in #HTML _↴