var baseAjaxUrl = ""
var repair = { 
  cityContainer : "",
  cityLabel : "",
  cityList : "",
  init : function(){
    YAHOO.util.Event.addListener(document.getElementById("stateContainer").firstChild, "change", repair.update);   
    YAHOO.util.Event.addListener(document.getElementById("searchContainer").firstChild, "click", repair.setCity);   
    repair.cityContainer = document.getElementById("cityContainer");
    repair.cityLabel = document.getElementById("cityLabel");
    repair.cityList = repair.cityContainer.firstChild; 
    
  },
  update : function (){  
    repair.cityList.options.length = 0;
    var handleSuccess = function(o){    
      var resp = eval("(" + o.responseText + ")");
      if(resp.cities.length > 0){          
          for (i=0;i<resp.cities.length;i++){        
            repair.cityList.options.add(new Option(resp.cities[i].name, resp.cities[i].catId))
          }
          repair.cityLabel.style.visibility="visible";
          repair.cityContainer.style.visibility="visible";
      }
      else{  
          repair.cityLabel.style.visibility = "hidden";
          repair.cityContainer.style.visibility="hidden";        
      }
    };
    var handleFailure = function(o){
      alert(o.statusText);
    };
    var callback =
    {
      success:handleSuccess,
      failure: handleFailure
    };
    var sUrl = baseAjaxUrl + "/rpc.aspx?action=repair&stateId=" + this.value;
    var request = YAHOO.util.Connect.asyncRequest('GET', sUrl, callback);      
  },
  setCity : function(e){
    document.getElementById("hiddenContainer").firstChild.value = repair.cityList.value;
  }
}

YAHOO.util.Event.onAvailable("stateContainer", repair.init);