function openerhref() {
	var hrefurl = "/home/chi/default.asp";

	if (ispopup == 1) {
		try {
			top.opener.document.location.href = hrefurl;
		} catch(err) {
			window.open(hrefurl);
			top.close();
		}

		top.close();
	} else {
		document.getElementById('ispopup').href = hrefurl;
		return
	}
}

function replaceHTML(strOrg) {
	var strNew = strOrg;

	strNew = replaceString(strNew, "&lt;", "<");
	strNew = replaceString(strNew, "&gt;", ">");
	strNew = replaceString(strNew, "&quot;", "\"");
	strNew = replaceString(strNew, "&amp;copy;", "&copy;");

	return strNew;
}

function getPreview(strAid, strPageNum) {
	var arrayParam = new Array( new Array("aid", strAid), new Array("pagenum", strPageNum) );
	objXml.makeReq(arrayParam);
}

function fnCallBack(boolStatus) {
	if (boolStatus == true) {
		fnBuildPreview(objXml.getResult("xml"));
	} else {
		alert("Sorry, Server busy, please try again later.");	
	}
}

function fnBuildPreview(objXML) {
	var strResult = objXML.getElementsByTagName("result")[0].firstChild.data;
	if (strResult == "true") {
		intCurrentNumPhoto = 0;

		var strCatName = "";
		if (objXML.getElementsByTagName("cat_name")[0].hasChildNodes()) {
			strCatName = objXML.getElementsByTagName("cat_name")[0].firstChild.data;
		}
		var strCatDesc = ""
		if (objXML.getElementsByTagName("cat_desc")[0].hasChildNodes()) {
			strCatDesc = objXML.getElementsByTagName("cat_desc")[0].firstChild.data;
		}
		var strAlbumID = "";
		if (objXML.getElementsByTagName("album_id")[0].hasChildNodes()) {
			strAlbumID = objXML.getElementsByTagName("album_id")[0].firstChild.data;
		}
		var strAlbumTitle = "";
		if (objXML.getElementsByTagName("album_title")[0].hasChildNodes()) {
			strAlbumTitle = objXML.getElementsByTagName("album_title")[0].firstChild.data;
		}
		var strAlbumDesc = "";
		if (objXML.getElementsByTagName("album_desc")[0].hasChildNodes()) {
			strAlbumDesc = objXML.getElementsByTagName("album_desc")[0].firstChild.data;
		}
		var strAlbumTotalPic = objXML.getElementsByTagName("total_pic")[0].firstChild.data;
		var strAlbumTotalPage = objXML.getElementsByTagName("total_page")[0].firstChild.data;
		var strNumPicThisPage = objXML.getElementsByTagName("num_pic")[0].firstChild.data;
		var strThisPageNum = objXML.getElementsByTagName("page_num")[0].firstChild.data;
		var strCatMap = objXML.getElementsByTagName("cat_map")[0].firstChild.data;

		if (strNumPicThisPage > 0) {
			var objSpanCatName = document.getElementById("spanCatName");
			objSpanCatName.innerHTML = strCatName + "&nbsp;&gt;&nbsp;";

			var objSpanAlbumName = document.getElementById("spanAlbumName");
			objSpanAlbumName.innerHTML = strAlbumTitle;

			var objPreviewPanel = document.getElementById("divPreviewPanel");
			objPreviewPanel.innerHTML = "";
			objPreviewPanel.style.display = "";
			var objDivPaging = document.getElementById("divPaging");
			objDivPaging.style.display = "";

			var objPics = objXML.getElementsByTagName("picture");
			var objOnePic = null;
			var strPreviewUrl = "";
			var strOrgUrl = "";
			var strPicTitle = "";
			var strPicDesc = "";
			var strFirstOrgUrl = "";
			var strFirstPicTitle = "";
			var strFirstPicDesc = "";
			var strpwidth = "";
			var strpheight = "";
			var strcatmap = "";
			var strfirstpwidth = "";
			var strfirstpheight = "";

			for (var i=0; i<objPics.length; i++) {
				objOnePic = objPics[i];

				strPreviewUrl = objOnePic.getElementsByTagName("preview")[0].firstChild.nodeValue;
				strOrgUrl = objOnePic.getElementsByTagName("org")[0].firstChild.nodeValue;
				strpwidth = objOnePic.getElementsByTagName("pwidth")[0].firstChild.nodeValue;
				strpheight = objOnePic.getElementsByTagName("pheight")[0].firstChild.nodeValue;
				strcatmap = objOnePic.getElementsByTagName("cat_map")[0].firstChild.nodeValue;

        if (objOnePic.getElementsByTagName("title")[0].hasChildNodes()) {
					strPicTitle = objOnePic.getElementsByTagName("title")[0].firstChild.nodeValue;
				} else {
					strPicTitle = "";
				}
				if (objOnePic.getElementsByTagName("desc")[0].hasChildNodes()) {
					strPicDesc = objOnePic.getElementsByTagName("desc")[0].firstChild.nodeValue;
				} else {
					strPicDesc = "";
				}

				if (i == 0) {
					strfirstpwidth = strpwidth;
					strfirstpheight = strpheight;
					strFirstOrgUrl = strOrgUrl;
					strFirstPicTitle = strPicTitle;
					strFirstPicDesc = strPicDesc;
				}

				intCurrentNumPhoto++;
				objPreviewPanel.appendChild(fnGenOnePicPreview(intCurrentNumPhoto, strPreviewUrl, strOrgUrl, strPicTitle, strPicDesc, strAlbumTitle, strAlbumDesc, strCatMap, strpwidth, strpheight));
			}

			fnUpdateNumPhotoLbl(strAlbumTotalPic);
			fnUpdatePageNav(strThisPageNum, strAlbumTotalPage);
			if (boolIsFirst == true) {
				fnGenLargePic(strFirstOrgUrl, strFirstPicTitle, strFirstPicDesc, strAlbumTitle, strAlbumDesc, strCatMap, strfirstpwidth, strfirstpheight);
			}
			boolIsPaging = false;
		}

		actag("url=showcase/chi/popup.asp%3Faid%3D" + strAlbumID, strCatMap);
		fnadchange(strCatMap);
	}
}

function fnGenLargePic(strPicUrl, strPicTitle, strPicDesc, strAlbumTitle, strAlbumDesc, strCatMap, strpwidth, strpheight) {
	var objDiv = document.getElementById("divLargePic");
	objDiv.style.background = "url(images/indicator.gif) no-repeat center center";

	var objSpanPhotoAlbumName = document.getElementById("photoAlbumName");
	objSpanPhotoAlbumName.innerHTML = "";

	var objSpanPhotoTitle = document.getElementById("photoTitle");
	objSpanPhotoTitle.innerHTML = "";

	var objSpanPhotoDesc = document.getElementById("photoDesc");
	objSpanPhotoDesc.innerHTML = "";
	
	var objphotodec = document.getElementById("divphotodec");
	var objesdlogo = document.getElementById("imgesdlogo");

	var objImgSpacer = document.getElementById("imgSpacer");

	if (parseInt(strpwidth) > parseInt(strpheight)) {
		objDiv.style.width = "650px";
		objDiv.style.height = "418px";

		objphotodec.style.width = "500px";
		objphotodec.style.height = "120px";

		objesdlogo.style.width = "145px";
		objesdlogo.style.height = "120px";
	} else {
		objDiv.style.width = "450px";
		objDiv.style.height = "600px";

		objphotodec.style.width = "200px";
		objphotodec.style.height = "545px";

		objesdlogo.style.width = "200px";
		objesdlogo.style.height = "55px";
	}
	objImgSpacer.style.width = objDiv.style.width;
	objImgSpacer.style.height = objDiv.style.height;
	objImgSpacer.alt=strAlbumTitle;
	objImgSpacer.title=strAlbumTitle;

	var objNewImg = new Image();
	objNewImg.src = strPicUrl + "&hash=" + Math.random();
	/*
	objNewImg.onload = function() {
		objDiv.style.background = "url(" + strPicUrl + "&hash=" + Math.random() + ") no-repeat center center";
		objSpanPhotoAlbumName.innerHTML = strAlbumTitle;
		objSpanPhotoTitle.innerHTML = strPicTitle;
		objSpanPhotoDesc.innerHTML = strPicDesc + "<br />" + strAlbumDesc;
	}
	*/

	if (boolIsFirst == false) {
		objNewImg.onload = function() {
			objSpanPhotoAlbumName.innerHTML = strAlbumTitle;
			objSpanPhotoTitle.innerHTML = strPicTitle;
			objSpanPhotoDesc.innerHTML = strPicDesc + "<br />" + strAlbumDesc;
		}

		actag("url=" + strPicUrl, strCatMap);
		fnadchange(strCatMap);
	} else {
		objNewImg.onload = function() {
			objDiv.style.background = "url(" + strPicUrl + "&hash=" + Math.random() + ") no-repeat center center";
			objSpanPhotoAlbumName.innerHTML = strAlbumTitle;
			objSpanPhotoTitle.innerHTML = strPicTitle;
			objSpanPhotoDesc.innerHTML = strPicDesc + "<br />" + strAlbumDesc;
		}
		//fnadchange(strCatMap);
	}
	boolIsFirst = false;

}

function fnGenOnePicPreview(intPhotoId, strPreviewUrl, strOrgUrl, strPicTitle, strPicDesc, strAlbumTitle, strAlbumDesc, strCatMap, strpwidth, strpheight) {
	var img = document.createElement("img");
	img.src = "images/spacer.gif";
	img.border = 0;
	img.alt = strAlbumTitle;
	img.title = strAlbumTitle;

	if (parseInt(strpwidth) > parseInt(strpheight)) {
		img.width = 98;
		img.height = 63;
	} else {
		img.width = 72;
		img.height = 94;
	}

	var a = document.createElement("a");
	a.href = "javascript:;";
	a.title = strAlbumTitle;

	a.onclick = function() {
		fnGenLargePic(strOrgUrl, strPicTitle, strPicDesc, strAlbumTitle, strAlbumDesc, strCatMap, strpwidth, strpheight);
	};
	a.appendChild(img);

	var div = document.createElement("div");
	div.id = "divPic" + intPhotoId;
	div.className = "divOnePic";
	div.style.background = "url(" + strPreviewUrl + "&hash=" + Math.random() + ") no-repeat top left";
	
	if (parseInt(strpwidth) > parseInt(strpheight)) {
		div.style.width = 98;
		div.style.height = 63;
	} else {
		div.width = 72;
		div.height = 94;
	}

	div.appendChild(a);

	return div;
}

function fnUpdateNumPhotoLbl(strNumPhoto) {
	var objDivPagingLeft = document.getElementById("divPagingLeft");
	objDivPagingLeft.innerHTML = "<span align=\"left\" class=\"txt_num_photo\">" + strNumPhoto + "</span>&nbsp;<span class=\"bodyeng\">Photos</span>";
}

function fnUpdatePageNav(strThisPageNum, strAlbumTotalPage) {
	var strPrevPage, strNextPage;
	var strImgPrev, strImgNext;

	if (parseInt(strThisPageNum) <= 0) {
		strPrevPage = null;
		strImgPrev = "<img src=\"images/spacer.gif\" alt=\"*\" width=\"61\" height=\"17\" border=\"0\" />";
	} else {
		strPrevPage = parseInt(strThisPageNum) - 1;
		strImgPrev = "<img src=\"images/btn_previous.gif\" alt=\"*\" width=\"61\" height=\"17\" border=\"0\" alt=\"Previous Page\" title=\"Previous Page\" onclick=\"fnGoPage('" + strPrevPage + "')\" onmouseover=\"this.style.cursor='hand';this.style.cursor='pointer';\" />";
	}

	if (parseInt(strThisPageNum) >= (parseInt(strAlbumTotalPage) - 1)) {
		strNextPage = null;
		strImgNext = "<img src=\"images/spacer.gif\" alt=\"*\" width=\"61\" height=\"17\" border=\"0\" />";
	} else {
		strNextPage = parseInt(strThisPageNum) + 1;
		strImgNext = "<img src=\"images/btn_next.gif\" alt=\"*\" width=\"61\" height=\"17\" border=\"0\" alt=\"Next Page\" title=\"Next Page\" onclick=\"fnGoPage('" + strNextPage + "')\" onmouseover=\"this.style.cursor='hand';this.style.cursor='pointer';\" />";
	}

	var objDivPagingRight = document.getElementById("divPagingRight");
	objDivPagingRight.innerHTML = strImgPrev + strImgNext;
}

function fnGoPage(strPageNum) {
	if (boolIsPaging == false) {
		strCurrentPage = strPageNum;
		boolIsPaging = true;
		fnClearPreviewPanel(intCurrentNumPhoto);
	}
}

function fnClearPreviewPanel(intId) {
	if (intId == 0) {
		getPreview(strCurrentAid, strCurrentPage);
	} else {
		var objDivPreviewPanel = document.getElementById("divPreviewPanel");
		var objDiv = document.getElementById("divPic" + intId);
		objDivPreviewPanel.removeChild(objDiv);
		var intNewId = intId - 1;
		setTimeout("fnClearPreviewPanel(" + intNewId + ")", 50);
	}
}

//Input the catid, catname to hidden field when page onload
function fnbackhref() {
	var hidcurcatid = document.getElementById("hidcurcatid").value;
	var hidcurcatname = document.getElementById("Hidcurcatname").value;
	fnShowAlbumList(hidcurcatid, hidcurcatname);
}

function hidcat(hidcatid,hidcatname) {
	document.getElementById("hidcurcatid").value = hidcatid;
	document.getElementById("Hidcurcatname").value = hidcatname;
}

function fnShowAlbumList(strCatId, strCatName) {
	document.getElementById("hidcurcatid").value = strCatId;
	document.getElementById("Hidcurcatname").value = strCatName;
	var objSpanCatName = document.getElementById("spanCatName");
	objSpanCatName.innerHTML =  document.getElementById("Hidcurcatname").value + " &gt;";

	var objSpanAlbumName = document.getElementById("spanAlbumName");
	objSpanAlbumName.innerHTML = "&nbsp;";

	var objDivPaging = document.getElementById("divPaging");
	objDivPaging.style.display = "none";

	var objDivPreviewPanel = document.getElementById("divPreviewPanel");
	objDivPreviewPanel.style.display = "none";

	var objDivCatCurr = document.getElementById("divCat" + strCurrentCid);
	objDivCatCurr.className = objDivCatCurr.className.replace("cat_nav_cell_high", "cat_nav_cell");
	var objDivAlbumListCurr = document.getElementById("divAlbumList" + strCurrentCid);
	objDivAlbumListCurr.style.display = "none";

	strCurrentCid = strCatId
	var objDivCatNew = document.getElementById("divCat" + strCurrentCid);
	objDivCatNew.className = objDivCatNew.className.replace("cat_nav_cell", "cat_nav_cell_high");
	var objDivAlbumListNew = document.getElementById("divAlbumList" + strCurrentCid);
	objDivAlbumListNew.style.display = "";
}

function fnShowAlbum(strAlbumId) {
	var objDivAlbumList = document.getElementById("divAlbumList" + strCurrentCid);
 	document.getElementById("copylink").value = 'http://www.esdlife.com/showcase/chi/popup.asp?aid='+strAlbumId;
	objDivAlbumList.style.display = "none";

	strCurrentPage = "0";
	strCurrentAid = strAlbumId;
	boolIsFirst = true;
	getPreview(strCurrentAid, strCurrentPage);
}

function fnIndexShowAlbumList(strCatId) {
	if (strCurrentCatId != "") {
		var objCurrDivTab = document.getElementById("divCatTab" + strCurrentCatId);
		objCurrDivTab.className = "showcase_cat_name_txt";

		var objCurrDiv = document.getElementById("divCat" + strCurrentCatId);
		objCurrDiv.style.display = "none";
	}

	var objNewDivTab = document.getElementById("divCatTab" + strCatId);
	objNewDivTab.className = "showcase_cat_name_txt_high";

	var objNewDiv = document.getElementById("divCat" + strCatId);
	objNewDiv.style.display = "";

	strCurrentCatId = strCatId;
}

function fnIndexPopAlbum(strAlbumId) {
	var albumpop = window.open('popup.asp?popup=1&aid=' + strAlbumId, 'popalbum', 'width=1035,height=700,status=1,scrollbars=1');
	albumpop.focus();
}

function fnIndexPopAlbum2() {
	var objFrm = document.formSelectAlbum;
	fnIndexPopAlbum(objFrm.selectAlbumList.options[objFrm.selectAlbumList.selectedIndex].value);
}