/////////////////////////////////////////////////////////
	/// need dialog-box.js.asp, client-library.js.asp
	/// <summary>
	///   Show DatePicker dialogbox
	/// </summary>
	/// <example>
	/// 	<input name="Status/@activeDate" size="20" maxlength="16" type="text" onClick="showDateDlg();" value="@Status/@activeDate@"><ldstr:attribute strID="strStatus/@activeDate" doc="lcms_user_string" name="title"/></input>
	/// </example>
	/////////////////////////////////////////////////////////
	function showDateDlg() {
//		var l_oResult = DatePicker(event.srcElement.title);
//		var l_oResult = DatePicker(event.srcElement.title, new Date(2002, 9, 26));
		var l_oResult; // result return object
		var l_oDate = null;
		var l_sDate;
		var l_oRe11 = new RegExp("^[0-2][0-9]{3}-[0-2]?[0-9]-[0-3]?[0-9]$"); // YYYY-MM-DD, year : 1000~2999

		// check if format is matched
		l_sDate = trim(event.srcElement.value);
		if (!l_oRe11.test(trim(l_sDate))) l_sDate = "";
		if ("" != l_sDate) l_oDate = new Date(l_sDate.substr(l_sDate.indexOf("-")+1) + "-" + l_sDate.substr(0,l_sDate.indexOf("-")))
//		alert(l_sDate.substr(l_sDate.indexOf("-")+1) + "-" + l_sDate.substr(0,l_sDate.indexOf("-")));
		try {
			l_oResult = DatePicker(event.srcElement.title, l_oDate);
		} catch(l_eErr) {
			return false;
		}
		event.srcElement.value = l_oResult.datestr;
		return true;
	} // function showDateDlg

	/////////////////////////////////////////////////////////
	/// need dialog-box.js.asp, client-library.js.asp
	/// calling tag must have RefTagName attribute to store tag_name of ID store at
	///   and must have a hidden field which name is RefTagName
	///   original tag name must change
	///   DisplayTagName : display tag name, use with "Please choose" button
	///   RefTagName : reference tag name for value, use with "Please choose" button
	/// <summary>
	///   Show OrgUnitPicker dialogbox
	/// </summary>
	/// <param name="a_iMaxSelected">Max Allow Number of Dep to choose</param>
	/// <example>
	/// 	<input name="JobPositionPosting/HiringOrg/Department-Name" size="20" maxlength="64" type="text" value="@JobPositionPosting/HiringOrg/Department@" onClick="return showDepDlg();" readonly="true" RefTagName="JobPositionPosting/HiringOrg/Department"/>
	///   <input type="hidden" name="JobPositionPosting/HiringOrg/Department" value="@JobPositionPosting/HiringOrg/Department@"/>
	/// </example>
	/////////////////////////////////////////////////////////
	function showDepDlg(a_iMaxSelected) {
//		var l_sRootDepID = event.srcElement.value;
//		var l_sRootDepID = "A104";
		var l_oResult; // result return object
		var l_oPreloadIDs; // original choose IDs
		var l_oItem; // item for loop
		var l_sResultID; // result string for IDs
		var l_sResultName; // result string for Names
		var l_oRefTag; // Tag object which store Dep ID
		var l_oDisplayTag; // Display tag object
		var l_iMaxSelected; // Max Allow Number of Dep to choose
		var l_oRoleNameTag; // RoleName tag object
		var l_sRoleNames; // Role Name

		//////////////////////////////////
			// check input parameter
		l_iMaxSelected = a_iMaxSelected;
		if ((isNaN(l_iMaxSelected)) || ("" == l_iMaxSelected) || (null == l_iMaxSelected)) l_iMaxSelected = 2;
		//////////////////////////////////

//		if (l_sRootDepID == "") l_sRootDepID = null;

		// prepare Preload ID array
//		l_oPreloadIDs = new Array();
//		l_oPreloadIDs = event.srcElement.value.split(",");

//		alert("0"+event.srcElement.RefTagName);
//		alert("1"+event.srcElement.form.elements[event.srcElement.RefTagName].value);
		l_oRefTag = event.srcElement.form.elements[event.srcElement.RefTagName];
		if ("" != l_oRefTag.value) {
			l_oPreloadIDs = l_oRefTag.value.split(",");

			for (l_oItem in l_oPreloadIDs) {
				l_oPreloadIDs[l_oItem] = trim(l_oPreloadIDs[l_oItem]);
//				alert(l_oPreloadIDs[l_oItem]);
			}
		}

		// call dialog box
		try {
//			l_oResult = DepartmentSelector(l_sRootDepID, l_oPreloadIDs);
//			l_oResult = TreePicker("sample-tree", l_oPreloadIDs, l_iMaxSelected);
			l_oResult = OrgUnitPicker(null, l_oPreloadIDs, l_iMaxSelected);
		} catch(l_eErr) {
			return false;
		}

//		alert(l_oResult.departmentXML);
		l_sResultID = "";
		l_sResultName = "";
		l_sRoleNames = "";
		for (l_oItem in l_oResult.treeItems) {
			l_sResultID += "," + l_oResult.treeItems[l_oItem].id;
//			l_sResultName += "," + l_oResult.treeItems[l_oItem].name;
			l_sResultName += "," + l_oResult.treeItems[l_oItem].title;
			l_sRoleNames += "," + l_oResult.roleNames[l_oItem];
		}
		if ("," == l_sResultID.charAt(0)) l_sResultID = l_sResultID.substr(1);
		if ("," == l_sResultName.charAt(0)) l_sResultName = l_sResultName.substr(1);
		if ("," == l_sRoleNames.charAt(0)) l_sRoleNames = l_sRoleNames.substr(1);

		l_oRefTag.value = l_sResultID;
//		alert("l_oRefTag.value : " + l_oRefTag.value);

		// show department name
		l_oDisplayTag = event.srcElement.form.elements[event.srcElement.DisplayTagName];
		if ("object" == typeof(l_oDisplayTag)) {
			l_oDisplayTag.value = l_sResultName;
		} else {
			event.srcElement.value = l_sResultName;
		}
//		event.srcElement.value = l_sResultID;

		// Write Role Name back
		l_oRoleNameTag = event.srcElement.form.elements[event.srcElement.RoleNameTagName];
		if ("object" == typeof(l_oRoleNameTag)) {
			l_oRoleNameTag.value = l_sRoleNames;
//			alert("l_sRoleNames : " + l_sRoleNames);
		} // end if

		return true;
	} // function showDepDlg

	/////////////////////////////////////////////////////////
	/// need dialog-box.js.asp, client-library.js.asp
	/// <summary>
	///   Show RolePicker dialogbox
	///   DisplayTagName : display tag name, use with "Please choose" button
	///   RefTagName : reference tag name for value, use with "Please choose" button
	/// </summary>
	/// <param name="a_iMaxSelected">Max Allow Number of Role to choose</param>
	/// <example>
	///   <input name="Level-name" size="20" maxlength="256" type="text" onClick="showRolePicker();"></input>
	///   <input name="Level-name" size="20" maxlength="256" type="text" onClick="showRolePicker('');"></input>
	///   <input name="Level-name" size="20" maxlength="256" type="text" onClick="showRolePicker(null);"></input>
	///   <input name="Level-name" size="20" maxlength="256" type="text" onClick="showRolePicker(new Array('everyone'));"></input>
	/// </example>
	/////////////////////////////////////////////////////////
	function showRolePicker(a_oDefaultIDs,a_iMaxSelected) {
//		var l_oResult = RolePicker(null,new Array("everyone"));
		var l_oResult; // result return object
		var l_oItem; // for loop
		var l_sRoleNames; // Role Name
		var l_oPreloadIDs; // original choose IDs
		var l_oRefTag; // Tag object which store Dep ID
		var l_oDisplayTag; // Display tag object
		var l_iMaxSelected; // Max Allow Number of Dep to choose

		//////////////////////////////////
			// check input parameter
		l_iMaxSelected = a_iMaxSelected;
		if ((isNaN(l_iMaxSelected)) || ("" == l_iMaxSelected) || (null == l_iMaxSelected)) l_iMaxSelected = null;
		//////////////////////////////////

		// Get Proload IDs
		l_oRefTag = event.srcElement.form.elements[event.srcElement.RefTagName];
		if ("object" != typeof(l_oRefTag)) l_oRefTag = event.srcElement;

		l_oPreloadIDs = l_oRefTag.value.split(",");
		for (l_oItem in l_oPreloadIDs) {
			l_oPreloadIDs[l_oItem] = trim(l_oPreloadIDs[l_oItem]);
		}
		if ((null != a_oDefaultIDs) && (a_oDefaultIDs.length > 0)) {
			for (l_oItem in a_oDefaultIDs) {
				l_oPreloadIDs[l_oPreloadIDs.length-1+l_oItem] = a_oDefaultIDs[l_oItem];
			}
		}

		try {
			l_oResult = RolePicker(null,l_oPreloadIDs,l_iMaxSelected);
		} catch(l_eErr) {
			return false;
		}

		l_sRoleNames = "";
		for(l_oItem in l_oResult.roleList)		{
			l_sRoleNames += "," + l_oResult.roleList[l_oItem].RoleName;
//			alert( l_oResult.roleList[l_oItem].RoleName );
//			alert( l_oResult.roleList[l_oItem].Description );
		}
		if ("," == l_sRoleNames.charAt(0)) l_sRoleNames = l_sRoleNames.substr(1);

//		alert( l_oResult.roleXML);

		l_oDisplayTag = event.srcElement.form.elements[event.srcElement.DisplayTagName];
		if ("object" == typeof(l_oDisplayTag)) {
			l_oDisplayTag.value = l_sRoleNames;
		} else {
			event.srcElement.value = l_sRoleNames;
		} // end if

		// write value back to reference tag
		l_oRefTag.value = l_sRoleNames;

//		event.srcElement.value = l_sRoleNames;
		return true;
	} // function showRolePicker

	/////////////////////////////////////////////////////////
	/// need dialog-box.js.asp, client-library.js.asp
	/// <summary>
	///   Show GeneralUsersPicker dialogbox
	///   DisplayTagName : display tag name, use with "Please choose" button. optional
	///   RefTagName : reference tag name for value, use with "Please choose" button
	/// </summary>
	/// <example>
	/// 	<input name="UserName" size="20" maxlength="64" type="text" value="@UserName@" onClick="ShowGeneralUsersPicker();" readonly="true" RefTagName="UserID"><ldstr:attribute strID="strUserName" doc="lcms_activityRegister_string" name="title"/></input>
	///   <input type="hidden" name="UserID" value="@UserID@"/>
	/// </example>
	/////////////////////////////////////////////////////////
	function ShowGeneralUsersPicker(a_sDepID) {
		var l_oResult; // result return object
		var l_oItem; // item for loop
		var l_oPreloadIDs = new Array();
		var l_sResultID; // result string for UserIDs
		var l_sResultPK; // result string for UserPKs
		var l_sResultName; // result string for Names
		var l_oRefTag; // Tag object which store Dep ID
		var l_oDisplayTag; // Display tag object
		var l_oRefPKTag; // Display RefPK object
		var l_oCondition = new Array(); // Condition
		var l_sDepID; // Extra Event

		//////////////////////////////////
		// check input parameter
		l_sDepID = a_sDepID;
		if (("undefined" == typeof(l_sDepID)) || (null == l_sDepID)) l_sDepID = "";
		//////////////////////////////////

		try{
			l_oRefTag = event.srcElement.form.elements[event.srcElement.RefTagName];
			if ("" != l_oRefTag.value) {
				l_oPreloadIDs = l_oRefTag.value.split(",");
//				alert(l_oRefTag.value);

				for (l_oItem in l_oPreloadIDs) {
					l_oPreloadIDs[l_oItem] = trim(l_oPreloadIDs[l_oItem]);
//					alert(l_oPreloadIDs[l_oItem]);
				}
			} // end if

			l_oCondition.keyInUser = true;
			l_oCondition.sltDept = true;
//			l_oCondition.sltRole = false;
			l_oCondition.sltRole = true;
			l_oCondition.sRootDepID = l_sDepID;
			l_oCondition.assignUser = false;
			l_oCondition.userName = true;

			l_oResult = GeneralUsersPicker(null, l_oPreloadIDs, null, null, null, null, l_oCondition);

//			alert(l_oResult.userXML);

/*
			for (l_oItem in l_oResult.users) {
				alert(
					l_oResult.users[l_oItem].UserID + "\n" +
					l_oResult.users[l_oItem].UserName + "\n" +
					l_oResult.users[l_oItem].UserTitle + "\n" +
					l_oResult.users[l_oItem].UserEmail + "\n" +
					l_oResult.users[l_oItem].UserPK + "\n" +
					l_oResult.users[l_oItem].UserDep + "\n" +
					l_oResult.users[l_oItem].UserInfo
				);
			}
*/
			l_sResultID = "";
			l_sResultName = "";
			l_sResultPK = "";
			for (l_oItem in l_oResult.users) {
				l_sResultID += "," + l_oResult.users[l_oItem].UserID;
				// use UserName instead of use UserID
				l_sResultName += "," + l_oResult.users[l_oItem].UserName;
//				l_sResultName += "," + l_oResult.users[l_oItem].UserID;
				l_sResultPK += "," + l_oResult.users[l_oItem].UserPK;
			}
			if ("," == l_sResultID.charAt(0)) l_sResultID = l_sResultID.substr(1);
			if ("," == l_sResultName.charAt(0)) l_sResultName = l_sResultName.substr(1);
//			alert(l_sResultID);
//			alert(l_sResultName);

			// set UserID
			l_oRefTag.value = l_sResultID;

			// show UserPK
			l_oRefPKTag = event.srcElement.form.elements[event.srcElement.RefPKTagName];
			if ("object" == typeof(l_oRefPKTag)) l_oRefPKTag.value = l_sResultPK;

			// show UserName
			l_oDisplayTag = event.srcElement.form.elements[event.srcElement.DisplayTagName];
			if ("object" == typeof(l_oDisplayTag)) {
				l_oDisplayTag.value = l_sResultName;
			} else {
				event.srcElement.value = l_sResultName;
			}
//			event.srcElement.value = l_sResultName;
//			event.srcElement.value = l_sResultID;

		}catch(l_oErr)	{
//			alert(l_oErr);
			return false;
		}
		return true;
	} // function ShowGeneralUsersPicker

	/////////////////////////////////////////////////////////
	/// need dialog-box.js.asp, client-library.js.asp
	/// <summary>
	///   Show showDepartmentExplorer dialogbox - choose User by department
	///   DisplayTagName : display tag name, use with "Please choose" button. optional
	///   RefTagName : reference tag name for value, use with "Please choose" button
	/// </summary>
	/// <example>
	/// 	<input name="UserName" size="20" maxlength="64" type="text" value="@UserName@" onClick="ShowGeneralUsersPicker();" readonly="true" RefTagName="UserID"><ldstr:attribute strID="strUserName" doc="lcms_activityRegister_string" name="title"/></input>
	///   <input type="hidden" name="UserID" value="@UserID@"/>
	/// </example>
	/////////////////////////////////////////////////////////
	function showDepartmentExplorer(a_sDepID, a_iMaxSelected) {
		var l_oResult; // result return object
		var l_oItem; // item for loop
		var l_oPreloadIDs = new Array();
		var l_sResultID; // result string for UserIDs
		var l_sResultName; // result string for Names
		var l_oRefTag; // Tag object which store Dep ID
		var l_oDisplayTag; // Display tag object
		var l_sDepID; // Extra Event

		var l_bShowSys = false;
		var l_bShowOrg = true;
		var l_sOrgName = null;
		var l_iMaxSelected;
		var l_iDeep = null;
		var l_iExpandLevel = null;
		var l_bRecursive = true;

		//////////////////////////////////
		// check input parameter
		l_sDepID = a_sDepID;
		if ("" == trim(l_sDepID)) l_sDepID = null;

		l_iMaxSelected = a_iMaxSelected;
		if ((isNaN(l_iMaxSelected)) || ("" == l_iMaxSelected) || (null == l_iMaxSelected)) l_iMaxSelected = 0;
		//////////////////////////////////

		try{
			l_oRefTag = event.srcElement.form.elements[event.srcElement.RefTagName];

			if ("" != l_oRefTag.value) {
				l_oPreloadIDs = l_oRefTag.value.split(",");
//				alert(l_oRefTag.value);

				for (l_oItem in l_oPreloadIDs) {
					l_oPreloadIDs[l_oItem] = trim(l_oPreloadIDs[l_oItem]);
//					alert(l_oPreloadIDs[l_oItem]);
				}
			}

			l_oResult = DepartmentExplorer(
				l_bShowSys,
				l_bShowOrg,
				l_sOrgName,
				l_sDepID,
				l_oPreloadIDs,
				l_iMaxSelected,
				l_iDeep,
				l_iExpandLevel,
				l_bRecursive
				);

			l_sResultID = "";
			l_sResultName = "";
			for (l_oItem in l_oResult.users) {
				l_sResultID += "," + l_oResult.users[l_oItem].UserID;
				// can't get UserName, use UserID. not done
				l_sResultName += "," + l_oResult.users[l_oItem].UserID;
//				l_sResultName += "," + l_oResult.users[l_oItem].UserName;
			}
			if ("," == l_sResultID.charAt(0)) l_sResultID = l_sResultID.substr(1);
			if ("," == l_sResultName.charAt(0)) l_sResultName = l_sResultName.substr(1);
//			alert(l_sResultID);
//			alert(l_sResultName);

			// set UserID
			l_oRefTag.value = l_sResultID;

			// show UserName
		l_oDisplayTag = event.srcElement.form.elements[event.srcElement.DisplayTagName];
		if ("object" == typeof(l_oDisplayTag)) {
			l_oDisplayTag.value = l_sResultName;
		} else {
			event.srcElement.value = l_sResultName;
		}

		}catch(e){
			trace( e.description);
		}
	} // function showDepartmentExplorer

	/////////////////////////////////////////////////////////
	/// need dialog-box.js.asp, client-library.js.asp
	/// <summary>
	///   Show Upload file dialogbox
	///   DisplayTagName : display tag name, use with "Please choose" button
	///   RefTagName : reference tag name for value, use with "Please choose" button
	/// </summary>
	/// <param name="a_sExt">optional, allow file extensions</param>
	/// <param name="a_iMax">optional, max allow upload count</param>
	/// <example>
	/// 	<input name="ActList/ActDetail/ActPolicyFile" size="20" maxlength="16" type="text" onClick="showUploadDlg();" readonly="true" value="@ActList/ActDetail/ActPolicyFile@"><ldstr:attribute strID="ActList/ActDetail/ActPolicyFile" doc="lcms_user_string" name="title"/></input>
	/// </example>
	/////////////////////////////////////////////////////////
	function showUploadDlg(a_sExt,a_iMax) {
		var l_oResult; // result return object
		var l_sExt; // Check File Extension
		var l_iMax; // allow max upload file count
		var l_oRefTag; // Tag object which store Dep ID
		var l_oDisplayTag; // Display tag object

		l_sExt = a_sExt;
		if (("undefined" == typeof(l_sExt)) || (null == l_sExt)) l_sExt = "";

		l_iMax = a_iMax;
		if (("undefined" == typeof(l_iMax)) || (null == l_iMax)) l_iMax = "0";

		l_oRefTag = event.srcElement.form.elements[event.srcElement.RefTagName];

		// call upload dialog
//		l_oResult = UploadFile("","",0);
		l_oResult = UploadFile(l_oRefTag.value, l_sExt, l_iMax);
		if (null == l_oResult) return false;

		// write value back to input tag
		// show upload file list
		l_oDisplayTag = event.srcElement.form.elements[event.srcElement.DisplayTagName];
		if ("object" == typeof(l_oDisplayTag)) {
			l_oDisplayTag.value = l_oResult.UpFilesOrigName;
		} else {
			event.srcElement.value = l_oResult.UpFilesOrigName;
		}

//		event.srcElement.value = l_oResult.UpFilesOrigName;

		// save XML DOM to hidden field
		l_oRefTag.value = l_oResult.XML;

		return true;
	} // function showUploadDlg

	/////////////////////////////////////////////////////////
	/// need dialog-box.js.asp, client-library.js.asp
	/// <summary>
	///   Show ConditionPicker dialogbox
	/// </summary>
	/// <example>
	///   <input name="Level-name" size="20" maxlength="256" type="text" onClick="dialog_fShowConditionPicker('A,D');"></input>
	/// </example>
	/////////////////////////////////////////////////////////
	function dialog_fShowConditionPicker(a_sType) {
		var l_oResult; // result return object

		try {
			l_oResult = ConditionPicker(event.srcElement,a_sType);
		} catch(l_eErr) {
			return false;
		}
		return true;
	} // function dialog_fShowConditionPicker

	/////////////////////////////////////////////////////////
	/// need dialog-box.js.asp, client-library.js.asp
	/// <summary>
	///   Show TreePicker dialogbox
	///   DisplayTagName : display tag name, use with "Please choose" button
	///   RefTagName : reference tag name for value, use with "Please choose" button
	/// </summary>
	/// <example>
	/// 	<input name="JobPositionPosting/HiringOrg/Department-Name" size="20" maxlength="64" type="text" value="@JobPositionPosting/HiringOrg/Department@" onClick="return dialog_fShowTreePicker();" readonly="true" RefTagName="JobPositionPosting/HiringOrg/Department"/>
	///   <input type="hidden" name="JobPositionPosting/HiringOrg/Department" value="@JobPositionPosting/HiringOrg/Department@"/>
	/// </example>
	/////////////////////////////////////////////////////////
	function dialog_fShowTreePicker(a_sTreeName, a_iMaxChecked, a_bSelectLeaf) {
		var l_oResult; // result return object
		var l_oPreloadIDs; // original choose IDs
		var l_oItem; // item for loop
		var l_sResultID; // result string for IDs
		var l_sResultName; // result string for Names
		var i_iMaxChecked; // allow max upload file count
		var l_oRefTag; // Tag object which store Dep ID
		var l_oDisplayTag; // Display tag object
		var l_oSpecial = new Array();


		//////////////////////////////////
		// check input parameter
		i_iMaxChecked = a_iMaxChecked;
		if (("undefined" == typeof(i_iMaxChecked)) || (null == i_iMaxChecked)) i_iMaxChecked = 1;

		l_bSelectLeaf = a_bSelectLeaf;
		if (("boolean" != typeof(l_bSelectLeaf)) || (null == l_bSelectLeaf)) l_bSelectLeaf = false;
		//////////////////////////////////


//		alert("1"+event.srcElement.form.elements[event.srcElement.RefTagName].value);
		l_oRefTag = event.srcElement.form.elements[event.srcElement.RefTagName];

		if ("" != l_oRefTag.value) {
			l_oPreloadIDs = l_oRefTag.value.split(",");

			for (l_oItem in l_oPreloadIDs) {
				l_oPreloadIDs[l_oItem] = trim(l_oPreloadIDs[l_oItem]);
//				alert(l_oPreloadIDs[l_oItem]);
			}
		}

		try {
//			l_oResult = TreePicker(a_sTreeName,l_oPreloadIDs,a_iMaxChecked);
//			l_bSelectLeaf = false;
			if (l_bSelectLeaf) l_oSpecial.sSelectLeaf=1;
			l_oResult = TreePicker(a_sTreeName, l_oPreloadIDs, a_iMaxChecked, null, null, null, null, l_oSpecial)
		} catch(l_eErr) {
			return false;
		}

		l_sResultID = "";
		l_sResultName = "";
		for (l_oItem in l_oResult.treeItems) {
			l_sResultID += "," + l_oResult.treeItems[l_oItem].id;
			l_sResultName += "," + l_oResult.treeItems[l_oItem].title;
		}
		if ("," == l_sResultID.charAt(0)) l_sResultID = l_sResultID.substr(1);
		if ("," == l_sResultName.charAt(0)) l_sResultName = l_sResultName.substr(1);

		l_oRefTag.value = l_sResultID;

		// show tree name
		l_oDisplayTag = event.srcElement.form.elements[event.srcElement.DisplayTagName];
		if ("object" == typeof(l_oDisplayTag)) {
			l_oDisplayTag.value = l_sResultName;
		} else {
			event.srcElement.value = l_sResultName;
		}
//		event.srcElement.value = l_sResultName;

//		alert("l_oRefTag.value : " + l_oRefTag.value);
		return true;
	} // function dialog_fShowTreePicker

	/////////////////////////////////////////////////////////
	/// need dialog-box.js.asp, client-library.js.asp
	/// calling tag must have RefTagName attribute to store tag_name of ID store at
	///   and must have a hidden field which name is RefTagName
	///   original tag name must change
	///   DisplayTagName : display tag name, use with "Please choose" button
	///   RefTagName : reference tag name for value, use with "Please choose" button
	/// <summary>
	///   Show CoursePicker dialogbox
	/// </summary>
	/// <param name="a_iMaxSelected">Max Allow Number of Dep to choose, default unlimited</param>
	/// <example>
	/// 	<input disabled="true" name="Course-Name" size="20" maxlength="128" type="text" value="@Course-Name@" onClick="CoursePicker('','','',1,null,null);" readonly="true" RefTagName="Course"><ldstr:attribute strID="strCourse" doc="lcms_classPicker_string" name="title"/></input>
	/// 	<input type="hidden" name="Course" value="@Course@"/>
	/// 	<input type="button" class="button" onclick="return CoursePicker('','','',1,null,null)" DisplayTagName="Course-Name" RefTagName="Course"><ldstr:attribute strID="strPleaseSelect" doc="lcms_common_string" name="value"/></input>
	/// </example>
	/////////////////////////////////////////////////////////
	function dialog_fShowCourseDlg(a_iMaxSelected) {
		var l_oResult; // result return object
		var l_oPreloadIDs; // original choose IDs
		var l_oItem; // item for loop
		var l_sResultID; // result string for IDs
		var l_sResultName; // result string for Names
		var l_oRefTag; // Tag object which store Dep ID
		var l_oDisplayTag; // Display tag object
		var l_iMaxSelected; // Max Allow Number of Dep to choose

		//////////////////////////////////
			// check input parameter
		l_iMaxSelected = a_iMaxSelected;
		if ((isNaN(l_iMaxSelected)) || ("" == l_iMaxSelected) || (null == l_iMaxSelected)) l_iMaxSelected = 0;
		//////////////////////////////////

		// prepare Preload ID array
		l_oRefTag = event.srcElement.form.elements[event.srcElement.RefTagName];

		if ("" != l_oRefTag.value) {
			l_oPreloadIDs = l_oRefTag.value.split(",");

			for (l_oItem in l_oPreloadIDs) {
				l_oPreloadIDs[l_oItem] = trim(l_oPreloadIDs[l_oItem]);
//				alert(l_oPreloadIDs[l_oItem]);
			}
		}

		// call dialog box
		try {
			l_oResult = CoursePicker('','',l_oPreloadIDs,l_iMaxSelected,null,null);
		} catch(l_eErr) {
			return false;
		}
		if ("object" == typeof(l_oResult.error)) return false;

//		alert(l_oResult.departmentXML);
		l_sResultID = "";
		l_sResultName = "";
		for (l_oItem in l_oResult.courseCol) {
//			l_sResultID += "," + l_oResult.courseCol[l_oItem].id;
			l_sResultID += "," + l_oResult.courseCol[l_oItem].pk;
			l_sResultName += "," + l_oResult.courseCol[l_oItem].title;
		}
		if ("," == l_sResultID.charAt(0)) l_sResultID = l_sResultID.substr(1);
		if ("," == l_sResultName.charAt(0)) l_sResultName = l_sResultName.substr(1);

		l_oRefTag.value = l_sResultID;
//		alert("l_oRefTag.value : " + l_oRefTag.value);

		// show Course name
		l_oDisplayTag = event.srcElement.form.elements[event.srcElement.DisplayTagName];
		if ("object" == typeof(l_oDisplayTag)) {
			l_oDisplayTag.value = l_sResultName;
		} else {
			event.srcElement.value = l_sResultName;
		}
//		alert("l_sResultName : " + l_sResultName);
//		event.srcElement.value = l_sResultID;
		return true;
	} // function dialog_fShowCourseDlg

	/////////////////////////////////////////////////////////
	/// need dialog-box.js.asp, client-library.js.asp
	/// calling tag must have RefTagName attribute to store tag_name of ID store at
	///   and must have a hidden field which name is RefTagName
	///   original tag name must change
	///   DisplayTagName : display tag name, use with "Please choose" button
	///   RefTagName : reference tag name for value, use with "Please choose" button
	/// <summary>
	///   Show ClassPicker dialogbox
	///     return CourseName::ClassID for display, CoursePK::ClassPK for value
	/// </summary>
	/// <param name="a_iMaxSelected">Max Allow Number of Dep to choose, default unlimited</param>
	/// <example>
	///   <tr><td><input type="radio" name="CalendarItemType" value="3"><ldstr:text strID="strClassAnnounce" doc="lcms_announce_string"/></input></td>
	///       <td><input disabled="true" name="Class-Name" size="20" maxlength="128" type="text" value="@Class-Name@" onClick="dialog_fShowClassDlg(1);" readonly="true" RefTagName="Class"><ldstr:attribute strID="strClass" doc="lcms_classPicker_string" name="title"/></input>
	///           <input type="hidden" name="Class" value="@Class@"/>
	///           <input type="button" class="button" onclick="if (dialog_fShowClassDlg(1)) this.form.CalendarItemType[1].checked='true';" DisplayTagName="Class-Name" RefTagName="Class"><ldstr:attribute strID="strPleaseSelect" doc="lcms_common_string" name="value"/></input>
	///           <input type="button" class="button" onclick="this.form.Class.value='';this.form.elements['Class-Name'].value='';"><ldstr:attribute strID="strUnlimited" doc="lcms_common_string" name="value"/></input></td>
	///   </tr>
	/// </example>
	/////////////////////////////////////////////////////////
	function dialog_fShowClassDlg(a_iMaxSelected,a_bNotNull) {
		var l_oResult; // result return object
		var l_oPreloadIDs; // original choose IDs
		var l_oItem; // item for loop
		var l_sResultID; // result string for IDs
		var l_sResultName; // result string for Names
		var l_oRefTag; // Tag object which store Dep ID
		var l_oDisplayTag; // Display tag object
		var l_iMaxSelected; // Max Allow Number of Dep to choose
		var l_sTmpStr; // Temp String
		var l_bNotNull; // Not Null or Allow Null, default true

		//////////////////////////////////
		// check input parameter
		l_iMaxSelected = a_iMaxSelected;
		if ((isNaN(l_iMaxSelected)) || ("" == l_iMaxSelected) || (null == l_iMaxSelected)) l_iMaxSelected = 0;

		l_bNotNull = a_bNotNull;
		if (("boolean" != typeof(l_bNotNull)) || (null == l_bNotNull)) l_bNotNull = true;
		//////////////////////////////////

		// prepare Preload ID array
		l_oRefTag = event.srcElement.form.elements[event.srcElement.RefTagName];
//		alert(l_oRefTag.value);

		if ("" != l_oRefTag.value) {
			l_oPreloadIDs = l_oRefTag.value.split(",");

			for (l_oItem in l_oPreloadIDs) {
				l_sTmpStr = trim(l_oPreloadIDs[l_oItem]);
				l_sTmpStr = l_sTmpStr.substr(l_sTmpStr.indexOf("::")+"::".length);
				l_oPreloadIDs[l_oItem] = l_sTmpStr
//				alert(l_oPreloadIDs[l_oItem]);
			}
		}

		// call dialog box
		try {
			l_oResult = ClassPicker(l_iMaxSelected,l_oPreloadIDs,l_bNotNull);
		} catch(l_eErr) {
			return false;
		}
		if ("object" == typeof(l_oResult.error)) return false;

//		alert(l_oResult.departmentXML);
		l_sResultID = "";
		l_sResultName = "";
		for (l_oItem in l_oResult.classes) {
			l_sResultID += "," + l_oResult.classes[l_oItem].coursePK + "::" + l_oResult.classes[l_oItem].classPK;
//			l_sResultName += "," + l_oResult.classes[l_oItem].courseTitle + "::" + l_oResult.classes[l_oItem].classID;
			l_sResultName += "," + l_oResult.classes[l_oItem].courseTitle + "::" + l_oResult.classes[l_oItem].className;
		}
		if ("," == l_sResultID.charAt(0)) l_sResultID = l_sResultID.substr(1);
		if ("," == l_sResultName.charAt(0)) l_sResultName = l_sResultName.substr(1);

		l_oRefTag.value = l_sResultID;
//		alert("l_oRefTag.value : " + l_oRefTag.value);

		// show Class name
		l_oDisplayTag = event.srcElement.form.elements[event.srcElement.DisplayTagName];
		if ("object" == typeof(l_oDisplayTag)) {
			l_oDisplayTag.value = l_sResultName;
		} else {
			event.srcElement.value = l_sResultName;
		}
//		alert("l_sResultName : " + l_sResultName);
//		event.srcElement.value = l_sResultID;
		return true;
	} // function dialog_fShowClassDlg

	/////////////////////////////////////////////////////////
	/// need dialog-box.js.asp, client-library.js.asp
	/// calling tag must have RegionTagName, MunicipalityTagName, AddressLineTagName attribute to store tag_name of ID store at
	///   and must have a hidden field which name is RegionTagName, MunicipalityTagName, AddressLineTagName, PostalCodeTagName
	///   original tag name must change
	///   DisplayTagName : display tag name, use with "Please choose" button
	///   RegionTagName, MunicipalityTagName, AddressLineTagName, PostalCodeTagName : reference tag name for value, use with "Please choose" button
	/// <summary>
	///   Show Chinese Address Picker dialogbox
	/// </summary>
	/// <example>
	/// 	<input disabled="true" type="text" name="PostalAddress/AddressLine-Name" size="35" value="@PostalAddress/AddressLine-Name@" onmousedown="fnFillAddress()"/>
	/// 	<input type="button" class="button" onclick="return showTWAddrDlg()" DisplayTagName="PostalAddress/AddressLine-Name" RegionTagName="PostalAddress/Region" MunicipalityTagName="PostalAddress/Municipality" AddressLineTagName="PostalAddress/AddressLine"><ldstr:attribute name="value"><ldstr:text strID="strPleaseSelect" doc="lcms_common_string"/></ldstr:attribute></input>
	/// 	<input type="hidden" name="PostalAddress/Region" value="@PostalAddress/Region@"/>
	/// 	<input type="hidden" name="PostalAddress/Municipality" value="@PostalAddress/Municipality@"/>
	/// 	<input type="hidden" name="PostalAddress/AddressLine" value="@PostalAddress/AddressLine@"/>
	/// 	<input type="hidden" name="PostalAddress/PostalCode" value="@PostalAddress/PostalCode@"/>
	/// </example>
	/////////////////////////////////////////////////////////
	function showTWAddrDlg() {
		var l_oResult; // result return object
		var l_oRegionTag; // Tag object which store Region ID
		var l_oMunicipalityTag; // Tag object which store Municipality ID
		var l_oAddressLineTag; // Tag object which store AddressLine
		var l_oPostalCodeTag; // Tag object which store PostalCode
//		var l_oRegionCodeTag; // Tag object which store region Code
		var l_oDisplayTag; // Display tag object

		l_oRegionTag = event.srcElement.form.elements[event.srcElement.RegionTagName];
//		l_oRegionCodeTag = event.srcElement.form.elements[event.srcElement.RegionCodeTagName];
		l_oMunicipalityTag = event.srcElement.form.elements[event.srcElement.MunicipalityTagName];
		l_oAddressLineTag = event.srcElement.form.elements[event.srcElement.AddressLineTagName];
		l_oPostalCodeTag = event.srcElement.form.elements[event.srcElement.PostalCodeTagName];

		// call dialog box
		try {
//			l_oResult = fnZipCodePicker_TW(l_oRegionCodeTag.value, l_oPostalCodeTag.value,l_oAddressLineTag.value);
			l_oResult = fnZipCodePicker_TW(l_oPostalCodeTag.value,l_oAddressLineTag.value);
		} catch(l_eErr) {
			return false;
		}

//		alert(l_oResult.sFullAddr);

		// show department name
		l_oDisplayTag = event.srcElement.form.elements[event.srcElement.DisplayTagName];
		if ("object" == typeof(l_oDisplayTag)) {
			l_oDisplayTag.value = l_oResult.sFullAddr;
		}

		l_oRegionTag.value = l_oResult.sTopItemText;
//		l_oRegionCodeTag.value = l_oResult.sTopItemCode;
		l_oMunicipalityTag.value = l_oResult.sSubItemText;
		l_oAddressLineTag.value = l_oResult.sShortAddr;

		l_oPostalCodeTag.value = l_oResult.sSubItemCode;

		return true;
	} // function showTWAddrDlg

	/////////////////////////////////////////////////////////
	/// <summary>
	///   open window
	/// </summary>
	/// <param name="a_iWidth">window width</param>
	/// <param name="a_iHeight">window height</param>
	/// <param name="a_sURL">URL</param>
	/// <example>
	/// 	<a href=\"#\" onclick=\"javascript:dialog_openWin(650,500,'activity.asp?Func=ActivityDataReadOnly&amp;IDNo=" + a_oPageVars.sMainPK + "');\">Show ActivityData</a>
	/// </example>
	/////////////////////////////////////////////////////////
	function dialog_openWin(a_iWidth, a_iHeight, a_sURL) {
		window.open(a_sURL, "_blank","left=50,top=50,width=" + a_iWidth + ",height=" + a_iHeight + ",menubar=0,toolbar=0,location=0,directories=0,status=0,scrollbars=1,resizable=1,copyhistory=0");
	} // function dialog_openWin

	/////////////////////////////////////////////////////////
	/// <summary>
	///   open window with tools bar
	/// </summary>
	/// <param name="a_iWidth">window width</param>
	/// <param name="a_iHeight">window height</param>
	/// <param name="a_sURL">URL</param>
	/// <example>
	/// 	<a href=\"#\" onclick=\"javascript:dialog_openWinWithToolsBar(650,500,'activity.asp?Func=ActivityDataReadOnly&amp;IDNo=" + a_oPageVars.sMainPK + "');\">Show ActivityData</a>
	/// </example>
	/////////////////////////////////////////////////////////
	function dialog_openWinWithToolsBar(a_iWidth, a_iHeight, a_sURL) {
		window.open(a_sURL, "_blank","left=50,top=50,width=" + a_iWidth + ",height=" + a_iHeight + ",menubar=0,toolbar=1,location=0,directories=0,status=0,scrollbars=1,resizable=1,copyhistory=0");
	} // function dialog_openWinWithToolsBar