$(function(){
	 var swidth = 348;
	 var len = $("#liuimgbox li").length;
	 var index = 0;
	 var pictimer;
	 //上一个
	 $("#liubtnbox_prev").click(function() {
	     index -= 1;
	     if(index == -1) {index = len - 1;}
	     showpics(index);
	 });
	 //下一个
	 $("#liubtnbox_next").click(function() {
	     index += 1;
	     if(index == len) {index = 0;}
	     showpics(index);
	 });
	 //编号切换
	 $('#liubtn span').hover(function(){
		 $(this).addclass('hover').siblings().removeclass('hover');
		 var index=$(this).index();
		 showpics(index);
	 })
	 //自动
	 $("#liubox").hover(function() {
	     clearinterval(pictimer);
	 },function() {
	         pictimer = setinterval(function() {
	         showpics(index);
	         index++;
	         if(index == len) {index = 0;}
	     },3000);
	 }).trigger("mouseleave");
	 //切换函数
	 function showpics(index) {
	     var nowleft = -index*swidth;
	     $("#liuimgbox ul").stop(true,false).animate({"left":nowleft},100);
		 $('#liubtn span').eq(index).addclass('hover').siblings().removeclass('hover');
		 //$(document).attr('title',index); //测试编号
	 }
	 //----------------------------------------------------
	 var swidth1 = 348;
	 var len1 = $("#liuimgbox1 li").length;
	 var index1 = 0;
	 var pictimer1;
	 //上一个
	 $("#liubtnbox_prev1").click(function() {
	     index1 -= 1;
	     if(index1 == -1) {index1 = len - 1;}
	     showpics1(index1);
	 });
	 //下一个
	 $("#liubtnbox_next1").click(function() {
	     index1 += 1;
	     if(index1 == len1) {index1 = 0;}
	     showpics1(index1);
	 });
	 //编号切换
	 $('#liubtn1 span').hover(function(){
		 $(this).addclass('hover').siblings().removeclass('hover');
		 var index1=$(this).index();
		 showpics1(index1);
	 })
	 //自动
	 $("#liubox1").hover(function() {
	     clearinterval(pictimer);
	 },function() {
	         pictimer = setinterval(function() {
	         showpics1(index1);
	         index1++;
	         if(index1 == len1) {index1 = 0;}
	     },3000);
	 }).trigger("mouseleave");
	 //切换函数
	 function showpics1(index1) {
	     var nowleft1 = -index1*swidth1;
	     $("#liuimgbox1 ul").stop(true,false).animate({"left":nowleft1},100);
		 $('#liubtn1 span').eq(index1).addclass('hover').siblings().removeclass('hover');
		 //$(document).attr('title',index); //测试编号
	 }
});