jQuery手写幻灯片，点击下面的banner只能切换到下一张。下面是代码求解答

<script type="text/javascript">
var Gindex=0;
var picArr=$("#picList li");
$("#picList").css("width",picArr.length*300);

function next(){
$("#banner li").removeClass("selected").eq(Gindex-3).addClass("selected");
$("#picList li:first-child").animate({
marginLeft:"-300px"
},1000,function(){
var temp=$(this).clone();
if(Gindex==3){
Gindex=0;
}else{
Gindex+=1;
}
$(this).remove();
temp.css({marginLeft:"0"});
$("#picList").append(temp);
});
// alert(index)
}
function prev(){
var temp=$("#picList li:last-child").clone();
$("#picList li:last-child").remove();
temp.css({marginLeft:"-300px"});
if(Gindex==0){
gindex=3;
}else{
Gindex-=1;
}
$("#banner li").removeClass("selected").eq(Gindex).addClass("selected");
$("#picList").prepend(temp);
$("#picList li:first-child").animate({marginLeft:"0"},1000)
// alert(index)
}

var interval=setInterval(next,2000);

$("#picList,#banner li").hover(function(){
clearInterval(interval);
},function(){
interval=setInterval(next,2000);
});


$("#banner li").click(function(){
var cInndex=$(this).index();
if(cInndex>Gindex){
for(var i=0;i<parseInt(cInndex-Gindex);i++){
// alert(parseInt(cInndex-Gindex));
next();
}
}else if(cInndex<Gindex){
for(var i=0;i<parseInt(Gindex-cInndex);i++){
// alert(parseInt(Gindex-cInndex));
prev();
}
}
})
</script>

运用克隆做的幻灯片效果，下面有个banner（4个li），点击某个则跳到该张图片。但是当前问题是如果现在是第一张图片显示，点击第三个li或者第四个li都只会切换到第二张图片。。求解