var request = null;
try {
  request = new XMLHttpRequest();
} catch (trymicrosoft) {
  try {
    request = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (othermicrosoft) {
    try {
      request = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (failed) {
      request = null;
    }
  }
}

if (request == null)
  alert("Error creating request object!");
  

function submitOrder() {
	
	var name = document.getElementById("name").value;
	var email = document.getElementById("email").value;
	var message = document.getElementById("message").value;
	
	var url = "send.php";
	
	request.open("POST", url, true);
	request.onreadystatechange = showConfirmation;
	request.setRequestHeader("Content-Type",
                           "application/x-www-form-urlencoded");
	request.send("name=" + encodeURIComponent(name) + "&email=" + encodeURIComponent(email) + "&message=" + encodeURIComponent(message));
	
}

function showContactTimer () {
	var loader = document.getElementById('loadBar');
	loader.style.display = 'block';
	sentTimer = setTimeout("hideContactTimer()",3000);
}

function showConfirmation() {
	
	if (request.readyState == 4) {
		if (request.status == 200) {
			var response = request.responseText;
			var mainDiv = document.getElementById("contactFormArea");
			var formDiv = document.getElementById("third");
			var tmpDiv = document.getElementById("tmp");
	
			showContactTimer();
			
			/*pElement = document.createElement("p");
			 
			textNode = document.createTextNode("Спасибо! Ваше сообщение отправлено.");					
			pElement.appendChild(textNode);
			
			mainDiv.replaceChild(pElement, formDiv);*/
			document.getElementById("third").reset();
		} else {
      var message = request.getResponseHeader("Status");
      if ((message == null) || (message.length <= 0)) {
        alert("Error! Request status is " + request.status);
      } else {
        alert(message);
      }
    }
	}
}
function hideContactTimer () {
	var loader = document.getElementById('loadBar');
	var success = document.getElementById('emailSuccess');
	var fieldArea = document.getElementById('contactFormArea');
	var inputs = fieldArea.getElementsByTagName('input');
	var inputsLen = inputs.length;
	var tAreas = fieldArea.getElementsByTagName('textarea');
	var tAreasLen = tAreas.length;
	// Hide the load bar alas! Done Loading
	loader.style.display = "none";
	success.style.display = "block";
	// Now Hijack the form elements
	for ( i=0;i<inputsLen;i++ ) {
		if ( inputs[i].getAttribute('type') == 'text' ) {
			inputs[i].value = '';
		}
	}
	for ( j=0;j<tAreasLen;j++ ) {
		tAreas[j].value = '';
	}
}