function httpRequest() {
	if (window.XMLHttpRequest) {
		//создание объекта для всех браузеров кроме IE
        requestObj = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
    	//для IE
        requestObj = new ActiveXObject("Msxml2.XMLHTTP");
        if (!requestObj) {
            requestObj = new ActiveXObject("Microsoft.XMLHTTP");
        };
    };
};

function sendRequest (url,data) {
	httpRequest();
	//определяем call-back функцию
	requestObj.onreadystatechange = responseServer;
	//подготовка отправки данных, readyState=1
	requestObj.open('POST',url,true);
	/*
	Т.к. данные отправляются POST методом, то необходимо
	серверу отослать заголовок информирующий его об этом
	*/
	requestObj.setRequestHeader("Content-Type",
        "application/x-www-form-urlencoded; charset=UTF-8");
	//отправка данных на сервер
	requestObj.send(data);
};

function responseServer() {
    if (requestObj.readyState == 4) {
    	var status = requestObj.status;

    	if (status == 200) {
    		completeProductList();
    	} 
    	
    	  else if (status == 400) {
    		alert('Invalid request');
    	} else if (status == 500) {
    		alert('Internal server error');
    	} else if (status == 503) {
    		var time = requestObj.getResponseHeader('Retry-After')*1000;
    		alert('Server is overloaded. Request will be resent from: '+time+' seconds');
    		setTimeout(sendRequest(url,''),time);
    	} else {
    		alert('Error server reply');
    	};
    };
};

function sendData(data) {

    if (data == 'notselected')        // 'Choose one' item was selected
    {
       exit();
    }

	var url = 'complete_list.php?os_id=' +data;

    sendRequest (url,'');
};


function completeProductList() {
	//ответ сервера в виде обычного текста
	var docTEXT = requestObj.responseText;

	//добавляем ответ сервера в нужную ячейку таблицы
    	
//	document.getElementById("prodId").innerHTML= docTEXT+'\n';   

    reset();

	var div = document.createElement("div");
	div.id  = "ProdDiv";
	//добавляем ответ сервера в div
	div.innerHTML = docTEXT;
	//добавляем div с ответом сервера в дерево документа
	document.getElementById("prodId").appendChild(div);
};

// returt document DOM to initial form

function reset() {
  
    var NodeListDiv = document.getElementById('ProdDiv');
	if(NodeListDiv != undefined) 
	{
		document.getElementById("prodId").removeChild(NodeListDiv);
	};
};