dispalying images in slider using ajax without using database

<table border="0">
								<tr>
									<td width="440">
									<!--webbot bot="HTMLMarkup" startspan -->
									<div id="slider4" class="sliderwrapper">
										<div class="contentdiv"><object width="395" height="280"><param name="movie" value="http://www.youtube.com/v/tBiynRl5toY?fs=1&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/tBiynRl5toY?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="395" height="280"></embed></object></div>
										<div class="contentdiv"><object width="395" height="280"><param name="movie" value="http://www.youtube.com/v/Z6w4KAEIPN0?fs=1&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Z6w4KAEIPN0?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="395" height="280"></embed></object></div>
										<div class="contentdiv"><object width="395" height="280"><param name="movie" value="http://www.youtube.com/v/DaXFWL8g28E?fs=1&hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/DaXFWL8g28E?fs=1&hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="395" height="280"></embed></object></div>
										
									</div>	
									</td>
									
<td valign="top" style="padding-removed20px;">
									<div id="paginate-slider4" >
										<table cellpadding="0" cellspacing="0" border="0">
											<tr>
												<td><a href="#" class="toc" rel="1"><img src="images/v1.jpg" width="100" height="70px" border="0"></a></td>
												<td width="5"><img src="images/spacer.gif" alt="" /></td>
												<td><a href="#" class="toc someclass" rel="2"><img src="images/v2.jpg" width="100" height="70px" border="0"></a></td>
												<td width="5"><img src="images/spacer.gif" alt="" /></td>
												<td><a href="#" class="toc someotheclass selected" rel="4"><img src="images/v3.jpg" width="100" height="70px" border="0"></a></td>
											</tr>
											
												
											<tr>
															</table>
   									</div>
									</td>
								</tr>
							</table>
<script type="text/javascript">
featuredcontentslider.init({
	id: "slider4",  //id of main slider DIV
	contentsource: ["inline", ""],  //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
	toc: "markup",  //Valid values: "#increment", "markup", ["label1", "label2", etc]
	nextprev: ["", "Next"],  //labels for "prev" and "next" links. Set to "" to hide.
	revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
	enablefade: [true, 0.1],  //[true/false, fadedegree]
	autorotate: [false, 500],  //[true/false, pausetime]
	onChange: function(previndex, curindex){  //event handler fired whenever script changes slide
		//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
		//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
	}