$(function() {
	var len  = $(".focus_pic li").length;
	var index = 0;
	var timer;
	$(".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(){
		index--;
		if(index==-1){index=len-1;}
		show(index);
	})
	$("#focus_r").click(function(){
		index++;
		if(index==len){index=0;}
		show(index);
	})
	//经过暂停自动播放
	$('.focus').hover(function(){
		clearInterval(timer);
	},function(){
		timer = setInterval(function(){
		index++;
		if(index==len){index=0;}
		show(index)
		 } , 5000);
	}).trigger("mouseleave");
	
})

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