window.onresize = windowResize;
window.onscroll = windowRelocation;

var xmlHttp;
var currentLayer = "";
var currentStockIndex = 0;
var currentFourInOneTitle = "";
var currentFourInOneIndex = 0;
var noOfAjaxTrial = 0;
var currentMapEstId = "";

var stockArray = new Array();
var fourInOneArray = new Array();
var fourInOneTitleArray = new Array();
var updateDateArray = new Array();
var bEmaileFlag = false;

var request;

function search_result_init() {
	if (document.getElementById("divEstateList")) {

		var ppc = document.getElementById("divPPCList");
		var h_ppc = ppc.offsetHeight;
		if (ppc.innerHTML == "") {
			ppc.style.display = "none";
			h_ppc = 0;
		} else {
			ppc.style.display = "";
		}

		var h = document.getElementById("tdSearchResult").offsetHeight - 1;
		var el_h = h - h_ppc;
		if (el_h < 0) el_h = 0;

		document.getElementById("divEstateList").style.height = el_h;
	}

	var index = document.getElementById("displayDetailLayer");
	if (index != null)
	{
	
		if (index.value != "") {
			showDetailLayer(index.value);
			index.value = "";
		} else {
			index = document.getElementById("displayFourInOneLayer");
			if (index.value != "") {
				showFourInOneLayer(index.value);
				index.value = "";
			}
		}

	}
}

function selectStockType(type) {
	var frm = document.formAdvanceSearch;
	frm.stockType.value = type;
	frm.target = "";
	//cannot remove action, will cause problem in search engine link e.g. http://proptx.midland.com.hk/advanceCS/%A4%F1%B5%D8%A7Q%A4s-beverly-hill
	frm.action = "index.jsp";
	frm.submit();
}

function selectPage(obj) {
	var frm = document.formAdvanceSearch;
	frm.page.value = obj.options[obj.selectedIndex].value;
	frm.target = "";
	frm.action = "index.jsp";
	frm.submit();
}

function selectPageByValue(value) {
	var frm = document.formAdvanceSearch;
	frm.page.value = value;
	frm.target = "";	
	frm.action = "branch_blog_index.jsp?deptId=" + dept_id  + "&licenceNo=" + licence_no;
	frm.submit();
}

function goAgentBlog(dept_id, licence_no) {
	if (!bEmaileFlag) {
		window.location.href="agent_blog_index.jsp?deptId=" + dept_id  + "&licenceNo=" + licence_no + '&lang=' + lang;
//		window.location.href="sales_blog_index.jsp?deptId=&licenceNo=" + licence_no;
//		window.location.href="depts_blog_index.jsp?deptId=" + dept_id  + "&licenceNo=" + licence_no;
	}
	else {
		bEmaileFlag = false;
	}
}

function goPageByDept(dept_id) {	
	if (!bEmaileFlag) {
		if (dept_id != '')
		{
			window.location.href="branch_blog_index.jsp?deptId=" + dept_id;
		}
	}
	else {
		bEmaileFlag = false;
	}
}

function goCsDetail(stockId, seq) {
	if (!bEmaileFlag) {
		window.location.href="/cs/detail_layer.jsp?stockId=" + stockId + '&lang=' + lang + '&seq=' + seq;
	}
	else {
		bEmaileFlag = false;
	}
}

function SetEmaileFlag(bFlag) {
	bEmaileFlag = bFlag;
}

function setPageSize(value) {
	var frm = document.formAdvanceSearch;

	for(index = 0;  index < frm.pageSize.length; index++) {
		if(frm.pageSize[index].value == value)
			frm.pageSize.selectedIndex = index;
   }

	frm.target = "";
	frm.action = "index.jsp";
	frm.submit();
}

function previousPage() {
	var frm = document.formAdvanceSearch;
	frm.page.value--;
	frm.target = "";
	frm.action = "index.jsp";
	frm.submit();
}

function nextPage() {
	var frm = document.formAdvanceSearch;
	frm.page.value++;
	frm.target = "";
	frm.action = "index.jsp";
	frm.submit();
}

function selectEstate(est_id) {
	var frm = document.formAdvanceSearch;
	frm.reset();
	frm.page.value = 1;
	frm.sortBy.value = frm.selectSort.options[frm.selectSort.selectedIndex].value;
	frm.orderBy.value = "DESC";
	frm.stockId.value = "";
	frm.estId.value = est_id;
	frm.target = "";
	frm.action = "/cs/index.jsp";
	frm.submit();
}

function selectTopEst(ele, est_id, distIdHK, distIdKN, distIdNT, pick_dist_hk, pick_dist_kn, pick_dist_nt) {
	var frm = document.formAdvanceSearch;
	frm.page.value = 1;
	frm.sortBy.value = frm.selectSort.options[frm.selectSort.selectedIndex].value;
	frm.orderBy.value = "DESC";
//	frm.distIdHK.value = distIdHK;
//	frm.distIdKN.value = distIdKN;
//	frm.distIdNT.value = distIdNT;
//	frm.pick_dist_hk.value = pick_dist_hk;
//	frm.pick_dist_kn.value = pick_dist_kn;
//	frm.pick_dist_nt.value = pick_dist_nt;
	frm.estId.value = est_id;
//	frm.estName.value = ele.innerHTML;
	frm.target = "";
	frm.action = "index.jsp";
	frm.submit();
}

function sort(sb, ob) {
	var frm = document.formAdvanceSearch;
	frm.page.value = "1";
	frm.sortBy.value = sb;
	if (ob=="") ob = (frm.orderBy.value == "ASC" ? "DESC" : "ASC");
	frm.orderBy.value = ob;
	frm.target = "";
	frm.action = "index.jsp";
	frm.submit();
}

function openMap(est_id, lon, lat) {
//	window.open("http://www.midlandmap.hk/map_hk/index.jsp?pisEstId=" + est_id);
	showMapLayer(est_id, lon, lat);
}

function openEbook(est_id) {
	window.open("http://app.midland.com.hk/residential_ebook/index.jsp?estId=" + est_id);
}

function openTX(est_id) {
	window.open("http://proptx.midland.com.hk/tx/index.jsp?estateId=" + est_id);
}

function previousStock() {
	if (currentStockIndex == 0) {
		document.getElementById("displayDetailLayer").value = finder_pageSize - 1;
		previousPage();
	} else {
		document.getElementById('mapframe').src = "images/spacer.gif";
		setTimeout("showDetailLayer("+(currentStockIndex-1)+");",500);
	}
}

function nextStock() {
	if (currentStockIndex == stockArray.length-1) {
		document.getElementById("displayDetailLayer").value = 0;
		nextPage();
	} else {
		document.getElementById('mapframe').src = "images/spacer.gif";
		setTimeout("showDetailLayer("+(currentStockIndex+1)+");",500);
	}
}


function GetXmlHttpObject() {
	var xmlHttp=null;
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
	} catch (e) {
		// Internet Explorer
		try {
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttp;
}

function showDetailLayer(i) {
	noOfAjaxTrial = 0;
	showDetailLayerLoad(i);
}

function showDetailLayerLoad(i) {
	if (isNaN(i)) return false;
	if (i > stockArray.length-1) return false;
	currentStockIndex = i;
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null) {
		alert ("Your browser does not support AJAX!");
		return false;
	} else {
		noOfAjaxTrial++;
		currentLayer = "detail";
		document.body.style.overflow = "hidden";
		document.body.className = "hide";
		if (document.getElementById("div_dist_hk")) hideAllPickList();
		document.getElementById("maskLayer").className = "maskLayer_detail";
		document.getElementById("maskLayer").style.height = document.body.scrollHeight;
		document.getElementById("maskLayer").style.width = document.body.scrollWidth + 20;
		document.getElementById("maskLayer").style.opacity = "0.60";
		document.getElementById("maskLayer").style.display = "block";
		document.getElementById("detailLayer").style.height = document.body.offsetHeight - 50;
		document.getElementById("detailLayer").style.top = document.body.scrollTop+document.body.offsetHeight/2 - 50;
		document.getElementById("detailLayer").innerHTML = "<div align=center><img src=images/ajax-loader.gif></div>";
		document.getElementById("detailLayer").style.display = "block";
		xmlHttp.onreadystatechange = detailStateChanged;
		xmlHttp.open("GET",stockArray[currentStockIndex][1],true);
		xmlHttp.send(null);
	}
	return false;
}

function hideDetailLayer() {
	document.getElementById("detailLayer").innerHTML = "";
	document.getElementById("detailLayer").style.display = "none";
	document.getElementById("maskLayer").className = "maskLayer";
	document.getElementById("maskLayer").style.display = "none";
	document.body.className = "";
	document.body.style.overflow = "auto";	

}

function detailStateChanged() { 
	if (xmlHttp.readyState==4) {
		if (xmlHttp.status==200 && xmlHttp.responseText.indexOf("divStockInfoHeader")>-1) {
			finder_page = eval(finder_page);
			finder_pageSize = eval(finder_pageSize);
			finder_noOfStock = eval(finder_noOfStock);
			currentStockIndex = eval(currentStockIndex);

			var innerHTML = "<table align='center' width='90%'><tr>";
			innerHTML += "<td width='80' align='center'>";
			if ((finder_page-1)*finder_pageSize+1+currentStockIndex > 1) innerHTML += "<img src='images/hk/previous.gif' style='cursor:pointer' onclick='previousStock()'>";
			innerHTML += "</td>";
			innerHTML += "<td id='detailBody' align='center'>";
			innerHTML += "<div><table style='background-color: #ffcf4d;'><tr>";
			innerHTML += "<td>&nbsp;&nbsp;<img border='0' src='images/hk/layer_logo.gif'></td>";
			innerHTML += "<td align='right'><b>更新日期:</b>&nbsp;" + updateDateArray[currentStockIndex] + "&nbsp;&nbsp;</td>";
			innerHTML += "<td width='24' align='center' style='background-color: #ffffff;'><a href='javascript:hideDetailLayer()'><img src='images/close.gif' border='0'></a></td>";
			innerHTML += "</tr></table></div>";
			innerHTML += xmlHttp.responseText;
			innerHTML += "</td>";
			innerHTML += "<td width='80' align='center'>";
			if ((finder_page-1)*finder_pageSize+1+currentStockIndex < finder_noOfStock) innerHTML += "<img src='images/hk/next.gif' style='cursor:pointer' onclick='nextStock()'>";
			innerHTML += "</td>";
			innerHTML += "</tr></table>";
			//document.getElementById("detailLayer").filters[0].apply();
			document.getElementById("detailLayer").innerHTML = innerHTML;
			//document.getElementById("detailLayer").filters[0].play();
			detailReLocation();
			resizeDetailLayerHeight();
			document.getElementById("detailBody").style.backgroundColor = "#FFFFFF";
		} else if (noOfAjaxTrial<5) {
			setTimeout("showDetailLayerLoad(currentStockIndex)",10000);
/*
			var innerHTML = "<table align='center'><tr>";
			innerHTML += "<td id='detailBody' align='center'>";
			innerHTML += "<div align='right'><a href='javascript:hideDetailLayer()'><img src='images/close.gif' border='0'></a></div>";
			innerHTML += "<div><table bgcolor='white'><tr><td align='center' height='50'>網頁發生錯誤</td></tr></table></div>";
			innerHTML += "</td>";
			innerHTML += "</tr></table>";
			document.getElementById("detailLayer").innerHTML = innerHTML;
*/
		} else {
			hideDetailLayer();
		}
	}

}

function showFourInOneLayer(i) {
	noOfAjaxTrial = 0;
	showFourInOneLayerLoad(i);
}

function showFourInOneLayerLoad(i) {
	if (isNaN(i)) return false;
	currentFourInOneIndex = i;
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null){
		alert ("Your browser does not support AJAX!");
		return false;
	}else{
		noOfAjaxTrial++;
		currentLayer = "fourInOne";
		currentFourInOneTitle = fourInOneTitleArray[currentFourInOneIndex][0];
		document.body.style.overflow = "hidden";	
		document.body.className = "hide";
		if (document.getElementById("div_dist_hk")) hideAllPickList();
//		document.getElementById("spanSuperBanner").style.display = "none";
		document.getElementById("maskLayer").className = "maskLayer_detail";
		document.getElementById("maskLayer").style.height = document.body.scrollHeight;
		document.getElementById("maskLayer").style.width = document.body.scrollWidth + 20;
		document.getElementById("maskLayer").style.opacity = "0.60";
		document.getElementById("maskLayer").style.display = "block";
		document.getElementById("fourInOneLayer").style.height = document.body.offsetHeight - 50;
		document.getElementById("fourInOneLayer").style.top = document.body.scrollTop+document.body.offsetHeight/2 - 50;
		document.getElementById("fourInOneLayer").innerHTML = "<div align=center><img src=images/ajax-loader.gif></div>";
		document.getElementById("fourInOneLayer").style.display = "block";
		xmlHttp.onreadystatechange = fourInOneStateChanged;
		xmlHttp.open("GET",fourInOneArray[currentFourInOneIndex][0],true);
		xmlHttp.send(null);
	}
	return false;
}

function hideFourInOneLayer() {
	document.getElementById("fourInOneLayer").innerHTML = "";
	document.getElementById("fourInOneLayer").style.display = "none";
	document.getElementById("maskLayer").className = "maskLayer";
	document.getElementById("maskLayer").style.display = "none";
//	document.getElementById("spanSuperBanner").style.display = "block";
	document.body.className = "";
	document.body.style.overflow = "auto";	
}

function fourInOneStateChanged() { 
	if (xmlHttp.readyState==4) {
		if (xmlHttp.status==200) {
			var innerHTML = "<table align='center' style='width:660'><tr>";
			innerHTML += "<td id='detailBody' align='center'>";
			innerHTML += "<div><table style='background-color: #ffcf4d;'><tr>";
			innerHTML += "<td align='left'>&nbsp;&nbsp;<img border='0' src='images/mr_logo.gif' align='absmiddle'>&nbsp;";
			innerHTML += "<b>單位綜合資訊</b> - " + currentFourInOneTitle + "</td>";
			innerHTML += "<td width='24' align='center' style='background-color: #ffffff;'><a href='javascript:hideFourInOneLayer()'><img src='images/close.gif' border='0'></a></td>";
			innerHTML += "</tr></table></div>";
			innerHTML += xmlHttp.responseText;
			innerHTML += "</td>";
			innerHTML += "</tr></table>";
			//document.getElementById("detailLayer").filters[0].apply();
			document.getElementById("fourInOneLayer").innerHTML = innerHTML;
			//document.getElementById("detailLayer").filters[0].play();
			fourInOneReLocation();
			resizeFourInOneLayerHeight();
			document.getElementById("detailBody").style.backgroundColor = "#FFFFFF";
		} else if (noOfAjaxTrial<5) {
			setTimeout("showFourInOneLayerLoad(currentFourInOneIndex)",10000);
/*
		} else if (xmlHttp.status==500) {
			var innerHTML = "<table align='center'><tr>";
			innerHTML += "<td id='detailBody' align='center'>";
			innerHTML += "<div align='right'><a href='javascript:hideDetailLayer()'><img src='images/close.gif' border='0'></a></div>";
			innerHTML += "<div><table bgcolor='white'><tr><td align='center' height='50'>網頁發生錯誤</td></tr></table></div>";
			innerHTML += "</td>";
			innerHTML += "</tr></table>";
			document.getElementById("detailLayer").innerHTML = innerHTML;
*/
		} else {
			hideFourInOneLayer();
		}
	}
}

function showMapLayer(est_id, lon, lat) {
	noOfAjaxTrial = 0;
	showMapLayerLoad(est_id, lon, lat);
}

function showMapLayerLoad(est_id, lon, lat) {
	if (est_id == null || est_id == "") return false;
	currentMapEstId = est_id;
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null) {
		alert ("Your browser does not support AJAX!");
		return false;
	} else {
		noOfAjaxTrial++;
		currentLayer = "map";
		document.body.style.overflow = "hidden";
		document.body.className = "hide";
		if (document.getElementById("div_dist_hk")) hideAllPickList();
		document.getElementById("maskLayer").className = "maskLayer_detail";
		document.getElementById("maskLayer").style.height = document.body.scrollHeight;
		document.getElementById("maskLayer").style.width = document.body.scrollWidth + 20;
		document.getElementById("maskLayer").style.opacity = "0.60";
		document.getElementById("maskLayer").style.display = "block";
		document.getElementById("mapLayer").style.height = document.body.offsetHeight - 50;
		document.getElementById("mapLayer").style.top = document.body.scrollTop+document.body.offsetHeight/2 - 50;
		document.getElementById("mapLayer").innerHTML = "<div align=center><img src=images/ajax-loader.gif></div>";
		document.getElementById("mapLayer").style.display = "block";
		xmlHttp.onreadystatechange = mapStateChanged;
		xmlHttp.open("GET","map_layer.jsp?estId="+est_id+"&lon="+lon+"&lat="+lat,true);
		xmlHttp.send(null);
	}
	return false;
}

function hideMapLayer() {
	document.getElementById("mapLayer").innerHTML = "";
	document.getElementById("mapLayer").style.display = "none";
	document.getElementById("maskLayer").className = "maskLayer";
	document.getElementById("maskLayer").style.display = "none";
	document.body.className = "";
	document.body.style.overflow = "auto";	

}

function mapStateChanged() { 
	if (xmlHttp.readyState==4) {
		if (xmlHttp.status==200 && xmlHttp.responseText.indexOf("divMap")>-1) {
			var innerHTML = "<table align='center' width='90%' height='95%'><tr>";
			innerHTML += "<td width='80' align='center'>&nbsp;</td>";
			innerHTML += "<td id='detailBody' align='center'>";
			innerHTML += "<div><table style='background-color: #ffcf4d;'><tr>";
			innerHTML += "<td align='left'>&nbsp;&nbsp;<img border='0' src='images/mr_logo.gif' align='absmiddle'>&nbsp;<b>屋苑位置</b></td>";
			innerHTML += "<td width='24' align='center' style='background-color: #ffffff;'><a href='javascript:hideMapLayer()'><img src='images/close.gif' border='0'></a></td>";
			innerHTML += "</tr></table></div>";
			innerHTML += xmlHttp.responseText;
			innerHTML += "</td>";
			innerHTML += "<td width='80' align='center'>&nbsp;</td>";
			innerHTML += "</tr></table>";
			document.getElementById("mapLayer").innerHTML = innerHTML;
			mapReLocation();
			resizeMapLayerHeight();
			document.getElementById("detailBody").style.backgroundColor = "#FFFFFF";
		} else if (noOfAjaxTrial<5) {
			setTimeout("showMapLayerLoad(currentMapEstId)",10000);
		} else {
			hideMapLayer();
		}
	}

}


function windowResize() {
	if (currentLayer == "detail") {
		resizeDetailLayerHeight();
	}
	if (currentLayer == "fourInOne") {
		resizeFourInOneLayerHeight();
	}
	if (currentLayer == "map") {
		resizeMapLayerHeight();
	}
}

function resizeDetailLayerHeight() {
	if (document.getElementById("detailBody")) {
		document.getElementById("div_detail_container").style.height = document.body.clientHeight - 110 - document.getElementById("divStockInfoHeader").clientHeight;
		document.getElementById("maskLayer").style.height = document.body.scrollHeight;
		document.getElementById("maskLayer").style.width = document.body.scrollWidth + 20;
	}
}

function resizeFourInOneLayerHeight(){
	if (document.getElementById("detailBody")){
		document.getElementById("maskLayer").style.height = document.body.scrollHeight;
		document.getElementById("maskLayer").style.width = document.body.scrollWidth + 20;
		document.getElementById("fourInOneLayer").style.width = document.body.clientWidth;
	}
}

function resizeMapLayerHeight(){
	if (document.getElementById("detailBody")){
		document.getElementById("maskLayer").style.height = document.body.scrollHeight;
		document.getElementById("maskLayer").style.width = document.body.scrollWidth + 20;
		document.getElementById("mapLayer").style.width = document.body.clientWidth;
	}
}

function windowRelocation() {
	if (currentLayer == "detail") {
		detailReLocation();
	}
	if (currentLayer == "fourInOne") {
		fourInOneReLocation();
	}
	if (currentLayer == "map") {
		mapReLocation();
	}
}

function detailReLocation() {
	document.getElementById("detailLayer").style.top = document.body.scrollTop + 20;
}

function fourInOneReLocation(){
	if (document.getElementById("fourInOneLayer").style.display == "block") {
		var detailTableHeight = document.getElementById("IntegratedDetailTable").style.height;
		detailTableHeight = eval(detailTableHeight.replace(/px/i, ""));

		var bodyTop;
		if(typeof(window.pageYOffset)=='number') {
			bodyTop = window.pageYOffset;
		} else {
			bodyTop = document.body.scrollTop;
		}
		var space = (document.body.clientHeight - detailTableHeight) / 2 - 50;
		if (space < 20) space = 20;
		document.getElementById("fourInOneLayer").style.top = bodyTop + space;
	}
}

function mapReLocation() {
	document.getElementById("mapLayer").style.top = document.body.scrollTop + 20;
}

function setArrowDisplay(Id, type) {	
	var img = document.getElementById(Id);
	if (img != null) {
		if (type=='Show')
		{
			img.style.visibility='visible';
		}
		else if (type=='Hide')
		{
			img.style.visibility='hidden';
		}
	}
}

/*function stockSorting() {
	var ddSortBy = document.getElementById('ddSortBy');
	var ddOrderBy = document.getElementById('ddOrderBy');
	var sortBy = "";

	if (!bEmaileFlag) {
		bEmaileFlag = false;		
		sortBy = '&sortBy=' + ddSortBy.options[ddSortBy.selectedIndex].value + '&orderBy=' + ddOrderBy.options[ddOrderBy.selectedIndex].value
		window.location.href="branch_blog_index.jsp?deptId=" + dept_id + sortBy;
	}
	else {
		bEmaileFlag = false;
	}
}*/
function stockSorting(sb, ob) {
	if (!bEmaileFlag) {
		if (ob == "") {
			if (sortBy.value == sb) {
				orderBy.value = (orderBy.value == "ASC" ? "DESC" : "ASC");
			} else {
				orderBy.value = "ASC";
			}
		} else {
			orderBy.value = ob;
		}
		sortBy.value = sb;
	
		bEmaileFlag = false;		

		window.location.href="branch_blog_index.jsp?deptId=" + dept_id + '&sortBy=' + sortBy.value + '&orderBy=' + orderBy.value + '&lang=' + lang;
	}
	else {
		bEmaileFlag = false;
	}
}

function createRequest() {
	try {
		request = new XMLHttpRequest();
	}
	catch (trymicrosoft) {
		try {
			request = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (othermicrosoft) {
			try {
				request = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (failed) {
				request = false;
			}
		}
	}

  if (!request)
	alert("Error initializing XMLHttpRequest!");
}

function createRequest2() {
	try {
		var request = new XMLHttpRequest();
	}
	catch (trymicrosoft) {
		try {
			request = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (othermicrosoft) {
			try {
				request = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (failed) {
				request = false;
			}
		}
	}

	return request;

  if (!request)
	alert("Error initializing XMLHttpRequest!");
}

function changeRegion(region_id, lang, distId) {
	if (region_id != '') {
		//var request;
		var url = "dist_list.jsp?regionId=" + region_id + '&lang=' + lang + '&distId=' + distId;
		var divDept = document.getElementById('divDept');

		divDept.innerHTML="<select id='ddDept' name='ddDept' style='width:185px'><option value='0'/>" + dropdown_dept + "</select>"

		requestRegion = createRequest2();
		requestRegion.open("POST", url, true);
		requestRegion.onreadystatechange = setDist;
		requestRegion.send(null);
	}
}

function setDist(){
	var divDist = document.getElementById('divDist');

	if (requestRegion.readyState == 4) {
		if (requestRegion.status == 200) {
			var dist = requestRegion.responseText;			
			if (dist.length > 0) {
				divDist.innerHTML=dist;
			}
			else {
				divDist.innerHTML="";
			}
		}
		//else if(request.status == 500) {
			//ShowAjaxError(request.responseText);
		//}
	}
}

function changeDist(dist_id, lang, deptId) {
	if (dist_id != '') {
		//var request;
		var url = "dept_list.jsp?distId=" + dist_id + '&lang=' + lang + "&deptId=" + deptId + "&onChangeEvent=N";
		requestDist = createRequest2();
		requestDist.open("POST", url, true);
		requestDist.onreadystatechange = setDept;
		requestDist.send(null);
	}
}

function setDept(){
	var divDept = document.getElementById('divDept');
		
	if (requestDist.readyState == 4) {
		if (requestDist.status == 200) {
			var dept = requestDist.responseText;
			if (dept.length > 0) {
				divDept.innerHTML=dept;
			}
			else {
				divDept.innerHTML="";
			}
		}
		//else if(request.status == 500) {
			//ShowAjaxError(request.responseText);
		//}
	}
}

function searchDept() {
	var ddRegion = document.getElementById('ddRegion');
	var ddDist = document.getElementById('ddDist');
	var ddDept = document.getElementById('ddDept');

	if (!bEmaileFlag) {
		bEmaileFlag = false;
		
		if (ddRegion.options[ddRegion.selectedIndex].value == "0")
		{
			alert(msg_select_region);
			return false;
		}
		if (ddDist.options[ddDist.selectedIndex].value == "0")
		{
			alert(msg_select_district);
			return false;
		}
		if (ddDept.options[ddDept.selectedIndex].value == "0")
		{
			alert(msg_select_dept);
			return false;
		}
		
		window.location.href="branch_blog_index.jsp?deptId=" + ddDept.options[ddDept.selectedIndex].value + '&lang=' + lang;

	}
	else {
		bEmaileFlag = false;
	}
}

function searchDept_byDist() {
	var ddRegion = document.getElementById('ddRegion');
	var ddDist = document.getElementById('ddDist');
	var ddDeptType = document.getElementById('ddDeptType');
	var deptType = "";

	if (ddRegion.options[ddRegion.selectedIndex].value == "0")
	{
		alert("請選擇區域");
		return false;
	}
	if (ddDist.options[ddDist.selectedIndex].value == "0")
	{
		alert("請選擇地區");
		return false;
	}
	
	if (ddDeptType != null)
	{
		deptType = ddDeptType.options[ddDeptType.selectedIndex].value;
	}

	window.location.href="branch_search_list_index.jsp?searchKey=" + ddDist.options[ddDist.selectedIndex].value + '&lang=' + lang + '&deptType=' + deptType;
}

function showIM(Id, tableId){
	var im_dtl = document.getElementById('im_dtl');
	var img = document.getElementById('im_' + Id);
	var empemail = document.getElementById("empemail")
	var divEmpList = document.getElementById("divEmpList")

	empemail.value=Id;
	var position = findPositionWithScrolling(img, tableId);
//alert(position[1]);
//alert(divEmpList.offsetLeft);
//alert(document.body.scrollTop);
//alert(img.clientHeight + " / " + img.offsetTop + " / " + img.scrollTop + " / " + img.clientTop);
//	im_dtl.style.left = img.offsetLeft;
//	im_dtl.style.left = 900 + "px";
//	im_dtl.style.top = document.body.scrollTop + 200 + "px";
	im_dtl.style.left = divEmpList.offsetLeft + 425 + "px";
	im_dtl.style.top = position[1] + 20 + "px";
//	im_dtl.style.visibility='visible';	
	im_dtl.style.display='';
	
}

function browser_detect() {
	var browser='';
    var browser_detect = navigator.userAgent.toLowerCase();

	if ((browser_detect.indexOf("msie") + 1)) { browser = 'msie'; }
	else if ((browser_detect.indexOf("safari") + 1)) { browser = 'safari'; }
	else if ((browser_detect.indexOf("firefox") + 1)) { browser = 'firefox'; }
	else if ((browser_detect.indexOf("chrome") + 1)) { browser = 'chrome'; }

	return browser;		
}

function findPositionWithScrolling( oElement, tableId ) {
	if (typeof( oElement.offsetParent ) != 'undefined' ) {
		var originalElement = oElement;
		var parentElement;
	
		var browser = browser_detect();

		for(var posX = 0,  posY = 0; oElement ; oElement = parentElement) {
			//if ((browser == 'msie' && oElement != null && oElement.id == 'listBody') || (browser != 'msie' && oElement != null && oElement.id == 'est' ))	
//alert(oElement.id + " / " + oElement.tagName + " / " + oElement.offsetTop + " / " + oElement.scrollToop + " / " + posY + " / " + oElement.parentElement + " / " + oElement.offsetParent);			
//			if (oElement != null && (oElement.id == 'est' || oElement.id == 'listBody'))
//				{break;}

			if (oElement.tagName!='TR'){
				posX += oElement.offsetLeft;
				posY += oElement.offsetTop;
//				alert(oElement.id + " / " + oElement.tagName + " / " + oElement.offsetTop + " / " + oElement.scrollToop + " / " + posY + " / " + oElement.parentElement + " / " + oElement.offsetParent);
			}

			if( oElement != originalElement && oElement != document.body && oElement != document.documentElement ) {	
				if (oElement.tagName!='TR'){
					posX -= oElement.scrollLeft;
					posY -= oElement.scrollTop;
//					alert(oElement.id + " / " + oElement.tagName + " / " + oElement.offsetTop + " / " + oElement.scrollToop + " / " + posY + " / " + oElement.parentElement + " / " + oElement.offsetParent);
				}
			}

			if (oElement.id == tableId)
			{break;}
//alert(oElement.id + " / " + oElement.tagName + " / " + oElement.offsetTop + " / " + oElement.scrollToop + " / " + posY + " / " + oElement.parentElement + " / " + oElement.offsetParent);
			
			if (browser == 'firefox'){
				parentElement = oElement.offsetParent;				
			}
			else
			{
				parentElement = oElement.parentElement;
			}
		}
		return [ posX, posY ];
	} else {
		return [ oElement.x, oElement.y ];
	}
}

function SetInputText(id, action, lang)
{
	var inputText = document.getElementById(id);

	if (action == 'onfocus')
	{
		inputText.style.color = '#000000';
		switch(id){
			case 'sendername':
				if (inputText.value == im_name)
					inputText.value = '';
				break;
			case 'sendertel':
				if (inputText.value == im_tel)
					inputText.value = '';
				break;
			case 'senderemail':
				if (inputText.value == im_email)
					inputText.value = '';
				break;
			case 'senderstockid':
				if (inputText.value == im_stock_id)
					inputText.value = '';
				break;
			case 'senderemailcontent':
				if (inputText.value == im_content)
					inputText.value = '';
				break;
			
			default:
			}
	}
	else
	{
		if (inputText.value == ''){
			inputText.style.color = '#aaaaaa';

			switch(id){
			case 'sendername':
					inputText.value = im_name;
				break;
			case 'sendertel':
					inputText.value = im_tel;
				break;
			case 'senderemail':
					inputText.value = im_email;	  
				break;
			case 'senderstockid':
					inputText.value = im_stock_id;
				break;
			case 'senderemailcontent':
					inputText.value = im_content;
				break;
		
			default:
			}
		}
	}
}

function check_SendIM_Empty(lang)
{
	var sendername = document.getElementById("sendername");
	var sendertel = document.getElementById("sendertel");
	var senderemail = document.getElementById("senderemail");
	var senderstockid = document.getElementById("senderstockid");
	var senderemailcontent = document.getElementById("senderemailcontent");

	if (sendername.value == "" || (sendername.value == im_name))
	{		
		alert(im_name_alert);		
		sendername.focus();
		return false;
	}

	if ((sendertel.value == "" || (sendertel.value == im_tel)) && (senderemail.value =="" || (senderemail.value == im_email)) )
	{		
		alert(im_tel_email_alert);		
		sendertel.focus();
		return false;
	}

	if (senderemail.value!= "" && ((senderemail.value != im_email))) 
	{
		emailPattern = /.*\@.*\..*/;
		if (senderemail.value != "" && !emailPattern.test(senderemail.value))
		{			
			alert(im_email_alert);			
			senderemail.focus();
			return false;
		}
	}

	if (senderstockid.style.display != "none" && (senderstockid.value == "" || (senderstockid.value == im_stock_id)))
	{		
		/*
		alert(im_stock_alert);		
		senderstockid.focus();
		return false;
		*/
	}

	if (senderemailcontent.value == "" || (senderemailcontent.value == im_content))
	{		
		alert(im_content_alert);		
		senderemailcontent.focus();
		return false;
	}
	return true;
}

function sendIM(lang){
	var sendername = document.getElementById("sendername");
	var sendertel = document.getElementById("sendertel");
	sendertel.value = sendertel.value.replace(sendertel.defaultValue, '');
	var senderemail = document.getElementById("senderemail");
	senderemail.value =  senderemail.value.replace(senderemail.defaultValue, '')
	var senderstockid = document.getElementById("senderstockid");
	var senderemailcontent = document.getElementById("senderemailcontent");
	var stockinfo = document.getElementById("stockinfo");
	var chkbooking = document.getElementById("chkbooking");
	var subject = document.getElementById("subject").value;
	
	var booking="N";
	if (chkbooking.checked)
	{		booking="Y";	}

	if (senderstockid.style.display == "none")
	{		senderstockid.value = "";	}
	else
	{		
		if (senderstockid.value == "" || senderstockid.value == im_stock_id)
		{
			senderstockid.value = "";
		}
		else
		{
			subject = subject + senderstockid.value;
		}
	}


//var empemail = document.getElementById("empemail").value.replace('midland.com.hk', 'im.midland.com.hk');	//for IM
//var empemail = 'alexli@im.midland.com.hk';	//for IM Dev

//var url = "/branch_agent/sendIM.jsp?name=" + sendername.value + "&from=" + senderemail.value + "&to=imsend@midland.com.hk" 
//		+ "&subject=" + empemail + "&tel=" + sendertel.value + "&stockid=" + senderstockid.value + "&content=" + senderemailcontent.value + "&stockinfo=" + stockinfo.value + "&booking=" + booking + "&lang=" + lang;	//for IM


	var empemail = document.getElementById("empemail").value;	//for email 
//alert(empemail);
//var empemail = 'alexli@midland.com.hk';	//for email Dev

	var url = "/branch_agent/sendIM.jsp?" + encodeURI("name=" + sendername.value + "&from=" + senderemail.value + "&to=" + empemail
		+ "&subject=" + subject + "&tel=" + sendertel.value + "&stockid=" + senderstockid.value + "&content=" + senderemailcontent.value + "&stockinfo=" + stockinfo.value + "&booking=" + booking + "&lang=" + lang);	//for Email

	if (check_SendIM_Empty(lang))
	{
		createRequest();	
		request.open("POST", url, true);	
		request.onreadystatechange = returnMessage;
		request.send(null);
	}
	
}

function returnMessage(){
	
	if (request.readyState == 4) {
		if (request.status == 200 || request.status == 0) {
			
			//var estate = request.responseText;			
			//if (estate.length > 0) {
				alert(send_success);
			//}
			//else {
				//alert("未能送出信息");
			//}
		}
		else
			alert(send_fail);
	}
}

function changeRegion_Branch(region_id, lang, distId) {
	if (region_id != '') {
		//var request;
		var url = "dist_list.jsp?regionId=" + region_id + '&lang=' + lang + '&distId=' + distId;

		requestRegion = createRequest2();
		requestRegion.open("POST", url, true);
		requestRegion.onreadystatechange = setDist;
		requestRegion.send(null);
	}
}

function update_title_branch(name)
{
	if (lang == "en")
	{
		document.title = document.title + " - " + name;
	}
	else
	{
		document.title = name  + " - " + document.title;
	}
}