Кнопки на слайдере
 

Я новичок в java
помогите сделать стрелки переключения на слайдере вот код


<script type="text/javascript" src="js/jquery-1.4.3.js"></script>
<script type="text/javascript">
$(function(){
setInterval("rotateImages()", 6000)
})
function rotateImages(){
var oCurPhoto = $("div.slidephoto div.current")
var oNxtPhoto = oCurPhoto.next()
if (oNxtPhoto.length ==0)
oNxtPhoto = $("div.slidephoto div:first")
oCurPhoto.removeClass('current').addClass('previus ')
oNxtPhoto.css({opacity: 0.0}).addClass('current').animate({opacity: 1.0}, 2000,
function(){
oCurPhoto.removeClass('previus')})
}

</script>
<a href="#"><img src="images/slider/btn_arrow_left.jpg" id="bt1" /></a>
<a href="#"><img src="images/slider/btn_arrow_right.jpg" id="bt2" /></a>
<div Class="slidephoto">
<div class="current">

<img src="images/gorod.jpg" alt="life" width="1081" height="351" class="galery" />
</div>
<div>
<img src="images/jumper-skydiver.jpg" alt="life" width="1081" height="351" class="galery" />
</div>

<div>
<img src="images/raduga2.jpg" alt="life" width="1081" height="351" class="galery" />
</div>
<div>
<img src="images/okno.jpg" alt="life" width="1081" height="351" class="galery" />
</div>
<div>
<img src="images/ptichkivnebe.jpg" alt="life" width="1081" height="351" class="galery" />
</div>
<div>
<img src="images/family.jpg" alt="life" width="1081" height="351" class="galery" />
</div>
</div>



Сам думал, но из-за отсутствия каких то знаний и практики ничего не вышло
помогите пожалуйста)
Спасибо):help: