var xmlHttp

  function stateChanged() { 
    if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { 
      var response = xmlHttp.responseText;
      document.getElementById("ves_text").innerHTML=response
    } 
  } 

 function showves(id) { 
    var url="/includes/js_ajax.php?VesId="+id
    xmlHttp=GetXmlHttpObject(stateChanged) 
    xmlHttp.open("GET", url , true) 
    xmlHttp.send(null) 
  }

  function showvac(id) { 
  	
      var url="/includes/js_ajax.php?VacId="+id;
       
      xmlHttp=GetXmlHttpObject(stateChanged) 
    
      xmlHttp.open("GET", url , true) 
      
      xmlHttp.send(null) 
      
    }
   
   function vacreact(id) { 
      var url="/includes/js_ajax.php?ReactId="+id
      xmlHttp=GetXmlHttpObject(stateChanged) 
      xmlHttp.open("GET", url , true) 
      xmlHttp.send(null) 
    }

 function GetXmlHttpObject(handler)
  { 
    var objXmlHttp=null

    if (navigator.userAgent.indexOf("Opera")>=0) {
      alert("This example doesn't work in Opera") 
      return 
    }
    if (navigator.userAgent.indexOf("MSIE")>=0)	{ 
      var strName="Msxml2.XMLHTTP"
      if (navigator.appVersion.indexOf("MSIE 5.5")>=0) {
        strName="Microsoft.XMLHTTP"
      } 
      try	{ 
        objXmlHttp=new ActiveXObject(strName)
        objXmlHttp.onreadystatechange=handler 
        return objXmlHttp
      } 
      catch(e) { 
        alert("Error. Scripting for ActiveX might be disabled") 
        return 
      } 
    } 
    if (navigator.userAgent.indexOf("Mozilla")>=0) {
      objXmlHttp=new XMLHttpRequest()
      objXmlHttp.onload=handler
      objXmlHttp.onerror=handler 
      return objXmlHttp
    }
  } 

  function hideOrShow(obj)
  {
      if (obj != null) {
          if (obj.style.visibility != 'hidden') {
               hide(obj);
          }
          else {
              show(obj);
          }
      }
  }

  function show(obj)
  {
      obj.style.visibility = '';
  }

  function hide(obj)
  {
      obj.style.visibility = 'hidden';
      obj.style.position = 'absolute';
  }
  
  
  
/* CONTACT FORM */
function Opslaan(frmName)
{
    document.frmName.submit();
}
function WebreactOpslaan()
{
  if (CheckFormWebReact())
  {
    document.submitreact.submit();
  }
}

function CheckFormWebReact()
{
  if (document.submitreact.naam.value == '')
	{
		alert('Vul uw naam in.');
		document.submitreact.naam.focus();
		return false
	}
	if (document.submitreact.adres.value == '')
	{
		alert('Vul uw adres in.');
		document.submitreact.adres.focus();
		return false
	}
	if (document.submitreact.postcode.value == '')
	{
		alert('Vul uw postcode in.');
		document.submitreact.postcode.focus();
		return false
	}
	if (document.submitreact.plaats.value == '')
	{
		alert('Vul uw woonplaats in.');
		document.submitreact.plaats.focus();
		return false
	}
	if (document.submitreact.tel.value == '')
	{
		alert('Vul een telefoonnummer in.');
		return false
	}
	if (document.submitreact.email.value == '')
	{
		alert('Vul uw emailadres in.');
		document.submitreact.email.focus();
		return false
	}
  
  return true;
}

/* CURTAIN CALCULATOR */

function CalcCurtain(gordijnbreedte, gordijnhoogte, breedtestof, patroonhoogte, prijsorig, richtingstof, plooi) {
	
	var gordijnb = eval((gordijnbreedte)/100);
	var gordijnh = eval((gordijnhoogte)/100);
	var stofb = eval((breedtestof)/100);
	var patroonh = eval((patroonhoogte)/100);
	var richtings = richtingstof;
	prijsorig = prijsorig.replace(",",".");
	var prijs = eval(prijsorig);
	var plooi = getValue('plooi');
	var vari_text;
	
	if (patroonhoogte == 0 || patroonhoogte == '') {
		document.getElementById('patroonhoogte').value = '1';
		patroonh = 1;
	}
	document.getElementById('breedte_error').innerHTML = '';
	document.getElementById('hoogte_error').innerHTML = '';
	document.getElementById('stofbreedte_error').innerHTML = '';
	document.getElementById('prijs_error').innerHTML = '';
	document.getElementById('patroonhoogte_error').innerHTML = '';
	document.getElementById('curtainResult').innerHTML = '';

	if (gordijnbreedte == '' || gordijnhoogte == '' || breedtestof == '' || prijs == '')
	{
		if (gordijnbreedte =='') {
			document.getElementById('breedte_error').innerHTML = 'U heeft nog geen breedte ingevuld'
		}
		if (gordijnhoogte =='') {
			document.getElementById('hoogte_error').innerHTML = 'U heeft nog geen hoogte ingevuld'
		}
		if (breedtestof =='') {
			document.getElementById('stofbreedte_error').innerHTML = 'U heeft nog geen stofbreedte ingevuld'
		}
		if (prijsorig =='') {
			document.getElementById('prijs_error').innerHTML = 'U heeft nog geen prijs ingevuld'
		}
	}
	else {
		if (getValue('richtingstof') == 'breedte') {
			var aantalbanen;
			aantalbanen = gordijnb * plooi;
			aantalbanen = Math.ceil(aantalbanen / stofb);

			var hoeveelstof;
			hoeveelstof = eval(gordijnh + 0.25);
			if (patroonh == 1) {
				hoeveelstof = hoeveelstof / patroonh;
			}
			else {
				hoeveelstof = Math.ceil(hoeveelstof / patroonh);
			}
			
			hoeveelstof = hoeveelstof * patroonh;
			hoeveelstof = hoeveelstof * aantalbanen;
			
			var tmpprijs;
			tmpprijs = hoeveelstof * prijs;
			tmpprijs = Math.round(tmpprijs * 100) /100;
			tmpprijs = parseFloat(tmpprijs).toFixed(2); 
			tmpprijs = tmpprijs + '';
			tmpprijs = tmpprijs.replace(".",",");

			hoeveelstof = Math.round(hoeveelstof * 100) /100;
			hoeveelstof = hoeveelstof + '';
			hoeveelstof = hoeveelstof.replace(".",",");
			vari_text = 'U heeft '+aantalbanen+' banen stof nodig, in totaal heeft u '+hoeveelstof+' meter stof nodig. Totale kosten: '+tmpprijs+' euro.';

		}
		if (getValue('richtingstof') == 'hoogte') {
			
			var hoeveelstof;
			hoeveelstof = gordijnb * plooi;
			
			var tmpprijs;
			tmpprijs = hoeveelstof * prijs;
			tmpprijs = Math.round(tmpprijs * 100) /100;
			tmpprijs = parseFloat(tmpprijs).toFixed(2); 
			tmpprijs = tmpprijs + '';
			tmpprijs = tmpprijs.replace(".",",");
			hoeveelstof = Math.round(hoeveelstof * 100) /100;
			hoeveelstof = hoeveelstof + '';
			hoeveelstof = hoeveelstof.replace(".",",");
			vari_text = 'In totaal heeft u '+hoeveelstof+' meter stof nodig. Totale kosten: '+tmpprijs+' euro.';
		}
		document.getElementById('curtainResult').innerHTML = vari_text;
	}
	
}

function getValue(radioGroupName) {
        radios = document.getElementsByName(radioGroupName);
        for (i = 0; i < radios.length; i++) {
            if (radios[i].checked) return radios[i].value;
        }
    }