//Slide banner by kangk @2010-01-07
$(document).ready(function(){
	var domObj = $("#flashBox ul li");
	var domNum = $("#flashBox ul li").size();
	var i=0;
	var btStr="";
	
	for(k=1;k<=domNum;k++){
		btStr = btStr + "<span>"+k+"</span>";
	}
	$("#flashBox .btSlide").html(btStr);
	
	
	function slide(){
		if(i>domNum-1){i=0;}
		if($("#flashBox ul #slideShow").length>0){
			$("#flashBox ul #slideShow").animate({left:"-960px"},500,function(){$(this).css("left","960px");});
			domObj.eq(i).animate({left:"0px"},500);
			domObj.attr("id","");
			domObj.eq(i).attr("id","slideShow");
			$("#flashBox .btSlide span").css("color","#ccc")
			$("#flashBox .btSlide span").eq(i).css("color","#f60")
			i++;
		}else{
			domObj.eq(0).animate({left:"0px"},500);
			domObj.eq(0).attr("id","slideShow");
			$("#flashBox .btSlide span").css("color","#ccc")
			$("#flashBox .btSlide span").eq(0).css("color","#f60")
			i=1;
		}
	}
	
	slide();
	
	var sss;
	function slideStart(){
		sss = setInterval(slide,4000);
	}
	function slideEnd(){
		clearInterval(sss);
		sss = null;
	}
	slideStart();
	
	$("#flashBox .btSlide span").click(function(){
		slideEnd();
		i = parseFloat($(this).text())-1;
		slide();
		slideStart();
	});
});