//==================图文详细页函数=====================

$(function(){
	//载入第一张图片
    preview();
	//图片放大镜效果
	$(".jqzoom").jqueryzoom({xzoom:368,yzoom:438});
});

//图片预览小图移动效果,页面加载时触发
$(function(){
	var templength = 0; //临时变量,当前移动的长度
	var viewnum = 5; //设置每次显示图片的个数量
	var movenum = 2; //每次移动的数量
	var movetime = 300; //移动速度,毫秒
	var scrolldiv = $(".pic-scroll .items ul"); //进行移动动画的容器
	var scrollitems = $(".pic-scroll .items ul li"); //移动容器里的集合
	var movelength = scrollitems.eq(0).width() * movenum; //计算每次移动的长度
	var countlength = (scrollitems.length - viewnum) * scrollitems.eq(0).width(); //计算总长度,总个数*单个长度
	  
	//下一张
	$(".pic-scroll .next").bind("click",function(){
		if(templength < countlength){
			if((countlength - templength) > movelength){
				scrolldiv.animate({left:"-=" + movelength + "px"}, movetime);
				templength += movelength;
			}else{
				scrolldiv.animate({left:"-=" + (countlength - templength) + "px"}, movetime);
				templength += (countlength - templength);
			}
		}
	});
	//上一张
	$(".pic-scroll .prev").bind("click",function(){
		if(templength > 0){
			if(templength > movelength){
				scrolldiv.animate({left: "+=" + movelength + "px"}, movetime);
				templength -= movelength;
			}else{
				scrolldiv.animate({left: "+=" + templength + "px"}, movetime);
				templength = 0;
			}
		}
	});
});

//鼠标经过预览图片函数
function preview(obj){
	var argnum = arguments.length;
	if(argnum == 1){
		$(".jqzoom img").attr("src",$(obj).attr("src"));
		$(".jqzoom img").attr("jqimg",$(obj).attr("bimg"));
	}else{
		$(".jqzoom img").attr("jqimg",$(".items li img").eq(0).attr("bimg"));
    	$(".jqzoom img").attr("src",$(".items li img").eq(0).attr("src"));
	}
}
//==================图文详细页函数=====================