function getServicedCities(city,province,target) {
  var xmlHttp;
  try    {  // Firefox, Opera 8.0+, Safari
      xmlHttp=new XMLHttpRequest();    }
  catch (e)    {  // Internet Explorer
    try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); }
    catch (e) { try {  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } 
		catch (e) { alert("Your browser does not support AJAX!"); 
		return false; } } } xmlHttp.onreadystatechange=function() {
      if(xmlHttp.readyState==4)
        {
		    if (xmlHttp.status == 200) {
			  var outText = "";
			  var xmlDoc = xmlHttp.responseXML;
	  
			  var showElements = xmlDoc.getElementsByTagName("city");
              var bar = "";

		      for (var x=0; x<showElements.length; x++) 
			      {
                        var city = xmlDoc.getElementsByTagName("city")[x].childNodes[0].nodeValue;
			            outText =  outText + bar + '<a href="Offices.aspx?city=' + city + '&province=' + province + '">' + city + '</a>';
			            bar = " | ";
	    		    }
	    		document.getElementById('divProvince').innerHTML= "  > " + '<span style="cursor:pointer;" onclick="getCities(' + "'" +  province + "'" + ',false,' + "'" + 'divContentContainer' + "'" + ');">' + province + '</span>';    
	    		document.getElementById('divCity').innerHTML= "  > " + city;    
                document.getElementById(target).innerHTML=outText
			}
      }}
    xmlHttp.open("GET","/xmlReturns/xmlReturns.aspx?method=servicedCitiesByCity&province=" + province,true);
    xmlHttp.send(null);
  }


  function getPersonRegions(province,target) {
  var xmlHttp;
  try    {  // Firefox, Opera 8.0+, Safari
      xmlHttp=new XMLHttpRequest();    }
  catch (e)    {  // Internet Explorer
    try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); }
    catch (e) { try {  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } 
		catch (e) { alert("Your browser does not support AJAX!"); 
		return false; } } } xmlHttp.onreadystatechange=function() {
      if(xmlHttp.readyState==4)
        {
		    if (xmlHttp.status == 200) {
			  var outText = "";
			  var xmlDoc = xmlHttp.responseXML;
	  
			  var showElements = xmlDoc.getElementsByTagName("city");
              var bar = "";
	          var citySelect = document.getElementById(target);
              while (citySelect.length != 0) {  citySelect.remove(0); }

             //add in 'select a city'
            var elOptNew = document.createElement('option');
            elOptNew.text = "--Select--";
            elOptNew.value = "";
              try {  citySelect.add(elOptNew, null); }// standards compliant; doesn't work in IE
              catch(ex) { citySelect.add(elOptNew); } // IE only
             //add in 'select a city'

		      for (var x=0; x<showElements.length; x++) 
		      {
                    var city = xmlDoc.getElementsByTagName("city")[x].childNodes[0].nodeValue;
                    var id = xmlDoc.getElementsByTagName("city")[x].getAttribute("id");
	                var elOptNew = document.createElement('option');
                    elOptNew.text = city;
                    elOptNew.value = id;
                      try {  citySelect.add(elOptNew, null); }// standards compliant; doesn't work in IE
                      catch(ex) { citySelect.add(elOptNew); } // IE only
		       }
		    }
      }}
    xmlHttp.open("GET","/xmlReturns/xmlReturns.aspx?method=getPersonRegionsByProvince&province=" + province,true);
    xmlHttp.send(null);
  }


  function getCitiesDropdown(province,target) {
  var xmlHttp;
  try    {  // Firefox, Opera 8.0+, Safari
      xmlHttp=new XMLHttpRequest();    }
  catch (e)    {  // Internet Explorer
    try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); }
    catch (e) { try {  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } 
		catch (e) { alert("Your browser does not support AJAX!"); 
		return false; } } } xmlHttp.onreadystatechange=function() {
      if(xmlHttp.readyState==4)
        {
		    if (xmlHttp.status == 200) {
			  var outText = "";
			  var xmlDoc = xmlHttp.responseXML;
	  
			  var showElements = xmlDoc.getElementsByTagName("city");
              var bar = "";
		          var citySelect = document.getElementById("cmbCities");
                  while (citySelect.length != 0) {  citySelect.remove(0); }

			      for (var x=0; x<showElements.length; x++) 
			      {
                        var city = xmlDoc.getElementsByTagName("city")[x].childNodes[0].nodeValue;
		                var elOptNew = document.createElement('option');
                        elOptNew.text = city;
                        elOptNew.value = city;
                          try {  citySelect.add(elOptNew, null); }// standards compliant; doesn't work in IE
                          catch(ex) { citySelect.add(elOptNew); } // IE only
			       }
			}
      }}
    xmlHttp.open("GET","/xmlReturns/xmlReturns.aspx?method=getPersonRegionsByProvince&province=" + province,true);
    xmlHttp.send(null);
  }

function getCitiesBody(province,target) {
  var xmlHttp;
  try    {  // Firefox, Opera 8.0+, Safari
      xmlHttp=new XMLHttpRequest();    }
  catch (e)    {  // Internet Explorer
    try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); }
    catch (e) { try {  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } 
		catch (e) { alert("Your browser does not support AJAX!"); 
		return false; } } } xmlHttp.onreadystatechange=function() {
      if(xmlHttp.readyState==4)
        {
		    if (xmlHttp.status == 200) {
			  var outText = "";
			  var xmlDoc = xmlHttp.responseXML;
	  
			  var showElements = xmlDoc.getElementsByTagName("city");
              var bar = "";
			      for (var x=0; x<showElements.length; x++) 
			      {
                        var city = xmlDoc.getElementsByTagName("city")[x].childNodes[0].nodeValue;
			            outText =  outText + bar + '<span style="cursor:pointer;" onclick="doHiddenSearch(' + "'" + city + "'" + ',' + "'" + province + "'" + ',' + "'" + target + "'" + ');">' + city + '</span>';
			            bar = " | ";
	    		    }
	    		document.getElementById('divCity').innerHTML= "";    
	    		document.getElementById('divProvince').innerHTML= "  > " + province;    
                document.getElementById(target).innerHTML=outText;
			    }
			}
      }
    xmlHttp.open("GET","/xmlReturns/xmlReturns.aspx?method=regionsByProvince&province=" + province,true);
    xmlHttp.send(null);
  }

function doHiddenSearch(city,province)
{
    		document.getElementById('hiddenProvince').value= province;    
    		document.getElementById('hiddenCities').value= city;    
            
            document.forms["hiddenForm"].submit();
}

  
    function getProvinces(target) {
   			  var outText = "";
   			  outText =    '<span style="cursor:pointer;" onclick="getCitiesBody(' + "'" + 'AB' + "'," + "'" + 'divContentContainer' + "'" + ');">Alberta</span>';
              outText = outText + '<span style="cursor:pointer;" onclick="getCitiesBody(' + "'" + 'BC' + "'," + "'" + 'divContentContainer' + "'" + ');">British Columbia</span>';
              outText = outText + '<span style="cursor:pointer;" onclick="getCitiesBody(' + "'" + 'MB' + "'," + "'" + 'divContentContainer' + "'" + ');">Manitoba</span>';
              outText = outText + '<span style="cursor:pointer;" onclick="getCitiesBody(' + "'" + 'NB' + "'," + "'" + 'divContentContainer' + "'" + ');">New Brunswick</span>';
              outText = outText + '<span style="cursor:pointer;" onclick="getCitiesBody(' + "'" + 'NS' + "'," + 'divContentContainer' + "'" + ');">Nova Scotia</span>';
              outText = outText + '<span style="cursor:pointer;" onclick="getCitiesBody(' + "'" + 'NF' + "'," + "'" + 'divContentContainer' + "'" + ');">Newfoundland and Labrador</span>';
              outText = outText + '<span style="cursor:pointer;" onclick="getCitiesBody(' + "'" + 'ON' + "'," + "'" + 'divContentContainer' + "'" + ');">Ontario</span>';
              outText = outText + '<span  style="cursor:pointer;" onclick="getCitiesBody(' + "'" + 'PE' + "'," + "'" + 'divContentContainer' + "'" + ');">Prince Edward Island</span>';
              outText = outText + '<span style="cursor:pointer;" onclick="getCitiesBody(' + "'" + 'QC' + "'," + "'" + 'divContentContainer' + "'" + ');">Qu&#233;bec</span>';
              outText = outText + '<span style="cursor:pointer;" onclick="getCitiesBody(' + "'" + 'SK' + "',"  + "'" + 'divContentContainer' + "'" + ');">Saskatchewan</span>';
              document.getElementById('divProvince').innerHTML="";
              document.getElementById('divCity').innerHTML="";
              document.getElementById(target).innerHTML=outText;
  }
  
  function clearAndSetLoading()
  {
            var citySelect = document.getElementById("cmbCities");
            while (citySelect.length != 0) {  citySelect.remove(0); }
            
            var elOptNew = document.createElement('option');
            elOptNew.text = "Loading";
            elOptNew.value = "Loading";
            try {  citySelect.add(elOptNew, null); }// standards compliant; doesn't work in IE
            catch(ex) { citySelect.add(elOptNew); } // IE only
  }