var StreetList = {
  myConn:      false,
  body:        false,
  control:     false,
  target:      false,
  loader:      false,
  init:        
  function(controlId, sbmtBtnId, targetId){
    if(!document.getElementById ||
       !document.getElementsByTagName ||
       !document.getElementById(controlId) ||
       !document.getElementById(sbmtBtnId) ||
       !document.getElementById(targetId)) return;
    StreetList.myConn = new XHConn();
    if(!StreetList.myConn) return;
    StreetList.body    = document.getElementsByTagName('select')[0];    
    StreetList.control = document.getElementById(controlId);      
    var sbmtBtn = document.getElementById(sbmtBtnId);
    sbmtBtn.parentNode.removeChild(sbmtBtn);
    StreetList.target  = document.getElementById(targetId);
    StreetList.addEvent(StreetList.control,
                        'change',
                        function(){
                          if(this.value != ''){
                            StreetList.getAddress(this.value);
                          }else{
                            StreetList.target.innerHTML = '';
                          }
                        } 
                        );
  },
  getAddress:  
  function(id){
    StreetList.buildLoader();
    var fnWhenDone = function(oXML) {
      StreetList.killLoader();
      StreetList.target.innerHTML = oXML.responseText;
    };
    StreetList.myConn.connect("/modules/index1.php", "POST", "id="+id, fnWhenDone);
    var sbmtBtn1 = document.getElementById('streetlist1');
    if(sbmtBtn1){sbmtBtn1.parentNode.removeChild(sbmtBtn1)};    
  },
  buildLoader: function(){    
    StreetList.loader = document.createElement('div');
    StreetList.loader.setAttribute('id', 'loading');
    StreetList.loader.style.position   = 'absolute';
    StreetList.loader.style.top        = '50%';
    StreetList.loader.style.left       = '50%';
    StreetList.loader.style.width      = '300px';
    StreetList.loader.style.lineHeight = '100px';
    StreetList.loader.style.margin     = '-50px 0 0 -150px';
    StreetList.loader.style.textAlign  = 'center';
    StreetList.loader.style.border     = '1px solid #870108';
    StreetList.loader.style.background = '#fff';
    StreetList.loader.appendChild(document.createTextNode('Загрузка...'));
    StreetList.body.appendChild(StreetList.loader);
  },
  killLoader:  function(){
    StreetList.body.removeChild(StreetList.loader);
  },
  addEvent: function(obj, type, fn){  
    if (obj.addEventListener) obj.addEventListener(type, fn, false);
    else if (obj.attachEvent){
      obj["e"+type+fn] = fn;
      obj[type+fn] = function(){
        obj["e"+type+fn](window.event);
      };
      obj.attachEvent("on"+type, obj[type+fn]);
    }
  }
};

StreetList.addEvent(window, 'load', function(){StreetList.init('stlment', 'submit1', 'streetlist');});