﻿
/*图片总数*/
var PhotosCount=0;
/*当前浏览图片索引*/
var curIndex=0;

function _PhotosPic()
{
    this.Id=0;
    this.Pic="";
}

function _smallPicDiv()
{
    this.obj=null;
}

var PhotosPic = new Array();
var smallPicDiv=new Array();

/*点击后在上面显示
//显示大图
//显示大图下面的一行小图
//OrderType： 排序方式 businessname、people、日期
//Album： businessid\people userid\addtime 具体日期*/
function ShowUpPic(OrderType, Album, AlbumName, isFirstEnter)
{
	if (Album==null || Album=="")
		return;

	/*删除数组*/
	PhotosPic.splice(0,PhotosPic.length);
	PhotosPic.length=0;
	PhotosCount=0;

	smallPicDiv[0]=new _smallPicDiv();
	smallPicDiv[0].obj=document.getElementById("smallPicDiv0");
	smallPicDiv[1]=new _smallPicDiv();
	smallPicDiv[1].obj=document.getElementById("smallPicDiv1");
	smallPicDiv[2]=new _smallPicDiv();
	smallPicDiv[2].obj=document.getElementById("smallPicDiv2");
	smallPicDiv[3]=new _smallPicDiv();
	smallPicDiv[3].obj=document.getElementById("smallPicDiv3");
	smallPicDiv[4]=new _smallPicDiv();
	smallPicDiv[4].obj=document.getElementById("smallPicDiv4");
	smallPicDiv[5]=new _smallPicDiv();
	smallPicDiv[5].obj=document.getElementById("smallPicDiv5");
	smallPicDiv[6]=new _smallPicDiv();
	smallPicDiv[6].obj=document.getElementById("smallPicDiv6");
	smallPicDiv[7]=new _smallPicDiv();
	smallPicDiv[7].obj=document.getElementById("smallPicDiv7");
	smallPicDiv[8]=new _smallPicDiv();
	smallPicDiv[8].obj=document.getElementById("smallPicDiv8");
	smallPicDiv[9]=new _smallPicDiv();
	smallPicDiv[9].obj=document.getElementById("smallPicDiv9");
	smallPicDiv[10]=new _smallPicDiv();
	smallPicDiv[10].obj=document.getElementById("smallPicDiv10");
	var ds=new XMLDatastore();
	ds.init();

	switch(OrderType)
	{
		case "date":
			/*ajax 获得相应日期图片列表填充数组*/
			var url="/include/ajax/common_ajax.aspx?action=MorePhotosListOfDate&AddTime=" + Album;
			var response=httpRequest("get",null,url);

			if(ds.loadXML(response) == true)
			{
				if (ds.rowCount() > 0)
				{
					PhotosCount=ds.rowCount();
					for (var i=0;i<ds.rowCount();i++)
					{
						PhotosPic[i]=new _PhotosPic();
						PhotosPic[i].Pic="/Upload/Photos/" + ds.getItemByName(i,"Picture");
						PhotosPic[i].Id=ds.getItemByName(i,"PhotosID");
					}
				}
			}
		break;
		case "people":
			/*ajax 获得相应用户图片列表填充数组*/
			var url="/include/ajax/common_ajax.aspx?action=MorePhotosListOfUser&Userid=" + Album;
			var response=httpRequest("get",null,url);

			if(ds.loadXML(response) == true)
			{
				if (ds.rowCount() > 0)
				{
					PhotosCount=ds.rowCount();
					for (var i=0;i<ds.rowCount();i++)
					{
						PhotosPic[i]=new _PhotosPic();
						PhotosPic[i].Pic="/Upload/Photos/" + ds.getItemByName(i,"Picture");
						PhotosPic[i].Id=ds.getItemByName(i,"PhotosID");
					}
				}
			}
		break;
		default:
			/*ajax 获得相应商户图片列表填充数组*/
			var url="/include/ajax/common_ajax.aspx?action=MorePhotosListOfBusiness&businessid=" + Album;
			var response=httpRequest("get",null,url);

			if(ds.loadXML(response) == true)
			{
				if (ds.rowCount() > 0)
				{
					PhotosCount=ds.rowCount();
					for (var i=0;i<ds.rowCount();i++)
					{
						PhotosPic[i]=new _PhotosPic();
						PhotosPic[i].Pic="/Upload/Photos/" + ds.getItemByName(i,"Picture");
						PhotosPic[i].Id=ds.getItemByName(i,"PhotosID");
					}
				}
			}
		break;
	}

	document.getElementById("pcId").innerHTML="("+PhotosCount + " Photos"+")";
	if (OrderType=="date")
		document.getElementById("pcName").innerHTML=AlbumName;
	else if (OrderType=="people")
		document.getElementById("pcName").innerHTML="<a class='blue1' style='font-size:20px;' href='/you/profile_home.aspx?userid=" + Album + "'>" + AlbumName + "</a>";
	else
		document.getElementById("pcName").innerHTML="<a class='blue1' style='font-size:20px;' href='/review/business_detail.aspx?businessid=" + Album + "'>" + AlbumName + "</a>";

	ShowSmallPic(isFirstEnter);
}

function ShowSmallPic(isFirstEnter)
{
	var i;
	curIndex=0;
	var istart=window.location.href.indexOf('PhotosID');
	if (istart!=-1&&isFirstEnter)
	{
		var urlPhotosID=window.location.href.substr(istart+9);
		for (var k=0;k<urlPhotosID.length;k++)
		{
			if (urlPhotosID.substr(k,1)<'0' || urlPhotosID.substr(k,1)>'9')
			{
				urlPhotosID=urlPhotosID.substr(0,k);
				break;
			}
		}

		for (i=0;i<PhotosCount;i++)
		{
			//alert(PhotosCount + ": " + i + "-" + PhotosPic[i].Id + "-" + urlPhotosID);
			if (PhotosPic[i].Id + ""==urlPhotosID)
			{
				var j=i%11;
				var page=parseInt(i/11);
				for (i=0;i+page*11<PhotosCount&&i<11;i++)
					smallPicDiv[i].obj.innerHTML="<img id='smallPic" + i + "' style='cursor:pointer;' class='ImgLink" + (i==0?" ImgLinkSel":"") + "' onclick='SetBigPicture(this)' src='" + PhotosPic[i + page*11].Pic.replace(".","_small6860.") + "' alt=''>";

				for (;i<11;i++)
					smallPicDiv[i].obj.innerHTML="";

				var smallPic0 = document.getElementById("smallPic" + j);
				SetBigPicture(smallPic0);
				break;
			}
		}
	}else{
		for (i=0;i<PhotosCount&&i<11;i++)
			smallPicDiv[i].obj.innerHTML="<img id='smallPic" + i + "' style='cursor:pointer;' class='ImgLink" + (i==0?" ImgLinkSel":"") + "' onclick='SetBigPicture(this)' src='" + PhotosPic[i].Pic.replace(".","_small6860.") + "' alt=''>";

		for (;i<11;i++)
			smallPicDiv[i].obj.innerHTML="";

		var smallPic0 = document.getElementById("smallPic0");
		SetBigPicture(smallPic0);
	}
}

function ShowSmallPic_Plus()
{
	/*大于11，有必要后翻页*/
	if(PhotosCount-curIndex>11)
	{
		for (var i=(curIndex+=11),j=0;i<PhotosCount&&i<curIndex+11;i++,j++)
			smallPicDiv[j].obj.innerHTML="<img id='smallPic" + j + "' style='cursor:pointer;' class='ImgLink" + (j==0?" ImgLinkSel":"") + "' onclick='SetBigPicture(this)' src='" + PhotosPic[i].Pic.replace(".","_small6860.") + "' alt=''>";

		for (;i<curIndex+11;i++,j++)
			smallPicDiv[j].obj.innerHTML="";

		var smallPic0 = document.getElementById("smallPic0");
		SetBigPicture(smallPic0);
	}
}

function ShowSmallPic_Minus()
{
	/*大于10，有必要前翻页*/
	if(curIndex>10)
	{
		for (i=(curIndex-=11),j=0;i<curIndex+11;i++,j++)
			smallPicDiv[j].obj.innerHTML="<img id='smallPic" + j + "' style='cursor:pointer;' class='ImgLink" + (j==0?" ImgLinkSel":"") + "' onclick='SetBigPicture(this)' src='" + PhotosPic[i].Pic.replace(".","_small6860.") + "' alt=''>";

		var smallPic0 = document.getElementById("smallPic0");
		SetBigPicture(smallPic0);
	}
}

function SetBigPicture(obj)
{
	var bigPic=document.getElementById("bigPic");
	var smallPic0=document.getElementById("smallPic0");
	var smallPic1=document.getElementById("smallPic1");
	var smallPic2=document.getElementById("smallPic2");
	var smallPic3=document.getElementById("smallPic3");
	var smallPic4=document.getElementById("smallPic4");
	var smallPic5=document.getElementById("smallPic5");
	var smallPic6=document.getElementById("smallPic6");
	var smallPic7=document.getElementById("smallPic7");
	var smallPic8=document.getElementById("smallPic8");
	var smallPic9=document.getElementById("smallPic9");
	var smallPic10=document.getElementById("smallPic10");
	
	smallPic0.className="ImgLink";
	if (smallPic1!=null)
		smallPic1.className="ImgLink";
	if (smallPic2!=null)	
		smallPic2.className="ImgLink";
	if (smallPic3!=null)
		smallPic3.className="ImgLink";
	if (smallPic4!=null)
		smallPic4.className="ImgLink";
	if (smallPic5!=null)
		smallPic5.className="ImgLink";
	if (smallPic6!=null)
		smallPic6.className="ImgLink";
	if (smallPic7!=null)
		smallPic7.className="ImgLink";
	if (smallPic8!=null)
		smallPic8.className="ImgLink";
	if (smallPic9!=null)
		smallPic9.className="ImgLink";
	if (smallPic10!=null)
		smallPic10.className="ImgLink";

	obj.className="ImgLink ImgLinkSel";
	bigPic.src=obj.src.replace("_small6860","_small528352");
	
	
	var divModifyPhotosMenu = document.getElementById("divModifyPhotosMenu");
	if (divModifyPhotosMenu)
	{
		window.document.body.removeChild(divModifyPhotosMenu);
	}
}

function NextBigPicture()
{
	var bigPic=document.getElementById("bigPic");
	var dd=bigPic.src;
	for(var i=0;i<11;i++)
	{
		var smallPic=document.getElementById("smallPic" + i);
		if (smallPic!=null)
		{
			if (smallPic.src.replace("_small6860","_small528352").substring(smallPic.src.lastIndexOf('/')+1)==bigPic.src.substring(bigPic.src.lastIndexOf('/')+1))
			{
				smallPic=document.getElementById("smallPic" + (i+1));
				if (smallPic!=null)
				{
					SetBigPicture(smallPic);
				}else{
					ShowSmallPic_Plus();
				}
				break;
			}
		}
	}
}

