// Вызывается по тайм-ауту или при щелчке на кнопке.
	function doLoad(force) {
		// Получаем текст запроса из <input>-поля.
		if (document.getElementById('category_id')==null) return;
var query = '' + document.getElementById('category_id').value;
		// Создаем новый объект JSHttpRequest.
		var req = new Subsys_JsHttpRequest_Js();
		// Код, АВТОМАТИЧЕСКИ вызываемый при окончании загрузки.
		clearOpt();
		req.onreadystatechange = function() {
			if (req.readyState == 4) {
				if (req.responseJS.length) {
					creatOpt(req.responseJS);
                               }            

				
				// Отладочная информация.
				//document.getElementById('debug').innerHTML = 
				//	req.responseText;
			}

		}
		// Разрешаем кэширование (чтобы при одинаковых запросах
		// не обращаться к серверу несколько раз).
		req.caching = false;
		// Подготваливаем объект.
		req.open('POST', 'load.php', true);
		// Посылаем данные запроса (задаются в виде хэша).
		req.send({ sub_id: query});;
	}
	// Поддержка загрузки данных по тайм-ауту (1 секунда после
	// последнего отпускания клавиши в текстовом поле).
	function clearOpt() {
		var lenth=document.getElementById('sub_id').options.length;
		 for (var i=1; i <= lenth; i++){
		// Ох  я тут и поломал голову. Не зналже я, что при удалении н-го оптионса, масив смещается 
		// и индексы идут по порядку :) Ставил options[i]
			document.getElementById('sub_id').options[1] = null;
		 }
		 document.getElementById('sub_id').options[0] = new Option ("Loading...", 0);
		}

		
	function creatOpt(obj){
      var name;
      var value;
	  //alert(obj);
      for (var i =0 ; i < obj.length; i++) {
      name=obj[i].category_name;
      value= obj[i].category_id;
      optionName = new Option (name, value);
      document.getElementById('sub_id').options[i] = optionName;
            }
      }
      
      var timeout = null;
	function doLoadUp() {
		if (timeout) clearTimeout(timeout);
		timeout = setTimeout(doLoad, 0);
	}
	//window.onload=doLoad