var littleListImgsCount = 0;
var littleListImgPageCount = 0;
var littleListImgCurrentPage = 0;

var littleListImgWrapperWidth = 144;
var littleListImgWidth = 71;
var littleListImgHeight = 95;
var littleListImgWidth_Big = 143;

var littleListItemPerPage = 4;
var littleListFirstLoad = true;

// o为DOM对象
function littleListShowInit(o, id, sid)
{
	var littleList = $("#littleList");
	var wrapper = $(".wrapper", littleList);
	var ul = $("<ul>");

	littleList.hide();

	// 显示层
	var popupMask = $("#popupMask");
	var loading = $("#loading");
	popupMask.show();
	loading.show();

	// ajax加载数据
	$.ajax({
		type: "GET",
		url: "GetListData.aspx",
		data: "id=" + id + "&sid=" + sid,
		error: function ()
		{
			alert("数据加载失败或超时！");
			popupMask.hide();
			loading.hide();
		},
		success: function (text)
		{
			var datas = text.split("\r\n");
			// 由于服务器返回的数据中最后会有一个空行，所以要去掉
			// 因此 i < datas.length - 1
			for (var i = 0; i < datas.length - 1; i += 2)
			{
				var url = datas[i];
				var isbig = datas[i + 1] == "0" ? false : true;
				var bigSrc = imgbasepath + "/" + url;
				var smallSrc = imgbasepath + "_small/" + url;
				var li = $("<li>");
				var img = $("<img>");
				img.attr({
					src: smallSrc,
					"class": "img",
					style: "width: " + littleListImgWidth + "px; height: " + littleListImgHeight + "px"
				});
				li.width(littleListImgWidth);
				if (isbig)
				{
					img.addClass("bigImg");
					img.width(littleListImgWidth_Big);
					li.addClass("bigLi");
					li.width(littleListImgWidth_Big);
				}
				li.append(img);
				li.data("src", bigSrc);
				li.click(function ()
				{
					popupMask.show();
					var popupShow = $("#popupShow");
					popupShow.show();
					if (popupShow.data("isFirst"))
					{
						var showWrapper = $(".showWrapper", popupShow);
						showWrapper.scrollLeft(0);
						popupShow.data("isFirst", "");
					}
					popupShowLocat($(this).data("src"));
				});
				ul.append(li);
			}
			// 设置图片列表
			wrapper.empty();
			wrapper.append(ul);
			ul = $("ul", wrapper);
			// 设置项数
			littleListImgsCount = $("li", ul).length;
			// 计算页数
			var a = $("li .bigImg", ul).length;
			var b = littleListImgsCount - a;
			var c = parseInt(b / 2);
			var d = (b % 2 == 0 ? 0 : 1);
			littleListImgPageCount = a + c + d;
			// 重置当前页
			littleListImgCurrentPage = 1;
			// 设置包装器宽度
			ul.css("width", littleListImgPageCount * littleListImgWrapperWidth);
			loading.hide();
			popupMask.hide();
			littleList.show();
			wrapper.scrollLeft(0);

			// 生成弹出层
			popupShowBuildList($(o).text(), text);

			if (littleListFirstLoad)
			{
				littleListFirstLoad = false;
				doResize();
			}
		}
	});
}

function littleListShowScroll(direction)
{
	var littleList = $("#littleList");
	var wrapper = $(".wrapper", littleList);
	if (direction)
	{
		// next
		if (littleListImgCurrentPage + littleListItemPerPage < littleListImgPageCount)
		{
			littleListImgCurrentPage += littleListItemPerPage;
			wrapper.animate({ scrollLeft: (littleListImgCurrentPage - 1) * littleListImgWrapperWidth }, "slow");
		}
	}
	else
	{
		// previous
		if (littleListImgCurrentPage - littleListItemPerPage > 0)
		{
			littleListImgCurrentPage -= littleListItemPerPage;
			wrapper.animate({ scrollLeft: (littleListImgCurrentPage - 1) * littleListImgWrapperWidth }, "slow");
		}
	}
}