function createInstance()
	{
        var req = null;
		if (window.XMLHttpRequest)
		{
 			req = new XMLHttpRequest();
		} 
		else if (window.ActiveXObject) 
		{
			try {
				req = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e)
			{
				try {
					req = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (e) 
				{
					alert("XHR not created");
				}
			}
	        }
        return req;
	}

	function storing(data)
	{
		var element = document.getElementById('storage');
		element.innerHTML = data;
	}

	function submitForm(element)
	{ 
		var req =  createInstance();
		var numero1 = document.calcul.numero1.value;
		var rue1 = document.calcul.rue1.value;
		var ville1 = document.calcul.ville1.value;
		var numero2 = document.calcul.numero2.value;
		var rue2 = document.calcul.rue2.value;
		var ville2 = document.calcul.ville2.value;
		var vitesse = document.calcul.vitesse.value;
		var optionsms = document.calcul.optionsms.checked;
		var optionemail = document.calcul.optionemail.checked;
		var heureprecise = document.calcul.heureprecise.checked;
		var data = "&numero1=" + numero1 + "&rue1=" + rue1 + "&ville1=" + ville1 + "&numero2=" + numero2 + "&rue2=" + rue2 + 
		"&ville2=" +  ville2 + "&vitesse=" + vitesse + "&optionsms=" + optionsms + "&optionemail=" + optionemail + "&heureprecise=" + heureprecise;

		req.onreadystatechange = function()
		{ 
			if(req.readyState == 4)
			{
				if(req.status == 200)
				{
					storing(req.responseText);	
				}	
				else	
				{
					alert("Error: returned status code " + req.status + " " + req.statusText);
				}	
			} 
		};
        
		req.open("POST", "option.php", true); 
		req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		req.send(data); 
	}