var initValueState = "WV";
var initValueCity = "WHEELING";

function loadState(s)
{
  if (s.length > 0)
  {
	initValueState = s;
  }
  var url = "/kiosk/actions/loadAjaxData.do";	
  var pars = "type=state";                
  var Ajax_Parent = new Ajax.Request
    (
        url,
        {
           method: "get",                 //request method:get or post
           parameters: pars,              //parameter
           onComplete: completeAJAX_State //callBack function onComplete
        }
    );    
}

function completeAJAX_State(xmlHttpRequest)
{
  var state = $("selectedState");
  while (state.length > 0)
  {
    state.remove(state.length - 1);
  }

  try
  {
    if (window.ActiveXObject)
    {
      var xmlobject =new ActiveXObject("Microsoft.XMLDOM");
      xmlobject.async="false";
      xmlobject.loadXML(xmlHttpRequest.responseText);
    }
    else
    {
      var parser=new DOMParser();
      var xmlobject=parser.parseFromString(xmlHttpRequest.responseText,"text/xml");
    }
  }
  catch (e)
  {
    alert("Error:" + e);
    return;
  }

  var root = xmlobject.getElementsByTagName('ROOT')[0];
  var items = root.getElementsByTagName("RECORD");
  for (var i = 0; i < items.length; i++) 
  {
    var item = items[i];
    var id = item.getElementsByTagName("ID")[0].firstChild.nodeValue;
    var name = item.getElementsByTagName("NAME")[0].firstChild.nodeValue;
    state.options[i] = new Option();
	state.options[i].value=id;
	state.options[i].text =name;
	if (name == initValueState)
	{
	  state.options[i].selected=true;
	}
  }    
}

function initCity(state,city)
{
  if (state.length==0)
  {
	state=initValueState;
  }
  if (state.length > 0)
  {
	initValueState=state;
  }
  if (city.length > 0)
  {
	initValueCity=city;
  }
  var url = "/kiosk/actions/loadAjaxData.do";
  var pars = "type=city&state=" + state; 
  var Ajax_Parent = new Ajax.Request
   (
        url,
        {
           method: "get",                //request method:get or post
           parameters: pars,             //parameter
           onComplete: completeAJAX_InitCity //callBack function onComplete
        }
	);    
}

function completeAJAX_InitCity(xmlHttpRequest)
{
  var city = $("selectedCity");
  while (city.length > 0)
  {
    city.remove(city.length - 1);
  }

  try
  {
    if (window.ActiveXObject)
    {
      var xmlobject =new ActiveXObject("Microsoft.XMLDOM");
      xmlobject.async="false";
      xmlobject.loadXML(xmlHttpRequest.responseText);
    }
    else
    {
      var parser=new DOMParser();
      var xmlobject=parser.parseFromString(xmlHttpRequest.responseText,"text/xml");
    }
  }
  catch (e)
  {
    alert("Error:" + e);
    return;
  }

  var root = xmlobject.getElementsByTagName('ROOT')[0];
  var items = root.getElementsByTagName("RECORD");
  for (var i = 0; i < items.length; i++) 
  {
    var item = items[i];
    var id = item.getElementsByTagName("ID")[0].firstChild.nodeValue;
    var name = item.getElementsByTagName("NAME")[0].firstChild.nodeValue;
    city.options[i] = new Option();
	city.options[i].value=id;
	city.options[i].text=name;
    if (city.length==1)
	{
	  setZip(id,name);
	}
	if (name==initValueCity)
	{
      city.options[i].selected=true;
	  setZip(id,name);
	}
  }    
}

function loadCity(state)
{
  if (state.length==0)
  {
	state=initValueState;
  }
  var url = "/kiosk/actions/loadAjaxData.do";
  var pars = "type=city&state=" + state; 
  var Ajax_Parent = new Ajax.Request
   (
        url,
        {
           method: "get",                //request method:get or post
           parameters: pars,             //parameter
           onComplete: completeAJAX_LoadCity //callBack function onComplete
        }
	);    
}

function completeAJAX_LoadCity(xmlHttpRequest)
{
  var city = $("selectedCity");
  while (city.length > 0)
  {
    city.remove(city.length - 1);
  }

  try
  {
    if (window.ActiveXObject)
    {
      var xmlobject =new ActiveXObject("Microsoft.XMLDOM");
      xmlobject.async="false";
      xmlobject.loadXML(xmlHttpRequest.responseText);
    }
    else
    {
      var parser=new DOMParser();
      var xmlobject=parser.parseFromString(xmlHttpRequest.responseText,"text/xml");
    }
  }
  catch (e)
  {
    alert("Error:" + e);
    return;
  }

  var root = xmlobject.getElementsByTagName('ROOT')[0];
  var items = root.getElementsByTagName("RECORD");
  for (var i = 0; i < items.length; i++) 
  {
    var item = items[i];
    var id = item.getElementsByTagName("ID")[0].firstChild.nodeValue;
    var name = item.getElementsByTagName("NAME")[0].firstChild.nodeValue;
    city.options[i] = new Option();
	city.options[i].value=id;
	city.options[i].text=name;
    if (city.length==1)
	{
	  setZip(id,name);
	}
  }    
}

function setZip(zip,city)
{
  $("zip").value=zip;
  $("hiddenCity").value=city;
}

function loadStateCity(zInput)
{
  if (zInput.value.length==5)
  {
  	var url = "/kiosk/actions/loadAjaxData.do";
  	var pars = "type=zip&zip=" + zInput.value; 
  	var Ajax_Parent = new Ajax.Request
   	(
        url,
        {
           method: "get",                //request method:get or post
           parameters: pars,             //parameter
           onComplete: completeAJAX_LoadStateCity //callBack function onComplete
        }
		); 
	}   
}

function completeAJAX_LoadStateCity(xmlHttpRequest)
{
  try
  {
    if (window.ActiveXObject)
    {
      var xmlobject =new ActiveXObject("Microsoft.XMLDOM");
      xmlobject.async="false";
      xmlobject.loadXML(xmlHttpRequest.responseText);
    }
    else
    {
      var parser=new DOMParser();
      var xmlobject=parser.parseFromString(xmlHttpRequest.responseText,"text/xml");
    }
  }
  catch (e)
  {
    alert("Error:" + e);
    return;
  }

  var root = xmlobject.getElementsByTagName('ROOT')[0];
  var items = root.getElementsByTagName("RECORD");
  for (var i = 0; i < items.length; i++) 
  {
    var item = items[i];
    var id = item.getElementsByTagName("ID")[0].firstChild.nodeValue;
    var name = item.getElementsByTagName("NAME")[0].firstChild.nodeValue;
	  setStateCity(id,name);
  }    
}

function setStateCity(state,city)
{
  $("stateShow").value=state;
  $("state").value=state;
  $("cityShow").value=city;
  $("city").value=city;
}