diff --git a/APPL/API/phonebook_js.asp b/APPL/API/phonebook_js.asp
index 7f9c72a80e..ff5a3ca129 100644
--- a/APPL/API/phonebook_js.asp
+++ b/APPL/API/phonebook_js.asp
@@ -1,7 +1,7 @@
 <%@language = "javascript" %>
 <% /*
-    $Revision: 4 $
-    $Modtime: 25-11-10 16:38 $
+    $Revision: 5 $
+    $Modtime: 1-12-10 14:30 $
 
     File:           phonebook_js.asp
     Status:         70%
@@ -16,6 +16,7 @@ DOCTYPE_Disable = 1;
 %>
 <!-- #include file="../../cust/install.inc"-->
 <!-- #include file="../shared/check_sso.inc"-->
+<!-- #include file="../Shared/json2.js" -->
 <!-- #include file="../api/api.inc" -->
 
 <%
@@ -23,7 +24,7 @@ DOCTYPE_Disable = 1;
     var APIKEY = getQParam("APIKEY");
     var API = new API_func(APIname, APIKEY);
 
-    var transitParam = "&fac_id="+Session("customerId"); //+buildTransitParam(["API", "APIKEY"]);
+    var transitParam = "&fac_id="+Session("customerId") + buildTransitParam(["API", "APIKEY"]);
 
     var proto = (Request.ServerVariables("SERVER_PORT") == "443")?"https":"http";
     var sitenoroot = proto + "://" + Request.ServerVariables("SERVER_NAME");
@@ -50,7 +51,8 @@ facilitor.phonebook = facilitor.phonebook || {};
   var loadScriptTime = (new Date).getTime();
   getCSS("appl/localscripts/theme/jquery-ui.css");
   getCSS("appl/shared/suggest/suggest.css");
-  getCSS("appl/shared/default.css");
+  getCSS("appl/api/api.css");
+// JGL: zeker niet getCSS("appl/shared/default.css");
   getCSS("cust/<%=Session("customerID")%>/cust.css");
 
   getScript("appl/localscripts/jquery-1.3.2.min.js");
@@ -60,6 +62,9 @@ facilitor.phonebook = facilitor.phonebook || {};
   window.LCL = {};
   getScript("appl/shared/load_lcl.asp?module=" + "shared&callback=setLCL<%=transitParam%>");
   //getScript("appl/api/phonebook.js");
+  <% if (API.apidata.cust_js) { %>
+        getScript("<%=API.apidata.cust_js%>");
+  <% } %>
 
     window.facilitor.open_phonebook = function(key, naam)
     {
@@ -76,25 +81,21 @@ facilitor.phonebook = facilitor.phonebook || {};
     // De default waarden, werkt nog niet TODO
     window.facilitor.phonebook_options =
         { detailWidth : 450,
-          toonWerkplekken: true,
           toonFoto: true,
           detailurl: "appl/fac/fac_user_info.asp",
-           toonEmail: true,
-           toonTelefoon: true,
-           toonMobiel: true,
-           toonAfdeling: true,
-           toonFunctie: false,
-           flexkenmerken: [1160]
+          fields: [ { lbl: "<%=lcl_prs_email%>",   val: "prs_perslid_email" },
+                    { lbl: "<%=lcl_pb_phone%>",    val: "prs_perslid_telefoonnr" },
+                    { lbl: "<%=lcl_pb_mobile%>",   val: "prs_perslid_mobiel" },
+                    { lbl: "<%=lcl_pb_afdeling%>", val: "afdeling" }
+                  ]
         };
     <%
+        // kopieer de serverside overrules naar clientside
         for (opt in API.apidata.options)
         {
-    if (typeof API.apidata.options[opt] == "string")
-                Response.Write("\nwindow.facilitor.phonebook_options['"+opt+"'] = '" + safe.jsstring(API.apidata.options[opt]) + "';");
-            else if (typeof API.apidata.options[opt] == "number")
-                Response.Write("\nwindow.facilitor.phonebook_options['"+opt+"'] = " + safe.jsfloat(API.apidata.options[opt]) + ";");
-            else if (typeof API.apidata.options[opt] == "boolean")
-                Response.Write("\nwindow.facilitor.phonebook_options['"+opt+"'] = " + (API.apidata.options[opt]?"true":"false") + ";");
+            Response.Write("\nwindow.facilitor.phonebook_options['"+opt+"'] = "
+                              + " eval('(" + safe.jsstring(JSON.stringify(API.apidata.options[opt])) + ")')");
+
         }
     %>
 
@@ -120,45 +121,17 @@ facilitor.phonebook = facilitor.phonebook || {};
         {
             trs += "<tr><td></td><td></td><td rowspan='50'><img src='<%=sitenoroot%>" + data.photopaththumb +"'></td></tr>";
         }
-        if (window.facilitor.phonebook_options.toonEmail && data.prs_perslid_email)
-            trs += "<tr><td class='label'>E-mail:</td><td><a href='mailto:" + data.prs_perslid_email + "'>"+data.prs_perslid_email+"</a></td></tr>";
-        if (/* window.facilitor.phonebook_options.toonTelefoon && */ data.prs_perslid_telefoonnr)
-            trs += "<tr><td class='label'>Telefoon:</td><td>" + data.prs_perslid_telefoonnr + "</td></tr>";
-        if (/* window.facilitor.phonebook_options.toonMobiel && */ data.prs_perslid_mobiel)
-            trs += "<tr><td class='label'>Mobiel:</td><td>" + data.prs_perslid_mobiel + "</td></tr>";
-
-        for (fl in window.facilitor.phonebook_options.flexkenmerken)
+        var fld;
+        for (fld in window.facilitor.phonebook_options.fields)
         {
-            //TODO: trs += "<tr><td class='label'>flex</td><td>" + "<i>waarde</i>" + "</td></tr>";
-        }
-        trs += "<tr><td class='label'>Toestel:</td><td>" + "<i>12345</i>" + "</td></tr>";
-
-        if (/* window.facilitor.phonebook_options.toonAfdeling && */ data.afdeling)
-            trs += "<tr><td class='label'>Afdeling:</td><td>" + data.afdeling + "</td></tr>";
-
-        if (window.facilitor.phonebook_options.toonWerkplekken && data.werkplekken.length)
-        {
-            var wp;
-            var wplabel = "Hoofdlocatie:";
-            for (wp in data.werkplekken)
+            var field = window.facilitor.phonebook_options.fields[fld];
+            if (field.val && data[field.val])
             {
-                if (!data.werkplekken[wp].prs_werkplek_aanduiding.isVirtueel && wp < 1)  // pak er maar eentje, TODO hoofdwerkplek
-                {
-                   //  trs += "<tr><td>"+wplabel+"</td><td>" + data.werkplekken[wp].prs_werkplek_aanduiding + "</td></tr>";
-                    trs += "<tr><td class='label'>"+wplabel+"</td><td title='"+data.werkplekken[wp].prs_werkplek_aanduiding+"'>"
-                            + data.werkplekken[wp].prs_werkplek_aanduiding.substring(0,5)
-                            + ", etage "+ data.werkplekken[wp].prs_werkplek_aanduiding.substring(6,8)
-                            + ", kamer "+ data.werkplekken[wp].prs_werkplek_aanduiding.substring(9)
-                            + "</td></tr>";
-                    wplabel = "";
-                    if (/* window.facilitor.phonebook_options.toonPostadres && */ true || data.werkplekken[wp].locatie) {
-                        trs += "<tr><td class='label'>Postadres:</td><td>" +  "<i>Locatieomschrijving</i>" + "</td></tr>";
-                        trs += "<tr><td></td><td>" + "<i>Postbus xxx</i>" + "</td></tr>";
-                        trs += "<tr><td></td><td>" + "<i>Postcode Plaats</i>" + "</td></tr>";
-                    }
-
-                }
+                trs += "<tr><td class='label'>"+field.lbl+"</td>";
+                trs += "    <td>"+data[field.val]+"</td></tr>";
             }
+            if (field.fun)
+                trs += eval(field.fun + "(data)");
         }
 
         if (!document.getElementById("phonebookdetails"))