function handleOnChange(dd1)
{
  var idx = dd1.selectedIndex;
  var val = dd1[idx].text;
  var par = document.forms["form_st"];
  var parelmts = par.elements;
  var citysel = parelmts["city"];
  var statename = val;
  if (statename != "select state")
  {
   var directory = ""+document.location;
   directory = directory.substr(0, directory.lastIndexOf('/'));

   Http.get({
		url: "./" +  "storefinder_cities.asp?statename=" + statename,
		callback: fillCity,
		cache: Http.Cache.Get
	}, [citysel]);
  }
}

function fillCity(xmlreply, cityelmt)
{
  if (xmlreply.status == Http.Status.OK)
  {
   var cityresponse = xmlreply.responseText;
   var cityar = cityresponse.split("|");
   cityelmt.length = 1;
   cityelmt.length = cityar.length;
   for (o=0; o < cityar.length; o++)
   {
     cityelmt[o].text = cityar[o];
   }
  }
  else
  {
   alert("Cannot handle the Ajax call.");
  }
}

// fill State dropdown depending on country selected
function handleOnChangeCountry(dd1)
{
  //var idx = dd1.selectedIndex;
  //var val = dd1[idx].text;
  var val = dd1;
  var par = document.forms["form_st"];
  var parelmts = par.elements;
  var statesel = parelmts["statename"];
  var countrycode = val;
  if (countrycode != "")
  {
   var directory = ""+document.location;
   directory = directory.substr(0, directory.lastIndexOf('/'));

   Http.get({
		url: "./" +  "storefinder_cities.asp?countrycode=" + countrycode,
		callback: fillState,
		cache: Http.Cache.Get
	}, [statesel]);
  }
}
function fillState(xmlreply, cityelmt)
{
  if (xmlreply.status == Http.Status.OK)
  {
   var cityresponse = xmlreply.responseText;
   var cityar = cityresponse.split("|");
   cityelmt.length = 1;
   cityelmt.length = cityar.length;
   for (o=0; o < cityar.length; o++)
   {
     cityelmt[o].text = cityar[o];
   }
  }
  else
  {
   alert("Cannot handle the Ajax call.");
  }
}