function ajax(vars)
{
	var result = "";
	var request = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("MSXML2.XMLHTTP.3.0");
	request.open("POST", "http://www.prostop.nl/demo/aanvragen/aanvraag.php", true);
	request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
	request.onreadystatechange = function()
	{
		if (request.readyState == 4 && request.status == 200)
		{
			if (request.responseText)
			{
				result = request.responseText;
				if(result == "OK")
				{
					//location.href = "verzonden.html";
				}
			}
		}
	};
	request.send(vars);
}

function contactformsend()
{
	var naam = document.getElementById("naam").value;
	var bedrijf = document.getElementById("bedrijfsnaam").value;
	var email = document.getElementById("email").value;

	if(naam == "" || bedrijf == "" || email == "")
	{
		window.alert("Niet alle verplichte velden zijn ingevuld!");
	}else{
		document.getElementById("contactformulier").submit();
	}
}

function OfferteAanvragen()
{
	var Doc = document.body;
	var BackDiv = document.createElement("div");
	BackDiv.id = "OfferteBackdiv";
	BackDiv.style.height = (Doc.scrollHeight + 50) + "px";
	BackDiv.style.zIndex = 200;
	Doc.appendChild(BackDiv);

	var div = document.createElement("div");
	div.id = "OfferteFrame";
	div.style.top = ((document.documentElement.clientHeight / 2) - 240) + "px";
	div.style.left = ((document.documentElement.clientWidth / 2) - 320) + "px";
	div.style.backgroundImage = "url('./images/bg.jpg')";
	div.style.zIndex = 201;
	
	var html = "";

	div.innerHTML = html;
	Doc.appendChild(div);
	window.scrollTo(0,0);
}

function OfferteSluiten()
{
	document.body.removeChild(document.getElementById("OfferteBackdiv"));
	document.body.removeChild(document.getElementById("OfferteFrame"));
}

function MailSluiten()
{
	document.body.removeChild(document.getElementById("OfferteBackdiv"));
	document.body.removeChild(document.getElementById("MailFrame"));
}



function ShowAanvraag()
{
	var background2= new Image(); 
	background2.src="./images/default/venster2.png"; 

	var screenWidth = document.documentElement.clientWidth;
	var screenHeight = document.documentElement.clientHeight;
	var html = "";

	document.body.style.overflow = "hidden";

	var BackDiv = document.createElement("div");
	BackDiv.id = "AanvraagBackdiv";
	BackDiv.style.height = (document.body.scrollHeight + 50) + "px";
	BackDiv.style.zIndex = 200;
	document.body.appendChild(BackDiv);

	var div = document.createElement("div");
	div.id = "AanvraagFrame";
	div.style.top = ((document.documentElement.clientHeight / 2) - 255) + "px";
	div.style.left = ((document.documentElement.clientWidth / 2) - 318) + "px";
	div.style.zIndex = 201;
	
	// Internet Explorer 6
	var BrowserInfo = navigator.appVersion;
	if(BrowserInfo.search(/MSIE 6.0;/) == -1)
	{
		html = "<img src=\"./images/default/venster1.png\" alt=\"\" />";
	}else{
		html = "<span style=\"width: 637px; height: 510px; display:inline-block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/default/venster1.png', sizingMethod='scale');\"></span>";
	}

	html += "<div class=\"AanvraagClose\" onclick=\"AanvraagSluiten()\"></div>";
	html += "<div class=\"AanvraagVersturen\" onclick=\"AanvraagVersturen()\"></div>";
	html += "<select style=\"top: 175px; left: 177px; width: 70px;\" class=\"AanvraagList\" id=\"AanvraagAanhef\"><option value=\"1\">Dhr.</option><option value=\"2\">Mevr.</option></select>";
	html += "<input type=\"text\" class=\"AanvraagVeld\" style=\"top: 207px; left: 178px; width: 53px;\" id=\"AanvraagTusssenvoegsel\" />";
	html += "<input type=\"text\" class=\"AanvraagVeld\" style=\"top: 237px; left: 178px; width: 53px;\" id=\"AanvraagPostcode\" />";
	html += "<input type=\"text\" class=\"AanvraagVeld\" style=\"top: 267px; left: 211px; width: 89px;\" id=\"AanvraagTelefoon\" />";
	html += "<input type=\"text\" class=\"AanvraagVeld\" style=\"top: 295px; left: 211px; width: 89px;\" id=\"AanvraagEmail\" />";
	html += "<input type=\"text\" class=\"AanvraagVeld\" style=\"top: 177px; left: 378px; width: 53px;\" id=\"AanvraagVoorletters\" />";
	html += "<input type=\"text\" class=\"AanvraagVeld\" style=\"top: 207px; left: 378px; width: 123px;\" id=\"AanvraagAchternaam\" />";
	html += "<input type=\"text\" class=\"AanvraagVeld\" style=\"top: 237px; left: 378px; width: 53px;\" id=\"AanvraagHuisnr\" />";
	html += "<input type=\"text\" class=\"AanvraagVeld\" style=\"top: 268px; left: 398px; width: 103px;\" id=\"AanvraagMobiel\" />";
	html += "<select style=\"top: 323px; left: 177px; width: 300px;\" class=\"AanvraagList\" id=\"AanvraagVraag\"><option value=\"0\">voor meer vrijblijvende informatie</option><option value=\"1\">voor een Prostop afspraak</option><option value=\"2\">voor het behandelen op uw bedrijf</option></select>";
	html += "<textarea id=\"AanvraagOpmerking\" rows=\"\" cols=\"\" class=\"AanvraagVeld\" style=\"top: 354px; left: 178px; width: 298px; height: 78px;\"></textarea>";

	div.innerHTML = html; 
	document.body.appendChild(div);
}

function AanvraagSluiten()
{
	var obj = document.getElementById("AanvraagBackdiv");
	document.body.removeChild(obj);

	obj = document.getElementById("AanvraagFrame");
	document.body.removeChild(obj);
	document.body.style.overflow = "auto";
}

function AanvraagVersturen()
{
	var obj = document.getElementById("AanvraagFrame");

	var aanhef = document.getElementById("AanvraagAanhef");
	var voorletters = document.getElementById("AanvraagVoorletters").value;
	var toevoeging = document.getElementById("AanvraagTusssenvoegsel").value;
	var achternaam = document.getElementById("AanvraagAchternaam").value;

	var naam = encodeURI(aanhef.options[aanhef.selectedIndex].text + " " + voorletters + " " + toevoeging + " " + achternaam);
	var postcode = encodeURI(document.getElementById("AanvraagPostcode").value);
	var huisnr = encodeURI(document.getElementById("AanvraagHuisnr").value);
	var telefoon = encodeURI(document.getElementById("AanvraagTelefoon").value);
	var mobiel = encodeURI(document.getElementById("AanvraagMobiel").value);
	var BelMij = encodeURI(document.getElementById("AanvraagVraag").options[document.getElementById("AanvraagVraag").selectedIndex].text);
	var opmerking = encodeURI(document.getElementById("AanvraagOpmerking").value);
	var email = encodeURI(document.getElementById("AanvraagEmail").value);

	if(achternaam == "")
	{
		if(telefoon == "" && mobiel == "")
		{
			window.alert("U heeft nog geen telefoonnummer en achternaam ingevuld.");
			return;
		}
		window.alert("U heeft nog geen achternaam ingevuld.");
		return;
	}else{
		if(telefoon == "" && mobiel == "")
		{
			window.alert("U nog heeft geen telefoon of mobielnummer ingevuld.");
			return;
		}
	}

	ajax("aanvraag=true&aanhef=" + encodeURI(aanhef.options[aanhef.selectedIndex].text) + "&voorletters=" + encodeURI(voorletters) + "&toevoeging=" + encodeURI(toevoeging) + "&achternaam=" + encodeURI(achternaam) + "&postcode=" + postcode + "&huisnr=" + huisnr + "&telefoon=" + telefoon + "&mobiel=" + mobiel + "&belmij=" + BelMij + "&opmerking=" + opmerking + "&email=" + email + "&mailing=true");

	// Internet Explorer 6
	var BrowserInfo = navigator.appVersion;
	if(BrowserInfo.search(/MSIE 6.0;/) == -1)
	{
		html = "<img src=\"./images/default/venster2.png\" alt=\"\" />";
	}else{
		html = "<span style=\"width: 637px; height: 510px; display:inline-block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/default/venster2.png', sizingMethod='scale');\"></span>";
	}

	html += "<div class=\"AanvraagClose\" onclick=\"AanvraagSluiten()\"></div>";
	html += "<div class=\"AanvraagSluiten\" onclick=\"AanvraagSluiten()\"></div>";

	obj.innerHTML = html + "<div style=\"position: absolute; top: 200px; left: 100px;\"><b>Bedankt voor uw aanvraag</b><br/><br/>U heeft zojuist de eerste stap gezet richting<br/>een rookvrij leven. Gefeliciteerd!<br/><br/>Een medewerker van Prostop neemt zo spoedig<br/>mogelijk contact met u op om u te informeren.<br/>Het advies is vrijblijvend en kostenloos.<br/><br/>U kunt, indien u dit wenst, ook de knoop door-<br/>hakken en direct een afspraak inplannen!</div>";

}