function getXmlHttp(){
  var xmlhttp;
  try {
    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
    try {
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (E) {
      xmlhttp = false;
    }
  }
  if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
    xmlhttp = new XMLHttpRequest();
  }
  return xmlhttp;
}

function fuck(id){
		var xmlhttp = getXmlHttp();
		xmlhttp.open('GET', '/fuck.php?id='+id, true);
		xmlhttp.onreadystatechange = function() {
		  if (xmlhttp.readyState == 4) {
		     if(xmlhttp.status == 200) {
		       //alert(xmlhttp.responseText);
			   var con = document.getElementById('icontent');
			   con.innerHTML=xmlhttp.responseText;
		         }
		  }
		};
		xmlhttp.send(null);
	}
	
	
function urlEncodeData(data) {

    var query = [];
    if (data instanceof Object) {
        for (var k in data) {
            query.push(encodeURIComponent(k) + "=" +
            		encodeURIComponent(data[k]));
        }
        return query.join('&');
    } else {
        return encodeURIComponent(data);
    }

}

function send_form() {
        //alert(1);
	    //создаём объект для запроса к серверу
	    var req = getXmlHttp();
	    //присваиваем переменным данные из нашей формы, для отправки серверу
	    var name=""; var phone=""; var email=""; var ctext="";
		var izdelie=""; var material=""; var razmer=""; var kolvo="";
		//getElementById('sk'+j)!==null
		if(document.getElementById('name')!==null){name = document.getElementById('name').value;}
		if(document.getElementById('phone')!==null){phone = document.getElementById('phone').value;}
		if(document.getElementById('email')!==null){email = document.getElementById('email').value;}
		if(document.getElementById('ctext')!==null){ctext = document.getElementById('ctext').value;}
		if(document.getElementById('izdelie')!==null){izdelie = document.getElementById('izdelie').value;}
		if(document.getElementById('material')!==null){material = document.getElementById('material').value;}
		if(document.getElementById('razmer')!==null){razmer = document.getElementById('razmer').value;}
		if(document.getElementById('kolvo')!==null){kolvo = document.getElementById('kolvo').value;}
	    //если вы используете другие тип полей, ознакомьтесь с документацией - как получать из них данные - http://www.w3schools.com/htmldom/dom_obj_select.asp
	    //создаём URL обращения к серверу - имя_файла?переменна1=значение1&переменна2=значение2, и наш серверный PHP скрипт сможет спокойно получить данные при помощи $_GET[].
	    //var url = 'ajax.php?name='+name+'&phone='+phone+'&email='+text+'&phone='+text;
		var data='name : '+name+', phone : '+phone+', email : '+email+', ctext : '+ctext;
		var data='name='+encodeURIComponent(name)+'&phone='+phone+'&email='+email+'&ctext='+ctext+'&izdelie='+izdelie+'&material='+material+'&razmer='+razmer+'&kolvo='+kolvo;
		//var data='name='+escape(name)+'&phone='+escape(phone)+'&email='+escape(email)+'&ctext='+escape(ctext)+'&izdelie='+escape(izdelie)+'&material='+escape(material)+'&razmer='+escape(razmer)+'&kolvo='+escape(kolvo);
		//for POST
		var data='name='+encodeURIComponent(name)+'&phone='+phone+'&email='+email+'&ctext='+ctext+'&izdelie='+izdelie+'&material='+material+'&razmer='+razmer+'&kolvo='+kolvo;
		var data='name='+encodeURIComponent(name)+'&phone='+encodeURIComponent(phone)+'&email='+encodeURIComponent(email)+'&ctext='+encodeURIComponent(ctext)+'&izdelie='+encodeURIComponent(izdelie)+'&material='+encodeURIComponent(material)+'&razmer='+encodeURIComponent(razmer)+'&kolvo='+encodeURIComponent(kolvo);
		//var data='name : '+name+', phone : '+phone+', email : '+email+', ctext : '+ctext+', izdelie : '+izdelie+', material : '+material+', razmer : '+razmer+', kolvo : '+kolvo;
		//alert(data);
		
	    //открываем соединение
	    //req.open('GET', url, true);
		//-----------------------------
		var url='try.php';
		/*
		req.open('POST', url, true);
	    if (req.setRequestHeader)
	        req.setRequestHeader("Content-Type",
	        	"application/x-www-form-urlencoded");
		req.setRequestHeader("Referer", location.href);
		*/
	    //data = urlEncodeData(data);
		//-----------------------------
		req.open('GET', url+'?'+data, true);
		//-----------------------------
		//req.open('POST', url, true);
		//req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		//req.send(data);
		//-----------------------------
	    // в нем будем отображать ход выполнения
		/*
	    var statusElem = document.getElementById('status');
	    // onreadystatechange активируется при получении ответа сервера
	    req.onreadystatechange = function() {
	        if (req.readyState == 4) {
	            // показать статус (Not Found, ОК..)
	            statusElem.innerHTML = req.statusText;
				fuck(3);
	        }
	    }
	    // отсылаем сформированный запрос
		*/
		//alert(1);
	    req.send(null);
		fuck(3);
	    // отображает статус во время выполнения (заменяет собой элемент div id="status"), в данном примере - перекрывает кнопку отправки данных (элегантное решение, чтобы предотвратить повторное нажатие кнопки отправки данных).
	    //statusElem.innerHTML = 'Ожидаю ответа сервера...';
		
	}	
	
function onload(){
	var con = document.getElementById('icontent');
	
	con.style.width='100%';
	
	
	con.innerHTML=fuck(1);
	con.onmouseover=function(){
		con.style.cursor='hand';
		}

	}
	
function showform(){
  var b=document.getElementById("hform");
  if(b.offsetHeight==0) {
    var wa=screen.width/2-250;
	//wa=10;
    b.style.left=wa;
    b.style.display="block";
  } else {
  b.style.display="none";
  }
}
