// javascript document
$(function(){
	var lis=$(".bigslider>li").length;	   
	
	
	if(lis>1){	
	
	//根据图片数生成数字号码生成左右按钮
	/*$(".bigfocusimg").append($('<ol class="bignum"></ol>'))
	.append($('<div id="btnleft"><span>向左</span></div>'))
	.append($('<div id="btnright"><span>向右</span></div>'));
	
	$(".bigslider>li").each(function(i){
		$(".bignum").append($("<li>"+(i+1)+"</li>"));														
	});*/
	
	
	//左按钮加active
	$("#btnleft").children("span").hover(function(){
			 $(this).addclass("active");
		 },function(){
			 $(this).removeclass("active");
	})
	//右按钮加active
	$("#btnright").children("span").hover(function(){
			 $(this).addclass("active");
		 },function(){
			 $(this).removeclass("active");
	})
	
	
	var index=0;
	var preindex=1;
	var timer;
	
	$(".bignum li").mouseover(function(){
	  index=$(".bignum li").index(this);
	  showimg(index);
	}).eq(0).mouseover();
	
	//左按钮代码
	$("#btnleft span").click(function(){
		index-=1;	
		showimg(index);	
	})
	//右按钮代码
	$("#btnright span").click(function(){
		index+=1;
		showimg(index);
		
	})
	
	//滑入 停止动画，滑出开始动画.
	 $('.bigfocusimg').hover(function(){
			 clearinterval(timer);
		 },function(){
			 timer = setinterval(function(){
			 index++;							  
			 showimg(index);
			  } , 6000);
	   }).trigger("mouseout");
	 }
	 
	 //通过传来参数显示不同图片
	 function showimg(indexpar){
		if(indexpar==lis){index=0;}
		else if(indexpar<0){index=lis-1;}
		$(".bigslider li").hide().css({animation:"","-webkit-animation":""}).stop(true,true).eq(index).css({animation:"ani-bigfocusimg 0.5s","-webkit-animation":"ani-bigfocusimg 0.5s"}).fadein(500);
		$(".bignum li").removeclass("active")
		.eq(index).addclass("active");
  }

})