function createRequest() {
  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!");
  } else {
    return request;
  }
}

var request = createRequest();



//----------------------------------------------------------- MAILER --->>

function SeriousForm(myform) {
	
	var qstr = '';
	
	var x=document.getElementById(myform).getElementsByTagName('input');
	var y=document.getElementById(myform).getElementsByTagName('textarea');

	for (i=0; i<x.length;i++) {
		
		if (x[i].getAttribute('type')=='text') {	
			var n = x[i].getAttribute('name');
			var v = x[i].value;
			qstr = qstr + n + '=' + escape(v) + '&';
		}
		
	}

	for (i=0; i<y.length;i++) {
		
		var n = y[i].getAttribute('name');
		var v = y[i].value;
		qstr = qstr + n + '=' + escape(v) + '&';		
	}	
	
	qstr = qstr + 'subm=1';
	
	return qstr;
	
}


function ClearForm(myform) {
	
	var x=document.getElementById(myform).getElementsByTagName('input');
	var y=document.getElementById(myform).getElementsByTagName('textarea');

	for (i=0; i<x.length;i++) {
		
		if (x[i].getAttribute('type')=='text') {	
		  x[i].value='';
		}
		
		if (x[i].getAttribute('type')=='checkbox') {	
		  x[i].checked = false;
		}
		
	}

	for (i=0; i<y.length;i++) {
	  y[i].value='';		
	}	
		
}


function SendMessage(myform) {
	
	$('#loader').addClass("doshow");
	var data = SeriousForm(myform);
	var url = "contact_mail_process.php";
	sendPostRequest(request, url, data);
}


function sendPostRequest(request, url, data) {
    
  request.open("POST", url, true);
  request.onreadystatechange = ShowContent;
  request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");    
  request.send(data);

}


function ShowContent() 
{
  if (request.readyState == 4) 
  {
    if (request.status == 200) 
	{	
      var response = request.responseText;
 	  
	  if(response == 'send_ok') {
	
		ClearForm('myForm2');
	
		$('#err').text('Bericht verstuurd.');
		
		$('#err').fadeIn('slow');
		
		setTimeout('$(\'#err\').fadeOut(\'slow\');',2000);
		
		//getElementById('err').style.display = 'none';
	  }else{
		alert(response);  
	  }
	  
	  //getElementById('loader').style.visibility = 'hidden';
	  
	  $('#loader').removeClass("doshow");
	  
	  request = createRequest();
    } else  {
      alert("Error! Request status is " + request.status);
	}
  }
}