var NOT_HAVE_OPTION = [{value: " \u0e44\u0e21\u0e48\u0e21\u0e35 ", id:"-1" }];
var NOT_SPECIFY_OPTION = [{value: " \u0e44\u0e21\u0e48\u0e23\u0e30\u0e1a\u0e38 ", id:"0"}];
var SELECT_OPTION = [{value:" \u0e01\u0e23\u0e38\u0e13\u0e32\u0e40\u0e25\u0e37\u0e2d\u0e01 ", id:""}];
var SELECT_OTHER = [{value:"\u0e2d\u0e37\u0e48\u0e19\u0e46", id:"-2"}];

/* get District combo by province id */
function getDistrictByProvinceId(provinceId, districtDivId) {

	//show img loading
	imgId = null;
	if (provinceId !== "") {
		imgId = arguments[2];
		if (imgId !== null && (typeof(imgId)!= 'undefined') ) {
			try {
				//dwr.util.byId(imgId).className = "img.show";
				Effect.Appear(imgId, {from:0.0, to:1.0, duration:0.3});
				//$(imgId).appear({from:0, to:1, duration:0.3});
			}
			catch (e) {
				alert(e);
			}
		}
		
		//load district
		var callbackProxy = function (map, imgId) {
			dwr.util.removeAllOptions(districtDivId);
			dwr.util.addOptions(districtDivId, NOT_SPECIFY_OPTION, "id", "value");
			dwr.util.addOptions(districtDivId, map, false);
			if (imgId != null && (typeof(imgId)!= 'undefined') ) {
				//$(imgId).appear({from:1, to:0, duration:0.3});
				Effect.Appear(imgId, {from:1.0, to:0.0, duration:0.3});
			}
			dwr.util.byId(districtDivId).focus();
		};
		var callMetaData = {callback:callbackProxy, arg:imgId};
		ComboUtils.getDistrictOptionMapByProvinceId(provinceId, callMetaData);
	} else {
		dwr.util.removeAllOptions(districtDivId);
		dwr.util.addOptions(districtDivId, NOT_SPECIFY_OPTION, "id", "value");
	}
}