$(document).ready(function()
{    
  $("#persoon").autocomplete("/core/inc/autocomplete/personen.php", 
  {
    matchContains: 1,
    cacheLength: 0,
    matchSubset: 1,
    minChars: 2,
    selectFirst: true,
    onItemSelect:selectPersoon,
    maxItemsToShow:20,
    width: 310,
    autoFill:true,
    lineSeparator: "\n",
    cellSeparator: "|",
    formatItem: function(row, i, max) {
      return (i+1) + "/" + max + ": "+ row[0] +" (id: " + row[1] + ")";
    },
    formatMatch: function(row, i, max) {
      return row[0];
    },
    formatResult: function(row) {
      return row[1];
    }
  });
  
  $("#persoon2").autocomplete("/core/inc/autocomplete/personen.php", 
  {
    matchContains: 1,
    cacheLength: 0,
    matchSubset: 1,
    minChars: 2,
    selectFirst: true,
    onItemSelect:selectPersoon2,
    maxItemsToShow:20,
    width: 310,
    autoFill:true,
    lineSeparator: "\n",
    cellSeparator: "|",
    formatItem: function(row, i, max) {
      return (i+1) + "/" + max + ": "+ row[0] +" (id: " + row[1] + ")";
    },
    formatMatch: function(row, i, max) {
      return row[0];
    },
    formatResult: function(row) {
      return row[1];
    }
  });
      
  $("#eerstefunctie_naam").autocomplete("/core/inc/autocomplete/functies.php", 
  {
    matchContains: 1,
    cacheLength: 10,
    matchSubset: 1,
    minChars: 1,
    selectFirst: true,
    onItemSelect:selectItemEerste,
    maxItemsToShow:20,
    width: 310,
    autoFill:true,
    lineSeparator: "\n",
    cellSeparator: "|",
    formatItem: function(row, i, max) {
      return (i+1) + "/" + max + ": "+ row[0];
    },
    formatMatch: function(row, i, max) {
      return row[0];
    },
    formatResult: function(row) {
      return row[1];
    }
  });
  
  $("#tweedefunctie_naam").autocomplete("/core/inc/autocomplete/functies.php", 
  {
    matchContains: 1,
    cacheLength: 10,
    matchSubset: 1,
    minChars: 1,
    selectFirst: true,
    onItemSelect:selectItemTweede,
    maxItemsToShow:20,
    width: 310,
    autoFill:true,
    lineSeparator: "\n",
    cellSeparator: "|",
    formatItem: function(row, i, max) {
      return (i+1) + "/" + max + ": "+ row[0];
    },
    formatMatch: function(row, i, max) {
      return row[0];
    },
    formatResult: function(row) {
      return row[1];
    }
  });
  
  $("#plaats").autocomplete("/core/inc/autocomplete/locaties.php", 
  {
    matchContains: 1,
    cacheLength: 10,
    matchSubset: 1,
    minChars: 2,
    selectFirst: true,
    onItemSelect: selectLocatie,
    maxItemsToShow:20,
    width: 310,
    autoFill:true,
    lineSeparator: "\n",
    cellSeparator: "|",
    formatItem: function(row, i, max) {
      return (i+1) + "/" + max + ": "+ row[0] +" (id: " + row[1] + ")";
    },
    formatMatch: function(row, i, max) {
      return row[0];
    },
    formatResult: function(row) {
      return row[1];
    }
  });
    
});


// --------------------------- END JQUERY FUNCTIONS --------------------------------

function selectPersoon(li){
  if (li.extra){
    document.forms['form1'].persoon_id.value = li.extra[0];
  }
}
function selectPersoon2(li){
  if (li.extra){
    document.forms['form2'].persoon2_id.value = li.extra[0];
  }
}
function selectActiviteit(li){
	  if (li.extra){
	    document.forms['form2'].activiteit_id.value = li.extra[0];
	  }
	}
function selectLocatie(li){
  if (li.extra){
    document.forms['form1'].plaats_id.value = li.extra[0];
  }
}
function selectItemEerste(li){
  if (li.extra){
    document.forms['form1'].eerstefunctie.value = li.extra[0];
  }
}
function selectItemTweede(li){
  if (li.extra){
    document.forms['form1'].tweedefunctie.value = li.extra[0];
  }
}

function formatItem(row) {
  return row[0] + " (<strong>id: " + row[1] + "</strong>)";
}
function formatResult(row) {
  return row[0].replace(/(<.+?>)/gi, '');
}