مشکلی در ایجاد اسلاید شو

[masud8002k]

سلام من میخوام اسلاید شو داینامیک درست کنم اما به یه مشکلی برخوردم کد من اسن هست
<div class="slideShow">
<div id="slide1" class="slides">
<img src="kaleryimg/00000002158.jpg" height="130" width="225" border="0" />
</div>
<div id="slide2" class="slides">
<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<div class="slideShow">
<div id="slide1" class="slides">
<img width="225" height="130" src='<%# Eval("simg", "kaleryimg/{0}")%>' />
</div>
</div>
</ItemTemplate>
</asp:Repeater>
</div>
<div id="slide3" class="slides">
<img src="kaleryimg/117199.jpg" height="130" width="225" border="0" />
</div>
</div>
اگر دقت کنید عکس اول ایستا عکس دوم با ریپیتر داینامیک و هکس سوم ایستا
حالا مشکل من این هست که عکس اول رو نشون میده به عکس دوم که میرسه همه عکس های دیتا بیس رو یکجا نشون میده(یعنی به ردیف نشون نمیده یکجا هر 10 عکس رو نشون میده و رد میشه یه عکس بعد)که عکس بعد هم عکس سوم و ایستا هست اینو من چیکار کنم که عک های دیتا بیس رو هم به ردیف نشون بده
اینم کد جاوا اسکریپت
<script language="JavaScript" type="text/javascript">
//<!--
//<![CDATA[

first = 1;
last = 4;
current = 1;

function nextPicture() {
// Hide current picture
object = document.getElementById('slide' + current);
object.style.display = 'none';

// Show next picture, if last, loop back to front
if (current == last) { current = 1; }
else { current++ }
object = document.getElementById('slide' + current);
object.style.display = 'block';
setTimeout(nextPicture, 2500)
}

function previousPicture() {
// Hide current picture
object = document.getElementById('slide' + current);
object.style.display = 'none';

if (current == first) { current = last; }
else { current--; }
object = document.getElementById('slide' + current);
object.style.display = 'block';
}
//]]>
// -->
</script>
چه تغییراتی باید بدم که ریپیتر اونجور نشون نده

[komeil64]

<div class="slideShow">
<div id="slide1" class="slides">
<img src="kaleryimg/00000002158.jpg" height="130" width="225" border="0" />
</div>

<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>

<div id='slide<%# Eval("ID") %>' class="slides">
<img width="225" height="130" src='<%# Eval("simg", "kaleryimg/{0}")%>' />
</div>

</ItemTemplate>
</asp:Repeater>

<div id="slide3" class="slides">
<img src="kaleryimg/117199.jpg" height="130" width="225" border="0" />
</div>
</div>