function getfirst(dd1)
{
clearSelect = document.getElementById('thirdbox');
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].text;
  var par = document.forms["theform"];
  var parelmts = par.elements;
  var prezsel = parelmts["secondbox"];
  if (first != "Select Something One")
  {
 	Http.get({
		url: "./alpha.php?alpha=" + first + "%",
		callback: fillPrez,
		cache: Http.Cache.Get
	}, [prezsel]);
  }
}

function getsecond(dd1)
{
  var idx = dd1.selectedIndex;
  var second = dd1[idx].text;
  var par = document.forms["theform"];
  var parelmts = par.elements;
  var prezsel = parelmts["thirdbox"];
  if (second != "Select Something Two")
  {
 	Http.get({
		url: "./beta.php?city=" + second,
		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("|");
    prezelmt.length = 1;
    prezelmt.length = prezar.length;
    for (o=1; o < prezar.length; o++)
    {
      prezelmt[o].text = prezar[o];
	  prezelmt[o].value = prezar[o];
    }
  }
  else
  {
    alert("Cannot handle the AJAX call.");
  }
}

function getthird(dd1,dd2) {
var idx = dd1.selectedIndex;
var third = dd1[idx].text;
  if (third != "Select The Final")
  {
 	Http.get({
		url: "./final.php?city=" + dd2 + "&category=" + third,
		callback: getit,
		cache: Http.Cache.Get
	});
  }
}

function getit(xmlreply){
if (xmlreply.status == Http.Status.OK)
  {
	document.getElementById("final").innerHTML= xmlreply.responseText;
  }
  else
  {
    alert("Cannot handle the AJAX call.");
  }
}