//banner1 - 多图
function bb1(){
	 var nav_num = '';
	 var obj_li = $(".bb li");
	 var count  = obj_li.length;
	 obj_li.first().css("display","block");
	 obj_li.each(function(){
		 var index = $(this).index() + 1;
		 nav_num += '<li><a href="javascript:void(0)">' + index + '</a></li>'; 
	 });
	$(".banner").append('<ul class="num">' + nav_num + '</ul>');	 
    $(".num li").first().addclass("num_hover");
	$(".num li").hover(function(){
		sw = $(".num li").index(this);
		myshow(sw);
	});
	function myshow(i){
		$(".num li").eq(i).addclass("num_hover").siblings().removeclass("num_hover");
		obj_li.eq(i).stop(true,true).fadein(600).siblings("li").fadeout(600);
	}
	var mytime = 0;
	//滑入停止动画，滑出开始动画
	$(".bb").hover(function(){
		if(mytime){
		   clearinterval(mytime);
		}
	},function(){
		mytime = setinterval(function(){
		myshow(sw);
		sw++;
		if(sw == count){
			sw=0;
		}
		} , 3000);
	});
	//自动开始
	var sw = 0;
	mytime = setinterval(function(){
	   myshow(sw);
	   sw++;
	   if(sw == count){
		   sw=0;
	   }
	} , 2000);	
}

//banner2 - 多图
function bb2(){
	var swidth = $("#focus").width(); //获取焦点图的宽度（显示面积）
	var len = $("#focus ul li").length; //获取焦点图个数
	var index = 0;
	var pictimer = 0;	
	//以下代码添加数字按钮和按钮后的半透明条，还有上一页、下一页两个按钮
	var btn = "<div class='btnbg'></div><div class='btn'>";
	for(var i=0; i < len; i++) {
		btn += "<span></span>";
	}
	btn += "</div>";
	$("#focus").append(btn);
	$("#focus .btnbg").css("opacity",0.5);
	$("#focus .btnbg").css("filter","alpha(opacity=60)");
	//为小按钮添加鼠标滑入事件，以显示相应的内容
	$("#focus .btn span").css("opacity",0.4).mouseenter(function() {
		index = $("#focus .btn span").index(this);
		showpics(index);
	}).eq(0).trigger("mouseenter");
	//上一页按钮
	$("#focus .pre").click(function() {
		index -= 1;
		if(index == -1) {index = len - 1;}
		showpics(index);
	});
	//下一页按钮
	$("#focus .next").click(function() {
		index += 1;
		if(index == len) {index = 0;}
		showpics(index);
	});
	//本例为左右滚动，即所有li元素都是在同一排向左浮动，所以这里需要计算出外围ul元素的宽度
	$("#focus ul").css("width",swidth * (len));	
	//鼠标滑上焦点图时停止自动播放，滑出时开始自动播放
	$("#focus").hover(function() {
		clearinterval(pictimer);
	},function() {
		pictimer = setinterval(function() {
			showpics(index);
			index++;
			if(index == len) {index = 0;}
		},4000); //此4000代表自动播放的间隔，单位：毫秒
	}).trigger("mouseleave");
	
	//显示图片函数，根据接收的index值显示相应的内容
	function showpics(index) { //普通切换
		var nowleft = -index*swidth; //根据index值计算ul元素的left值
		$("#focus ul").stop(true,false).animate({"left":nowleft},300); //通过animate()调整ul元素滚动到计算出的position
		$("#focus .btn span").stop(true,false).animate({"opacity":"0.4"},300).eq(index).stop(true,false).animate({"opacity":"1"},300); //为当前的按钮切换到选中的效果
	}	
}

//多页签
function tabs(tabs,tab_box,_event) {
	$(tab_box).hide();
	$(tab_box).eq(0).show();
	$(tabs).find('li:eq(0)').addclass('cur'); 
	$(tabs).find("li").bind(_event,function(){
	   $(this).addclass("cur").siblings("li").removeclass("cur"); 
	   var _index = $(this).index();
	   $(tab_box).eq(_index).show().siblings(tab_box).hide();
	});
};


//滚动
function scroll(){
	//产品滚动
	var speed = 30; //数字越大速度越慢
	var tab = document.getelementbyid("demo");
	var tab1 = document.getelementbyid("demo1");
	var tab2 = document.getelementbyid("demo2");
	var liwidth=tab1.getelementsbytagname("li");
	var liwidths=liwidth[0].offsetwidth;
	var length=$("#demo1 li").length;
	var mleft=parseint($("#demo1 li:eq(0)").css("marginleft"));
	var mright=parseint($("#demo1 li:eq(0)").css("marginright"));
	var totalwidth=(liwidths+mleft+mright)*length*2+300;
	$("#indemo").width(totalwidth);
	tab2.innerhtml = tab1.innerhtml;
	function marquee(){
		if(tab2.offsetwidth - tab.scrollleft <= 0)
			tab.scrollleft -= tab1.offsetwidth;
		else{
			tab.scrollleft++;
		}
	}
	var mymar = setinterval(marquee,speed);

	tab.onmouseover = function(){
		clearinterval(mymar);
	};
	tab.onmouseout = function(){
		mymar = setinterval(marquee,speed);
	};
}

//滚动
function scroll2(){
	//产品滚动
	var speed = 30; //数字越大速度越慢
	var tab = document.getelementbyid("m_demo");
	var tab1 = document.getelementbyid("m_demo1");
	var tab2 = document.getelementbyid("m_demo2");
	var liwidth=tab1.getelementsbytagname("li");
	var liwidths=liwidth[0].offsetwidth;
	var length=$("#m_demo1 li").length;
	var mleft=parseint($("#m_demo1 li:eq(0)").css("marginleft"));
	var mright=parseint($("#m_demo1 li:eq(0)").css("marginright"));
	var totalwidth=(liwidths+mleft+mright)*length*2+300;
	$("#m_indemo").width(totalwidth);
	tab2.innerhtml = tab1.innerhtml;
	function marquee(){
		if(tab2.offsetwidth - tab.scrollleft <= 0)
			tab.scrollleft -= tab1.offsetwidth;
		else{
			tab.scrollleft++;
		}
	}
	var mymar = setinterval(marquee,speed);

	tab.onmouseover = function(){
		clearinterval(mymar);
	};
	tab.onmouseout = function(){
		mymar = setinterval(marquee,speed);
	};
}