javascript实现简单幻灯片

<div style="width: 500px; height: 310px; text-align:center; background:#66ffff; vertical-align:middle;">
<%--                <div id="photo1" style="width: 500px; height: 280px; margin:auto 0;">
<img alt="" src="images/1.jpg" mce_src="images/1.jpg" width="500px" height="290px" />
</div>
<div id="photo2" style="width: 500px; height: 280px; margin:auto 0;">
<img alt="" src="images/2.jpg" mce_src="images/2.jpg" width="500px" height="290px" />
</div>
<div id="photo3" style="width: 500px; height: 280px; margin:auto 0;">
<img alt="" src="images/3.jpg" mce_src="images/3.jpg" width="500px" height="290px" />
</div>
<div id="photo4" style="width: 500px; height: 280px; margin:auto 0;">
<img alt="" src="images/4.jpg" mce_src="images/4.jpg" width="500px" height="290px" />
</div>
<div id="photo5" style="width: 500px; height: 280px; margin:auto 0;">
<img alt="" src="images/5.jpg" mce_src="images/5.jpg" width="500px" height="290px" />
</div>--%>
<div id="photo" style="width: 500px; height: 280px; margin:auto 0;">
<img alt="" src="images/1.jpg" mce_src="images/1.jpg" width="500px" height="290px" />
</div>
<div id="index_1" onclick="select(1)" onmouseover="over(this)" style="width:15px; height:15px;background-color:#99ffff; float:left; text-align:center; margin-left:415px; margin-top:13px;" >1</div>
<div id="index_2" onclick="select(2)" onmouseover="over(this)" style="width:15px; height:15px;background-color:#99ffff; float:left; text-align:center; margin-left:1px; margin-top:13px;" >2</div>
<di
4000
v id="index_3" onclick="select(3)" onmouseover="over(this)" style="width:15px; height:15px;background-color:#99ffff; float:left; text-align:center; margin-left:1px; margin-top:13px;" >3</div>
<div id="index_4" onclick="select(4)" onmouseover="over(this)" style="width:15px; height:15px;background-color:#99ffff; float:left; text-align:center; margin-left:1px; margin-top:13px;" >4</div>
<div id="index_5" onclick="select(5)" onmouseover="over(this)" style="width:15px; height:15px;background-color:#99ffff; float:left; text-align:center; margin-left:1px; margin-top:13px;" >5</div>
</div>