简单的点击切换div问题？

Question

<div class="boxDiv">
    <img class="rightBtn" src="img/CustomBlackNext.gif" alt=""/>
    <img class="leftBtn" src="img/CustomBlackPrevious.gif" alt=""/>
    <div>第一个div</div>
    <div>第二个div</div>
    <div>第三个div</div>
</div>
<script>
var divs=$(".boxDiv>div");
$(".rightBtn").click(function(){
    for(var i=0;i<divs.length;i++){
        $(divs[i]).hide();
        $(divs[i+1]).show();
    }
})
</script>

.boxDiv是相对定位，.boxDiv>div除了第一个是显示的其他都是隐藏的。想要实现的效果就是点击右箭头隐藏当前div显示下一个div,点击左箭头隐藏当前div显示上一个div.   js应该怎么写？div个数不定，所以用循环但是不知道哪里出了问题，请教各位！！！跪谢！！！！！！！！！！！