function getfirst(dd1)
{
  clearSelect = document.getElementById('CityZoneID');
  clearSelect.options.length = 1;
  clearSelect = document.getElementById('CityZoneAreaID');
  clearSelect.options.length = 1;
//above code clears the third select box when re-clicking the first select box

  var idx = dd1.selectedIndex;
  var first = dd1[idx].value;
  var par = document.forms['FormSearch'];
  var parelmts = par.elements;
  var prezsel = parelmts['CityID'];
  if (first != '')
  {
    Http.get({ url: './Admin/ItemEditAJAX.aspx?Action=GetCity&DistrictID=' + first, callback: fillPrez, cache: Http.Cache.Get }, [prezsel]);
  }
}

function getsecond(dd1)
{
  var idx = dd1.selectedIndex;
  var second = dd1[idx].value;
  var par = document.forms['FormSearch'];
  var parelmts = par.elements;
  var prezsel = parelmts['CityZoneID'];
  if (second != '')
  {
    Http.get({ url: './Admin/ItemEditAJAX.aspx?Action=GetCityZone&CityID=' + second, callback: fillPrez, cache: Http.Cache.Get }, [prezsel]);
  }
}

function getthird(dd1)
{
  var idx = dd1.selectedIndex;
  var third = dd1[idx].value;
  var par = document.forms['FormSearch'];
  var parelmts = par.elements;
  var prezsel = parelmts['CityZoneAreaID'];
  if (third != '')
  {
    Http.get({ url: './Admin/ItemEditAJAX.aspx?Action=GetCityZoneArea&CityZoneID=' + third, callback: fillPrez, cache: Http.Cache.Get }, [prezsel]);
  }
}

function fillPrez(xmlreply, prezelmt)
{
  if (xmlreply.status == Http.Status.OK)
  {
    var prezresponse = xmlreply.responseText;
    var prezar = prezresponse.split('[]');
    var arrValues;
    prezelmt.length = 1;
    prezelmt.length = prezar.length;
    for (o=1; o < prezar.length; o++)
    {
      arrValues =  prezar[o].split('||');
      prezelmt[o].value = arrValues[0];
      prezelmt[o].text  = arrValues[1];
    }
  }
  else
  {
    alert('Cannot handle the AJAX call.');
  }
}