function GetArea(City)
{
	//document.body.style.cursor = 'wait';
	if(window.XMLHttpRequest)
	{
		oRequest = new XMLHttpRequest();
	}
	else if(window.ActiveXObject)
	{
		oRequest = new ActiveXObject("Microsoft.XMLHTTP");
	}

	oRequest.open("POST", "GetAreaMasjid.asp", true);
	oRequest.onreadystatechange = UpdateAreaList;

	oRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	oRequest.send("strCity=" + escape(City));
}

function UpdateAreaList()
{
	if(oRequest.readyState == 4)
	{
	if(oRequest.status == 200)
	{
		var Area = oRequest.responseText;
		var AreaBox = document.getElementById("area");

	              AreaBox.options.length = 0;

	                if(Area != "")
              	  {
                    		var arrCity = Area.split(",");
                   	AreaBox.options[AreaBox.options.length] = new Option("Select an area..");
                   		 for(i = 0; i < arrCity.length; i=i+2)
                    		{
		                        if(arrCity[i] != "")
                        		          {
		                            AreaBox.options[AreaBox.options.length] = new Option(arrCity[i], arrCity[i+1]);

		                        }
                    		}
				}
				
	}
	else
	{
		document.getElementById("Error").innerHTML = "Asychronous Error";
	}
	}
	//document.body.style.cursor = 'default';
}