$(function() {
	var len  = $(".focus_pic li").length;
	var index = 0;
	var timer;
	var btnnum = 3;
	var btnwidth = $(".focus_btn li").width();
	var btnlen = Math.ceil($(".focus_btn li").length/btnnum);
	var btnindex = 0;
	$(".focus_btn li").hover(function(){
		if(index != $(".focus_btn li").index(this)){
			index = $(".focus_btn li").index(this);
			show(index);
		}
	}).eq(0).click(); 

	$(".focus_l").click(function(){
		btnindex--;
		if(btnindex==-1){btnindex=btnlen-1;}
		gd(btnindex,btnwidth,btnnum);
	})
	$(".focus_r").click(function(){
		btnindex++;
		if(btnindex==btnlen){btnindex=0;}
		gd(btnindex,btnwidth,btnnum);
	})
	//经过暂停自动播放
	$('.focus').hover(function(){
		clearInterval(timer);
	},function(){
		timer = setInterval(function(){
		index++;
		if(index==len){index=0;}
		show(index);
		btnindex = Math.floor(index/btnnum);
		$(".focus_btn ul").stop(false,true).animate({"marginLeft":-btnwidth*btnindex*btnnum});
		 } , 3000);
	}).trigger("mouseleave");
	
})

function show(index){
	$(".focus_pic li").stop(false,true).fadeOut();
	$(".focus_pic li").eq(index).stop(false,true).fadeIn();
	$(".focus_btn li").removeClass("on")
	.eq(index).addClass("on");
}

function gd(btnindex,btnwidth,btnnum){
	$(".focus_btn ul").stop(false,true).animate({"marginLeft":-btnwidth*btnindex*btnnum});
}