$(function() {
	var swidth1 = $(".tl_pos ol li").height()+17; //获取焦点图的宽度（显示面积）
	var len1 = $(".tl_pos ol li").length; //获取焦点图个数
	var index1 = 0;
	var pictimer1;

	//上一页按钮
	$(".btn_top").click(function() {
		index1 -= 1;
		if(index1 == -1) {index1 =1; return;}
		showpics(index1);
	});

	//下一页按钮
	$(".btn_bottom").click(function() {
		index1 += 1;
		if(index1 == len1-3) {index1 =len1-4; return;}
		showpics(index1);
	});

	//本例为左右滚动，即所有li元素都是在同一排向左浮动，所以这里需要计算出外围ul元素的宽度
	$(".tl_pos ol").css("height",swidth1 * (len1));
	
	
	
	//显示图片函数，根据接收的index值显示相应的内容
	function showpics(index1) { //普通切换
		var nowleft1 = -index1*swidth1; //根据index值计算ul元素的left值
		$(".tl_pos ol").stop(true,false).animate({"top":nowleft1},500); //通过animate()调整ul元素滚动到计算出的position
	}
});


$(function() {
	var swidth2 = $(".qh_sx li").height()+6; //获取焦点图的宽度（显示面积）
	var len2 = $(".qh_sx li").length; //获取焦点图个数
	var index2 = 0;
	var pictimer2;

	//上一页按钮
	$(".qh_top").click(function() {
		index2 -= 1;
		if(index2 == -1) {index2 =1; return;}
		showpics(index2);
	});

	//下一页按钮
	$(".qh_bottom").click(function() {
		index2 += 1;
		if(index2 == len2-3) {index2 =len2-4; return;}
		showpics(index2);
	});

	//本例为左右滚动，即所有li元素都是在同一排向左浮动，所以这里需要计算出外围ul元素的宽度
	$(".qh_sx ul").css("height",swidth2 * (len2));
	
	
	
	//显示图片函数，根据接收的index值显示相应的内容
	function showpics(index2) { //普通切换
		var nowleft2= -index2*swidth2; //根据index值计算ul元素的left值
		$(".qh_sx ul").stop(true,false).animate({"top":nowleft2},500); //通过animate()调整ul元素滚动到计算出的position
	}
});