$(function(){
	var app_li = "";
	var curIndex = 0;
	var slide_len = $("#actor li").length;
	
	for(var i=1; i<=slide_len; i++) {
		if(i==1) {
			app_li +="<li class='cur'>"+i+"</li>";
		}
		else {
			app_li += "<li>"+i+"</li>";
		}
	}
	$("#banner .num").append(app_li);
	
	var slide_width = slide_len*1003;
	$("#actor").css("width",slide_width);
	
	$("#banner .prev").click(function(){
		if(!$("#actor").is(":animated")) {
			if($("#actor").css("margin-left") == "0px") {
				$("#actor").animate({marginLeft:-(slide_len-1)*1003+"px"},500);
				curIndex = slide_len-1;
			}
			else {
				$("#actor").animate({marginLeft:"+=1003px"},500);
				curIndex--;
			}
		}
		$("#banner .num li").eq(curIndex).addClass("cur").siblings().removeClass("cur");
		
	});
	$("#banner .next").click(function(){
		if(!$("#actor").is(":animated")) {
			if($("#actor").css("margin-left") == -(slide_len-1)*1003+"px") {
				$("#actor").animate({marginLeft:"0px"},500);
				curIndex = 0;
			}
			else {
				$("#actor").animate({marginLeft:"-=1003px"},500);
				curIndex++;
			}
		}
		$("#banner .num li").eq(curIndex).addClass("cur").siblings().removeClass("cur");
	});
	
	$("#banner .num li").click(function(){
		$(this).addClass("cur").siblings().removeClass("cur");
		curIndex = $("#banner .num li").index(this);
		
		$("#actor").animate({marginLeft:-curIndex*1003},500);
		
	});
	
});
