function InitHttpRequest()
{
    var request = null;   
    if (window.XMLHttpRequest)
    {
        request = new XMLHttpRequest();
        if (request.overrideMimeType) 
        {
            request.overrideMimeType("text/xml");
        }
    } 
    else if (window.ActiveXObject)
    {
        try
        {
            request = new ActiveXObject("Msxml2.XMLHTTP");
        } 
        catch (e)
        {
            try
            {
	            request = new ActiveXObject("Microsoft.XMLHTTP");
            } 
            catch (e)
            {}
        }
    } 
    return request;
}


function loadMarkets() { 
    var selectedID = document.getElementById('ddlSearchState').value;
    var request = InitHttpRequest();
      request.onreadystatechange = function()
    {  if (request.readyState == 4)
	    { if (request.status == 200)
		    { fillMarkets(request.responseText); }	
		    else
		    {  alert("Error: returned status code " + request.status + " " + request.statusText); 
		    }	
	    } 
    }
    var postingPageUrl = "../WebServices/MetroAreaSearch.ashx";
    request.open("POST", postingPageUrl, true); 
    request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    queryString="RegionID="+selectedID;
    request.send(queryString);
}
function fillMarkets(textObject) {
var obj = document.getElementById('selMarket');
/* Initialize the list box */
for(var count = obj.options.length - 1; count >= 0; count--)
    {
        obj.options[count] = null;
    }

var count = parseFloat(textObject.substring(0,6));
var items = textObject.substring(6,textObject.length).split("@^");   //make an array of items
for (var n = 0, len = items.length, NItems; n < len; n++) {
		if(items[n]) {								//take a single item
			NItems = items[n].split("@~"); 	        //make an array of its properties
			var opt = new Option(NItems[1], NItems[2]);
			opt.MetroAreaID = NItems[0];
			opt.Lat = NItems[4];
			opt.Lon = NItems[5];
			obj.options[obj.length] = opt;
		}
	}
	obj.disabled=false;
}