اسلایدر

[olampiad]

سلام
من این اسلایدر رو نوشتم
به خوبی کار می کنه.
فقط دکمه های next , prev که تو این کد با کلاس های right , left
مشخص شده است.
کار نمی کند.
من می خوام موقعی که روی دکمه های next , prev کلیک کردم.
عکس بعدی بیاد ولی این طور نمی شه و گیر می کنه.
ممنون


var pic=['i/Slide1.jpg','i/Slide2.jpg','i/Slide3.jpg'];
var adad=0;
var img=$('#sl img')
setInterval(function(){
$(img).effect('puff',500)
$('#sl').css('background',"url("+pic[adad]+")")
$(img).attr("src",pic[adad])
$(img).effect('explode',500).delay(2000)
adad++;
if(adad===3){adad=0;}



},3000)


$('.right').click(function(){
if(adad<2){
adad++;
$(img).attr('src',pic[adad])
}else{
adad===0;
$(img).attr('src',pic[adad])
}
})