/*首页热销商品效果*/
$(function(){
	var page = 1;
	var pagesize = 6; //每版放6个图片
	var $v_content_list = $("div.v_content_list"); //寻找到“商品内容展示区域”
	var $v_content = $("div.v_content"); //寻找到“商品内容展示区域”外围的DIV元素
	var $highlight_tip = $(".highlight_tip");
	var v_width = $v_content.width() ;
	var len = $v_content_list.find("li").length;
	var page_count = Math.ceil(len / pagesize) ;   //只要不是整数，就往大的方向取最小的整数
	//初始化分页
	var initHighLight = function(){
		var spans="";
		for(var i=1; i<=page_count; i++){
			if(i==1){
				spans += "<span class=\"current\"";
			}else{
				spans += "<span";
			}
			spans += " title=\"第"+i+"页\">"+i+"</span>";
		}
		$highlight_tip.html(spans);
	};
	initHighLight();
	//向后 按钮
	$("span.next").click(function(){    //绑定click事件
		if( !$v_content_list.is(":animated") ){    //判断“视频内容展示区域”是否正在处于动画
			if( page == page_count ){  //已经到最后一个版面了,如果再向后，必须跳转到第一个版面。
				$v_content_list.animate({ left : '0px'}, "slow"); //通过改变left值，跳转到第一个版面
				page = 1;
			}else{
				$v_content_list.animate({ left : '-='+v_width }, "slow");  //通过改变left值，达到每次换一个版面
				page++;
			}
		}
		$highlight_tip.find("span").eq((page-1)).addClass("current").siblings().removeClass("current");
	});
	//往前 按钮
	$("span.prev").click(function(){
		if( !$v_content_list.is(":animated") ){    //判断“视频内容展示区域”是否正在处于动画
			if( page == 1 ){  //已经到第一个版面了,如果再向前，必须跳转到最后一个版面。
				$v_content_list.animate({ left : '-='+v_width*(page_count-1) }, "slow");
				page = page_count;
			}else{
				$v_content_list.animate({ left : '+='+v_width }, "slow");
				page--;
			}
		}
		$highlight_tip.find("span").eq((page-1)).addClass("current").siblings().removeClass("current");
	});
	
	//滚动时间函数
	var scrollTimer = setInterval(function(){
		$("span.next").click();
	},3000);
});