// JavaScript Document
var xmlHttp=createXmlHttpRequestObject();
var myMes;

function createXmlHttpRequestObject()
{
        //для хранения ссылки на объект XMLHttpRequest
        var xmlHttp;

        //если сценария Лена запущен под управлением Internet Explorer
        if(window.ActiveXObject){
                try{
                        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
                catch (e) {
                        xmlHttp=false;
                }
        }
        //если сценария запущен под уплавлением Mozilla и другого браузера
        else{
                try{
                        xmlHttp=new XMLHttpRequest();
                }
                catch (e){
                        xmlHttp=false;
                }
        }
        //вернуть созданный объект или вывести сообщение об ошибке
        if (!xmlHttp)
                alert("Ошибка создания объекта XmlHttpReques");
        else
                return xmlHttp;
}

//выполнить ассинхронный запрос HTTP с помощью объекта XmlHttpRequest
function showme(sendMes,nameOftable){
        if (xmlHttp.readyState==4 || xmlHttp.readyState==0){
                myMes = sendMes;
                //получить имя введеное пользователем в форму
                name=document.getElementById('ty').value;
                name2=document.getElementById('ty2').value;
                name3=document.getElementById('ty3').value;
                if(sendMes == 'ty'){
                  var myst = "name="+encodeURIComponent(name)+"&namedb="+encodeURIComponent('ty')+"&nameOftable="+encodeURIComponent(nameOftable);
               //   alert(myst);
                }
                else if(sendMes == 'ty2'){
                  var myst =  "name="+encodeURI(name)+"&namedb="+'ty'+"&name2="+name2+"&namedb2="+'ty2'+"&nameOftable="+encodeURIComponent(nameOftable);
                 // alert(myst);
                }
                else if( sendMes == 'ty3'){
                  var myst = "name="+encodeURI(name)+"&namedb="+'ty'+"&name2="+name2+"&namedb2="+'ty2'+"&name3="+name3+"&namedb3="+'ty3'+"&nameOftable="+encodeURIComponent(nameOftable);
                }
                //обратиться к сценария quickstart.php на сервер
                xmlHttp.open("POST","quickstart.php",true);
                xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
                //xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
                //определить метод, который будет обрабатывать ответы сервера
                xmlHttp.onreadystatechange=handleServerResponse;
                //послать ассинхронный запрос серверу
                xmlHttp.send(myst);  //"name="+name+"&name2"=sunt
        }
        else{
                //если соединение занято, повторить попытку через 1 секунду
                setTimeout("showme(sendMes)",1000);
        }
}
   /*
function showmes()
{
name = document.getElementById('ty').value;
  alert(name);
} Удалить НАХ
*/

//вызывается автоматически по прибытии сообщения от сервера
function handleServerResponse(){
        if (xmlHttp.readyState==1){
          var kartmen = document.getElementById("labelim");
          kartmen.src="imgl/ter.gif";
        }
        if ((xmlHttp.status >= 200)&&(xmlHttp.status <= 299)){
          var kartmen2 = document.getElementById("labelim");
          kartmen2.src="imgl/zz2.jpg";
        }
        //продолжать можно только если транзакция с сервером завершена
        if (xmlHttp.readyState==4){
                //значение 200 говорить о том что транзакция прошла успешна
                if (xmlHttp.status==200){

                        //извлечь XML полученную от сервера
                        xmlResponse = xmlHttp.responseText.split("`");
                        //var colorss = xmlResponse;
                      //  alert(colorss);
                        if (myMes == 'ty' )
                        {    
                        sendMes="ty2";
                        var sel2 = document.getElementById('ty3');
                        sel2.innerHTML = "";
                        var op2 = document.createElement("option");
                          var opT2 = document.createTextNode('Сначала выберите вид');
                          op2.appendChild(opT2);
                          op2.setAttribute("value","null");
                          sel2.appendChild(op2);
                       // sel2 = sel2.firstChild;
                       /*
                        if (sel2.hasChildNodes())
                          sel2 = sel2.firstChild;
                        var op22 = sel2.nodeName;
                        alert(op22);
                        */
                        }

                        if (myMes == 'ty2' )
                        {
                        sendMes="ty3";
                        }
                        var colors = xmlResponse;
                        var sel = document.getElementById(sendMes);
                        sel.innerHTML = ""; // Удаляем всех потомков.
                          var op = document.createElement("option");
                          var opT = document.createTextNode('Любая');
                          op.appendChild(opT);
                          op.setAttribute("value","null");
                          sel.appendChild(op);
                        for(var i in colors)
                        { // Добавляем доступные цвета.
                          var option = document.createElement("option");
                          var optionText = document.createTextNode(colors[i]);
                          option.appendChild(optionText);
                          option.setAttribute("value",colors[i]);
                          sel.appendChild(option);
                        }
                        sel.removeChild(sel.lastChild);
                      //  alert(document.getElementById('ty2').value);
                        // Делаем список цветов видимым.
                      //  sel.style.display="inline";

                    //    document.getElementById("myDiv").innerHTML="<i>"+xmlResponse[1]+"</i>";
                }
                //код статуса HTTP отличный от 200 говорит о наличие ошибки
                else{
                        alert("При обращении к серверу возникли проблемы: "+xmlHttp.statusText);
                }
        }
}
function moe(){
 var sel81 = document.getElementById('ty3');

 alert(sel81.value);
}