// called from onChange or onClick event of the continent dropdown list
function ContinentListOnChange() 
{
    var continentList = document.getElementById("continentList");
    
    // get selected continent from dropdown list
    var selectedContinent = continentList.options[continentList.selectedIndex].value;
    
    // url of page that will send xml data back to client browser
    var requestUrl;
    // use the following line if using asp
    requestUrl = "/user/countrypicker/" + "?filter=" + encodeURIComponent(selectedContinent);
    // use the following line if using php
    // requestUrl = "/user/countrypicker/" + "?filter=" + encodeURIComponent(selectedContinent);
	$.get(requestUrl, null, populate);
}
function populate(data){
var html = '<select id="countryList" style="width:275px;margin-top:5px;">';
html += data;
html += '</select>';

document.getElementById('countryListContainer').innerHTML = html;
}