function createRequestObject() {

   var req;

   if(window.XMLHttpRequest){
      // Firefox, Safari, Opera...
      req = new XMLHttpRequest();
   } else if(window.ActiveXObject) {
      // Internet Explorer 5+
      req = new ActiveXObject("Microsoft.XMLHTTP");
   } else {
      // There is an error creating the object,
      // just as an old browser is being used.
      alert('Problem creating the XMLHttpRequest object');
   }

   return req;

}

// Make the XMLHttpRequest object
var http = createRequestObject();
var div = '';
var form = '';
var name = '';
var comment = '';

function fillitem(id){
	div = 'show';
		if(	document.getElementById(div).style.display == '' && id == asked){
		document.getElementById(div).style.display = 'none';
		} else {
		document.getElementById(div).style.display = '';
		}
	asked = id;
 	http.open('get', 'portfolio.php?id='+id);
	http.onreadystatechange = handleResponse;
	http.send(null);
}

function getcat(doel, cat, limit){
	div = doel;
 	http.open('get', 'portfolio.php?doel='+doel+'&cat='+cat+'&limit='+limit);
	http.onreadystatechange = handleResponse;
	http.send(null);
}

function getcat2(doel, cat, limit){
	div = doel;
 	http.open('get', 'portfolio.php?doel='+doel+'&cat='+cat+'&limit='+limit);
	http.onreadystatechange = handleResponse;
	http.send(null);
}



function handleResponse() {

   if(http.readyState == 4 && http.status == 200){

      // Text returned FROM the PHP script
      var response = http.responseText;

      if(response) {
         // UPDATE ajaxTest content
         document.getElementById(div).innerHTML = response;
      } else {
		document.getElementById(div).innerHTML = '';
	  }

   }

}