Move and rewrite comment on member functions.
[mkws-moved-to-github.git] / tools / htdocs / mkws.js
1 /*! MKWS, the MasterKey Widget Set.
2  *  Copyright (C) 2013-2014 Index Data
3  *  See the file LICENSE for details
4  */
5
6 "use strict"; // HTML5: disable for debug_level >= 2
7
8
9 // Handlebars helpers
10 Handlebars.registerHelper('json', function(obj) {
11     return $.toJSON(obj);
12 });
13
14
15 Handlebars.registerHelper('translate', function(s) {
16     return mkws.M(s);
17 });
18
19
20 // We need {{attr '@name'}} because Handlebars can't parse {{@name}}
21 Handlebars.registerHelper('attr', function(attrName) {
22     return this[attrName];
23 });
24
25
26 /*
27  * Use as follows: {{#if-any NAME1 having="NAME2"}}
28  * Applicable when NAME1 is the name of an array
29  * The guarded code runs only if at least one element of the NAME1
30  * array has a subelement called NAME2.
31  */
32 Handlebars.registerHelper('if-any', function(items, options) {
33     var having = options.hash.having;
34     for (var i in items) {
35         var item = items[i]
36         if (!having || item[having]) {
37             return options.fn(this);
38         }
39     }
40     return "";
41 });
42
43
44 Handlebars.registerHelper('first', function(items, options) {
45     var having = options.hash.having;
46     for (var i in items) {
47         var item = items[i]
48         if (!having || item[having]) {
49             return options.fn(item);
50         }
51     }
52     return "";
53 });
54
55
56 Handlebars.registerHelper('commaList', function(items, options) {
57     var out = "";
58
59     for (var i in items) {
60         if (i > 0) out += ", ";
61         out += options.fn(items[i])
62     }
63
64     return out;
65 });
66
67
68
69 // Set up global mkws object. Contains a hash of team objects,
70 // indexed by windowid.
71 var mkws = {
72     authenticated: false,
73     debug_function: undefined, // will be set during initialisation
74     debug_level: undefined, // will be initialised from mkws_config
75     paz: undefined, // will be set up during initialisation
76     teams: {},
77     locale_lang: {
78         "de": {
79             "Authors": "Autoren",
80             "Subjects": "Schlagwörter",
81             "Sources": "Daten und Quellen",
82             "source": "datenquelle",
83             "Termlists": "Termlisten",
84             "Next": "Weiter",
85             "Prev": "Zurück",
86             "Search": "Suche",
87             "Sort by": "Sortieren nach",
88             "and show": "und zeige",
89             "per page": "pro Seite",
90             "Displaying": "Zeige",
91             "to": "von",
92             "of": "aus",
93             "found": "gefunden",
94             "Title": "Titel",
95             "Author": "Autor",
96             "author": "autor",
97             "Date": "Datum",
98             "Subject": "Schlagwort",
99             "subject": "schlagwort",
100             "Location": "Ort",
101             "Records": "Datensätze",
102             "Targets": "Datenbanken",
103
104             "dummy": "dummy"
105         },
106
107         "da": {
108             "Authors": "Forfattere",
109             "Subjects": "Emner",
110             "Sources": "Kilder",
111             "source": "kilder",
112             "Termlists": "Termlists",
113             "Next": "Næste",
114             "Prev": "Forrige",
115             "Search": "Søg",
116             "Sort by": "Sorter efter",
117             "and show": "og vis",
118             "per page": "per side",
119             "Displaying": "Viser",
120             "to": "til",
121             "of": "ud af",
122             "found": "fandt",
123             "Title": "Title",
124             "Author": "Forfatter",
125             "author": "forfatter",
126             "Date": "Dato",
127             "Subject": "Emneord",
128             "subject": "emneord",
129             "Location": "Lokation",
130             "Records": "Poster",
131             "Targets": "Baser",
132
133             "dummy": "dummy"
134         }
135     }
136 };
137
138
139 // Define empty mkws_config for simple applications that don't define it.
140 if (mkws_config == null || typeof mkws_config != 'object') {
141     var mkws_config = {};
142 }
143
144
145 // Factory function for team objects. As much as possible, this uses
146 // only member variables (prefixed "m_") and inner functions with
147 // private scope. Some functions are visibl as member-functions to be
148 // called from outside code -- specifically, from generated
149 // HTML. These functions are that.switchView(), showDetails(),
150 // limitTarget(), limitQuery(), delimitTarget(), delimitQuery(),
151 // pagerPrev(), pagerNext(), showPage(). Also mkws.M() is made
152 // available for the Handlebars helper 'translate'
153 //
154 function team($, teamName) {
155     var that = {};
156     var m_teamName = teamName;
157     var m_submitted = false;
158     var m_query; // initially undefined
159     var m_sort; // will be set below
160     var m_perpage; // will be set below
161     var m_filters = [];
162     var m_totalRec = 0;
163     var m_curPage = 1;
164     var m_curDetRecId = '';
165     var m_curDetRecData = null;
166     var m_debug_time = {
167         // Timestamps for logging
168         "start": $.now(),
169         "last": $.now()
170     };
171     var m_paz; // will be initialised below
172
173
174     // if (console && console.log) // disabled, will fail in IE8
175     //  console.log("run team(" + (teamName ? teamName : "") + ")");
176
177
178     // Needs to be defined inside team() so it can see m_debug_time
179     // ### member access won't work: there is only one instance of this function
180     mkws.debug_function = function (string) {
181         if (!mkws.debug_level)
182             return;
183
184         if (typeof console === "undefined" || typeof console.log === "undefined") { /* ARGH!!! old IE */
185             return;
186         }
187
188         var now = $.now();
189         var timestamp = ((now - m_debug_time.start)/1000).toFixed(3) + " (+" + ((now - m_debug_time.last)/1000).toFixed(3) + ") "
190         m_debug_time.last = now;
191
192         // you need to disable use strict at the top of the file!!!
193         if (mkws.debug_level >= 3) {
194             console.log(timestamp + arguments.callee.caller);
195         } else if (mkws.debug_level >= 2) {
196             console.log(timestamp + ">>> called from function " + arguments.callee.caller.name + ' <<<');
197         }
198         console.log(m_teamName + ": " + timestamp + string);
199     }
200     var debug = mkws.debug_function; // local alias
201     debug("start running MKWS");
202
203     m_sort = mkws_config.sort_default;
204     debug("copied mkws_config.sort_default '" + mkws_config.sort_default + "' to m_sort");
205
206     if (mkws_config.query_width < 5 || mkws_config.query_width > 150) {
207         debug("Reset query width: " + mkws_config.query_width);
208         mkws_config.query_width = 50;
209     }
210
211     for (var key in mkws_config) {
212         if (mkws_config.hasOwnProperty(key)) {
213             if (key.match(/^language_/)) {
214                 var lang = key.replace(/^language_/, "");
215                 // Copy custom languages into list
216                 mkws.locale_lang[lang] = mkws_config[key];
217                 debug("Added locally configured language '" + lang + "'");
218             }
219         }
220     }
221
222     // protocol independent link for pazpar2: "//mkws/sp" -> "https://mkws/sp"
223     if (mkws_config.pazpar2_url.match(/^\/\//)) {
224         mkws_config.pazpar2_url = document.location.protocol + mkws_config.pazpar2_url;
225         debug("adjust protocol independent links: " + mkws_config.pazpar2_url);
226     }
227
228     debug("Create main pz2 object");
229     // create a parameters array and pass it to the pz2's constructor
230     // then register the form submit event with the pz2.search function
231     // autoInit is set to true on default
232     m_paz = new pz2({ "onshow": my_onshow,
233                       "windowid": teamName,
234                       "showtime": 500,            //each timer (show, stat, term, bytarget) can be specified this way
235                       "pazpar2path": mkws_config.pazpar2_url,
236                       "oninit": my_oninit,
237                       "onstat": my_onstat,
238                       "onterm": (mkws_config.facets.length ? my_onterm : undefined),
239                       "termlist": mkws_config.facets.join(','),
240                       "onbytarget": my_onbytarget,
241                       "usesessions" : mkws_config.use_service_proxy ? false : true,
242                       "showResponseType": '', // or "json" (for debugging?)
243                       "onrecord": my_onrecord });
244
245     if (!isNaN(parseInt(mkws_config.perpage_default))) {
246         m_perpage = parseInt(mkws_config.perpage_default);
247     }
248
249
250     //
251     // pz2.js event handlers:
252     //
253     function my_oninit(teamName) {
254         debug("init");
255         m_paz.stat();
256         m_paz.bytarget();
257     }
258
259
260     function my_onshow(data, teamName) {
261         debug("show");
262         m_totalRec = data.merged;
263
264         var pager = $(".mkwsPager.mkwsTeam_" + m_teamName);
265         if (pager.length) {
266             pager.html(drawPager(data))
267         }
268
269         // navi
270         var results = $(".mkwsRecords.mkwsTeam_" + m_teamName);
271
272         var html = [];
273         for (var i = 0; i < data.hits.length; i++) {
274             var hit = data.hits[i];
275             html.push('<div class="record" id="mkwsRecdiv_' + hit.recid + '" >',
276                       renderSummary(hit),
277                       '</div>');
278             if (hit.recid == m_curDetRecId) {
279                 if (m_curDetRecData)
280                     html.push(renderDetails(m_curDetRecData));
281             }
282         }
283         results.html(html.join(''));
284     }
285
286
287     function renderSummary(hit)
288     {
289         var template = loadTemplate("Summary");
290         hit._id = "mkwsRec_" + hit.recid;
291         hit._onclick = "mkws.showDetails('" + m_teamName + "', this.id);return false;"
292         return template(hit);
293     }
294
295
296     function my_onstat(data, teamName) {
297         debug("stat");
298         var stat = $('.mkwsStat.mkwsTeam_' + teamName);
299         if (stat.length === 0)
300             return;
301
302         stat.html('<span class="head">' + M('Status info') + '</span>' +
303             ' -- ' +
304             '<span class="clients">' + M('Active clients') + ': ' + data.activeclients + '/' + data.clients + '</span>' +
305             ' -- ' +
306             '<span class="records">' + M('Retrieved records') + ': ' + data.records + '/' + data.hits + '</span>');
307     }
308
309
310     function my_onterm(data, teamName) {
311         debug("term");
312         var node = $(".mkwsTermlists.mkwsTeam_" + teamName);
313         if (node.length == 0) return;
314
315         // no facets: this should never happen
316         if (!mkws_config.facets || mkws_config.facets.length == 0) {
317             alert("my_onterm called even though we have no facets: " + $.toJSON(data));
318             node.hide();
319             return;
320         }
321
322         // display if we first got results
323         node.show();
324
325         var acc = [];
326         acc.push('<div class="title">' + M('Termlists') + '</div>');
327         var facets = mkws_config.facets;
328
329         for(var i = 0; i < facets.length; i++) {
330             if (facets[i] == "xtargets") {
331                 add_single_facet(acc, "Sources",  data.xtargets, 16, null);
332             } else if (facets[i] == "subject") {
333                 add_single_facet(acc, "Subjects", data.subject,  10, "subject");
334             } else if (facets[i] == "author") {
335                 add_single_facet(acc, "Authors",  data.author,   10, "author");
336             } else {
337                 alert("bad facet configuration: '" + facets[i] + "'");
338             }
339         }
340
341         node.html(acc.join(''));
342     }
343
344
345     function add_single_facet(acc, caption, data, max, pzIndex) {
346         acc.push('<div class="facet mkwsFacet' + caption + ' mkwsTeam_' + m_teamName + '">');
347         acc.push('<div class="termtitle">' + M(caption) + '</div>');
348         for (var i = 0; i < data.length && i < max; i++) {
349             acc.push('<div class="term">');
350             acc.push('<a href="#" ');
351             var action;
352             if (!pzIndex) {
353                 // Special case: target selection
354                 acc.push('target_id='+data[i].id+' ');
355                 action = 'mkws.limitTarget(\'' + m_teamName + '\', this.getAttribute(\'target_id\'),this.firstChild.nodeValue)';
356             } else {
357                 action = 'mkws.limitQuery(\'' + m_teamName + '\', \'' + pzIndex + '\', this.firstChild.nodeValue)';
358             }
359             acc.push('onclick="' + action + ';return false;">' + data[i].name + '</a>'
360                      + ' <span>' + data[i].freq + '</span>');
361             acc.push('</div>');
362         }
363         acc.push('</div>');
364     }
365
366
367     function my_onrecord(data, args, teamName) {
368         debug("record");
369         // FIXME: record is async!!
370         clearTimeout(m_paz.recordTimer);
371         // in case on_show was faster to redraw element
372         var detRecordDiv = document.getElementById('mkwsDet_'+data.recid);
373         if (detRecordDiv) return;
374         m_curDetRecData = data;
375         var recordDiv = document.getElementById('mkwsRecdiv_'+m_curDetRecData.recid);
376         var html = renderDetails(m_curDetRecData);
377         recordDiv.innerHTML += html;
378     }
379
380
381     function my_onbytarget(data, teamName) {
382         debug("target");
383         var targetDiv = $('.mkwsBytarget.mkwsTeam_' + teamName);
384         if (!targetDiv) {
385             return;
386         }
387
388         var table ='<table><thead><tr>' +
389             '<td>' + M('Target ID') + '</td>' +
390             '<td>' + M('Hits') + '</td>' +
391             '<td>' + M('Diags') + '</td>' +
392             '<td>' + M('Records') + '</td>' +
393             '<td>' + M('State') + '</td>' +
394             '</tr></thead><tbody>';
395
396         for (var i = 0; i < data.length; i++) {
397             table += "<tr><td>" + data[i].id +
398                 "</td><td>" + data[i].hits +
399                 "</td><td>" + data[i].diagnostic +
400                 "</td><td>" + data[i].records +
401                 "</td><td>" + data[i].state + "</td></tr>";
402         }
403
404         table += '</tbody></table>';
405         targetDiv.html(table);
406     }
407
408     ////////////////////////////////////////////////////////////////////////////////
409     ////////////////////////////////////////////////////////////////////////////////
410
411
412     // wait until the DOM is ready
413     function domReady ()
414     {
415         $('.mkwsSearchForm.mkwsTeam_' + m_teamName).each(function (i, obj) {
416             debug("adding search-forms for team '" + m_teamName + "'");
417             var node = this;
418             mkws.handle_node_with_team(node, function(tname) {
419                 debug("adding search-form '" + tname + "' for team '" + m_teamName + "'");
420                 $(node).submit(onFormSubmitEventHandler);
421             });
422         });
423
424         var node = $('.mkwsSort.mkwsTeam_' + m_teamName);
425         if (node.length)
426             node.change(onSelectDdChange);
427         node = $('.mkwsPerpage.mkwsTeam_' + m_teamName);
428         if (node.length)
429             node.change(onSelectDdChange);
430     }
431
432
433     // when search button pressed
434     function onFormSubmitEventHandler()
435     {
436         mkws.handle_node_with_team(this, function (tname) {
437             var val = $('.mkwsQuery.mkwsTeam_' + tname).val();
438             mkws.teams[tname].newSearch(val);
439         });
440
441         return false;
442     }
443
444
445     that.newSearch = function(query, sort, targets, windowid)
446     {
447         debug("newSearch: " + query);
448
449         if (mkws_config.use_service_proxy && !mkws.authenticated) {
450             alert("searching before authentication");
451             return;
452         }
453
454         m_filters = []
455         redraw_navi();
456         resetPage();
457         loadSelect();
458         triggerSearch(query, sort, targets, windowid);
459         that.switchView('records'); // In case it's configured to start off as hidden
460         m_submitted = true;
461     }
462
463
464     function onSelectDdChange()
465     {
466         if (!m_submitted) return false;
467         resetPage();
468         loadSelect();
469         m_paz.show(0, m_perpage, m_sort);
470         return false;
471     }
472
473
474     function resetPage()
475     {
476         m_curPage = 1;
477         m_totalRec = 0;
478     }
479
480
481     function triggerSearch (query, sort, targets, windowid)
482     {
483         var pp2filter = "";
484         var pp2limit = "";
485
486         // Re-use previous query/sort if new ones are not specified
487         if (query) {
488             m_query = query;
489         }
490         if (sort) {
491             m_sort = sort;
492         }
493         if (targets) {
494             // ### should support multiple |-separated targets
495             m_filters.push({ id: targets, name: targets });
496         }
497
498         for (var i in m_filters) {
499             var filter = m_filters[i];
500             if (filter.id) {
501                 if (pp2filter)
502                     pp2filter += ",";
503                 if (filter.id.match(/^[a-z:]+[=~]/)) {
504                     debug("filter '" + filter.id + "' already begins with SETTING OP");
505                 } else {
506                     filter.id = 'pz:id=' + filter.id;
507                 }
508                 pp2filter += filter.id;
509             } else {
510                 if (pp2limit)
511                     pp2limit += ",";
512                 pp2limit += filter.field + "=" + filter.value.replace(/[\\|,]/g, '\\$&');
513             }
514         }
515
516         var params = {};
517         if (pp2limit) {
518             params.limit = pp2limit;
519         }
520         if (windowid) {
521             params.windowid = windowid;
522         }
523         debug("triggerSearch(" + m_query + "): filters = " + $.toJSON(m_filters) + ", pp2filter = " + pp2filter + ", params = " + $.toJSON(params));
524
525         m_paz.search(m_query, m_perpage, m_sort, pp2filter, undefined, params);
526     }
527
528
529     function loadSelect ()
530     {
531         var node = $('.mkwsSort.mkwsTeam_' + m_teamName);
532         if (node.length && node.val() != m_sort) {
533             debug("changing m_sort from " + m_sort + " to " + node.val());
534             m_sort = node.val();
535         }
536         node = $('.mkwsPerpage.mkwsTeam_' + m_teamName);
537         if (node.length && node.val() != m_perpage) {
538             debug("changing m_perpage from " + m_perpage + " to " + node.val());
539             m_perpage = node.val();
540         }
541     }
542
543
544     // limit by target functions
545     that.limitTarget  = function (id, name)
546     {
547         debug("limitTarget(id=" + id + ", name=" + name + ")");
548         m_filters.push({ id: id, name: name });
549         redraw_navi();
550         resetPage();
551         loadSelect();
552         triggerSearch();
553         return false;
554     }
555
556
557     // limit the query after clicking the facet
558     that.limitQuery = function (field, value)
559     {
560         debug("limitQuery(field=" + field + ", value=" + value + ")");
561         m_filters.push({ field: field, value: value });
562         redraw_navi();
563         resetPage();
564         loadSelect();
565         triggerSearch();
566         return false;
567     }
568
569
570     that.delimitTarget = function (id)
571     {
572         debug("delimitTarget(id=" + id + ")");
573         var newFilters = [];
574         for (var i in m_filters) {
575             var filter = m_filters[i];
576             if (filter.id) {
577                 debug("delimitTarget() removing filter " + $.toJSON(filter));
578             } else {
579                 debug("delimitTarget() keeping filter " + $.toJSON(filter));
580                 newFilters.push(filter);
581             }
582         }
583         m_filters = newFilters;
584
585         redraw_navi();
586         resetPage();
587         loadSelect();
588         triggerSearch();
589         return false;
590     }
591
592
593     that.delimitQuery = function (field, value)
594     {
595         debug("delimitQuery(field=" + field + ", value=" + value + ")");
596         var newFilters = [];
597         for (var i in m_filters) {
598             var filter = m_filters[i];
599             if (filter.field &&
600                 field == filter.field &&
601                 value == filter.value) {
602                 debug("delimitQuery() removing filter " + $.toJSON(filter));
603             } else {
604                 debug("delimitQuery() keeping filter " + $.toJSON(filter));
605                 newFilters.push(filter);
606             }
607         }
608         m_filters = newFilters;
609
610         redraw_navi();
611         resetPage();
612         loadSelect();
613         triggerSearch();
614         return false;
615     }
616
617
618     function redraw_navi ()
619     {
620         var navi = $('.mkwsNavi.mkwsTeam_' + m_teamName);
621         if (!navi) return;
622
623         var text = "";
624         for (var i in m_filters) {
625             if (text) {
626                 text += " | ";
627             }
628             var filter = m_filters[i];
629             if (filter.id) {
630                 text += M('source') + ': <a class="crossout" href="#" onclick="mkws.delimitTarget(\'' + m_teamName +
631                     "', '" + filter.id + "'" + ');return false;">' + filter.name + '</a>';
632             } else {
633                 text += M(filter.field) + ': <a class="crossout" href="#" onclick="mkws.delimitQuery(\'' + m_teamName +
634                     "', '" + filter.field + "', '" + filter.value + "'" +
635                     ');return false;">' + filter.value + '</a>';
636             }
637         }
638
639         navi.html(text);
640     }
641
642
643     function drawPager (data)
644     {
645         var s = '<div style="float: right">' + M('Displaying') + ': '
646             + (data.start + 1) + ' ' + M('to') + ' ' + (data.start + data.num) +
647             ' ' + M('of') + ' ' + data.merged + ' (' + M('found') + ': '
648             + data.total + ')</div>';
649
650         //client indexes pages from 1 but pz2 from 0
651         var onsides = 6;
652         var pages = Math.ceil(m_totalRec / m_perpage);
653
654         var firstClkbl = (m_curPage - onsides > 0)
655             ? m_curPage - onsides
656             : 1;
657
658         var lastClkbl = firstClkbl + 2*onsides < pages
659             ? firstClkbl + 2*onsides
660             : pages;
661
662         var prev = '<span id="mkwsPrev">&#60;&#60; ' + M('Prev') + '</span><b> | </b>';
663         if (m_curPage > 1)
664             prev = '<a href="#" id="mkwsPrev" onclick="mkws.pagerPrev(\'' + m_teamName + '\');">'
665             +'&#60;&#60; ' + M('Prev') + '</a><b> | </b>';
666
667         var middle = '';
668         for(var i = firstClkbl; i <= lastClkbl; i++) {
669             var numLabel = i;
670             if(i == m_curPage)
671                 numLabel = '<b>' + i + '</b>';
672
673             middle += '<a href="#" onclick="mkws.showPage(\'' + m_teamName + '\', ' + i + ')"> '
674                 + numLabel + ' </a>';
675         }
676
677         var next = '<b> | </b><span id="mkwsNext">' + M('Next') + ' &#62;&#62;</span>';
678         if (pages - m_curPage > 0)
679             next = '<b> | </b><a href="#" id="mkwsNext" onclick="mkws.pagerNext(\'' + m_teamName + '\')">'
680             + M('Next') + ' &#62;&#62;</a>';
681
682         var predots = '';
683         if (firstClkbl > 1)
684             predots = '...';
685
686         var postdots = '';
687         if (lastClkbl < pages)
688             postdots = '...';
689
690         s += '<div style="float: clear">'
691             + prev + predots + middle + postdots + next + '</div>';
692
693         return s;
694     }
695
696
697     that.showPage = function (pageNum)
698     {
699         m_curPage = pageNum;
700         m_paz.showPage(m_curPage - 1);
701     }
702
703
704     // simple paging functions
705     that.pagerNext = function () {
706         if (m_totalRec - m_perpage*m_curPage > 0) {
707             m_paz.showNext();
708             m_curPage++;
709         }
710     }
711
712
713     that.pagerPrev = function () {
714         if (m_paz.showPrev() != false)
715             m_curPage--;
716     }
717
718
719     // switching view between targets and records
720     that.switchView = function(view) {
721         var targets = $('.mkwsTargets.mkwsTeam_' + m_teamName);
722         var results = $('.mkwsResults.mkwsTeam_' + m_teamName + ',.mkwsRecords.mkwsTeam_' + m_teamName);
723         var blanket = $('.mkwsBlanket.mkwsTeam_' + m_teamName);
724         var motd    = $('.mkwsMOTD.mkwsTeam_' + m_teamName);
725
726         switch(view) {
727         case 'targets':
728             if (targets) targets.css('display', 'block');
729             if (results) results.css('display', 'none');
730             if (blanket) blanket.css('display', 'none');
731             if (motd) motd.css('display', 'none');
732             break;
733         case 'records':
734             if (targets) targets.css('display', 'none');
735             if (results) results.css('display', 'block');
736             if (blanket) blanket.css('display', 'block');
737             if (motd) motd.css('display', 'none');
738             break;
739         case 'none':
740             alert("mkws.switchView(" + m_teamName + ", 'none') shouldn't happen");
741             if (targets) targets.css('display', 'none');
742             if (results) results.css('display', 'none');
743             if (blanket) blanket.css('display', 'none');
744             if (motd) motd.css('display', 'none');
745             break;
746         default:
747             alert("Unknown view '" + view + "'");
748         }
749     }
750
751
752     // detailed record drawing
753     that.showDetails = function (prefixRecId) {
754         var recId = prefixRecId.replace('mkwsRec_', '');
755         var oldRecId = m_curDetRecId;
756         m_curDetRecId = recId;
757
758         // remove current detailed view if any
759         var detRecordDiv = document.getElementById('mkwsDet_'+oldRecId);
760         // lovin DOM!
761         if (detRecordDiv)
762             detRecordDiv.parentNode.removeChild(detRecordDiv);
763
764         // if the same clicked, just hide
765         if (recId == oldRecId) {
766             m_curDetRecId = '';
767             m_curDetRecData = null;
768             return;
769         }
770         // request the record
771         debug("showDetails() requesting record '" + recId + "'");
772         m_paz.record(recId);
773     }
774
775
776     function renderDetails(data, marker)
777     {
778         var template = loadTemplate("Record");
779         var details = template(data);
780         return '<div class="details" id="mkwsDet_' + data.recid + '">' + details + '</div>';
781     }
782
783
784     function loadTemplate(name)
785     {
786         var template = mkws['template' + name];
787
788         if (template === undefined) {
789             var source = $("#mkwsTemplate" + name).html();
790             if (!source) {
791                 source = defaultTemplate(name);
792             }
793
794             template = Handlebars.compile(source);
795             debug("compiled template '" + name + "'");
796             mkws['template' + name] = template;
797         }
798
799         return template;
800     }
801
802
803     function defaultTemplate(name)
804     {
805         if (name === 'Record') {
806             return '\
807 <table>\
808   <tr>\
809     <th>{{translate "Title"}}</th>\
810     <td>\
811       {{md-title}}\
812       {{#if md-title-remainder}}\
813         ({{md-title-remainder}})\
814       {{/if}}\
815       {{#if md-title-responsibility}}\
816         <i>{{md-title-responsibility}}</i>\
817       {{/if}}\
818     </td>\
819   </tr>\
820   {{#if md-date}}\
821   <tr>\
822     <th>{{translate "Date"}}</th>\
823     <td>{{md-date}}</td>\
824   </tr>\
825   {{/if}}\
826   {{#if md-author}}\
827   <tr>\
828     <th>{{translate "Author"}}</th>\
829     <td>{{md-author}}</td>\
830   </tr>\
831   {{/if}}\
832   {{#if md-electronic-url}}\
833   <tr>\
834     <th>{{translate "URL"}}</th>\
835     <td>\
836       {{#each md-electronic-url}}\
837         <a href="{{this}}">{{this}}</a><br/>\
838       {{/each}}\
839     </td>\
840   </tr>\
841   {{/if}}\
842   {{#if-any location having="md-subject"}}\
843   <tr>\
844     <th>{{translate "Subject"}}</th>\
845     <td>\
846       {{#first location having="md-subject"}}\
847         {{#if md-subject}}\
848           {{md-subject}}\
849         {{/if}}\
850       {{/first}}\
851     </td>\
852   </tr>\
853   {{/if-any}}\
854   <tr>\
855     <th>{{translate "Locations"}}</th>\
856     <td>\
857       {{#commaList location}}\
858         {{attr "@name"}}{{/commaList}}\
859     </td>\
860   </tr>\
861 </table>\
862 ';
863         } else if (name === "Summary") {
864             return '\
865 <a href="#" id="{{_id}}" onclick="{{_onclick}}">\
866   <b>{{md-title}}</b>\
867 </a>\
868 {{#if md-title-remainder}}\
869   <span>{{md-title-remainder}}</span>\
870 {{/if}}\
871 {{#if md-title-responsibility}}\
872   <span><i>{{md-title-responsibility}}</i></span>\
873 {{/if}}\
874 ';
875         }
876
877         var s = "There is no default '" + name +"' template!";
878         alert(s);
879         return s;
880     }
881
882
883     /*
884      * All the HTML stuff to render the search forms and
885      * result pages.
886      */
887     function mkws_html_all() {
888         mkws_set_lang();
889         if (mkws_config.show_lang)
890             mkws_html_lang();
891
892         // For some reason, doing this programmatically results in
893         // document.mkwsSearchForm.mkwsQuery being undefined, hence the raw HTML.
894         debug("HTML search form");
895         // ### There is only one match here by design: fix not to bother looping
896         $('.mkwsSearch.mkwsTeam_' + m_teamName).each(function (i, obj) {
897             var node = this;
898             mkws.handle_node_with_team(node, function(tname) {
899                 $(node).html('\
900 <form name="mkwsSearchForm" class="mkwsSearchForm mkwsTeam_' + tname + '" action="" >\
901   <input id="mkwsQuery" class="mkwsQuery mkwsTeam_' + tname + '" type="text" size="' + mkws_config.query_width + '" />\
902   <input id="mkwsButton" class="mkwsButton mkwsTeam_' + tname + '" type="submit" value="' + M('Search') + '" />\
903 </form>');
904             });
905         });
906
907         debug("HTML records");
908         // If the team has a .mkwsResults, populate it in the usual
909         // way. If not, assume that it's a smarter application that
910         // defines its own subcomponents, some or all of the
911         // following:
912         //      .mkwsTermlists
913         //      .mkwsRanking
914         //      .mkwsPager
915         //      .mkwsNavi
916         //      .mkwsRecords
917         if ($(".mkwsResults.mkwsTeam_" + m_teamName).length) {
918             $(".mkwsResults.mkwsTeam_" + m_teamName).html('\
919 <table width="100%" border="0" cellpadding="6" cellspacing="0">\
920   <tr>\
921     <td class="mkwsTermlistContainer1 mkwsTeam_' + m_teamName + '" width="250" valign="top">\
922       <div id="mkwsTermlists" class="mkwsTermlists mkwsTeam_' + m_teamName + '"></div>\
923     </td>\
924     <td class="mkwsMOTDContainer mkwsTeam_' + m_teamName + '" valign="top">\
925       <div id="mkwsRanking" class="mkwsRanking mkwsTeam_' + m_teamName + '"></div>\
926       <div id="mkwsPager" class="mkwsPager mkwsTeam_' + m_teamName + '"></div>\
927       <div id="mkwsNavi" class="mkwsNavi mkwsTeam_' + m_teamName + '"></div>\
928       <div id="mkwsRecords" class="mkwsRecords mkwsTeam_' + m_teamName + '"></div>\
929     </td>\
930   </tr>\
931   <tr>\
932     <td colspan="2">\
933       <div class="mkwsTermlistContainer2 mkwsTeam_' + m_teamName + '"></div>\
934     </td>\
935   </tr>\
936 </table>');
937         }
938
939         var node = $(".mkwsRanking.mkwsTeam_" + m_teamName);
940         if (node.length) {
941             var ranking_data = '';
942             ranking_data += '<form name="mkwsSelect" class="mkwsSelect mkwsTeam_' + m_teamName + '" action="" >';
943             if (mkws_config.show_sort) {
944                 ranking_data +=  M('Sort by') + ' ' + mkws_html_sort() + ' ';
945             }
946             if (mkws_config.show_perpage) {
947                 ranking_data += M('and show') + ' ' + mkws_html_perpage() + ' ' + M('per page') + '.';
948             }
949             ranking_data += '</form>';
950
951             node.html(ranking_data);
952         }
953
954         mkws_html_switch();
955
956         if (mkws_config.responsive_design_width) {
957             // Responsive web design - change layout on the fly based on
958             // current screen width. Required for mobile devices.
959             $(window).resize(function(e) { mkws.resize_page() });
960             // initial check after page load
961             $(document).ready(function() { mkws.resize_page() });
962         }
963
964         domReady();
965
966         // on first page, hide the termlist
967         $(document).ready(function() { $(".mkwsTermlists.mkwsTeam_" + m_teamName).hide(); });
968         var motd = $(".mkwsMOTD.mkwsTeam_" + m_teamName);
969         var container = $(".mkwsMOTDContainer.mkwsTeam_" + m_teamName);
970         if (motd.length && container.length) {
971             // Move the MOTD from the provided element down into the container
972             motd.appendTo(container);
973         }
974     }
975
976
977     // implement $.parseQuerystring() for parsing URL parameters
978     function parseQuerystring() {
979         var nvpair = {};
980         var qs = window.location.search.replace('?', '');
981         var pairs = qs.split('&');
982         $.each(pairs, function(i, v){
983             var pair = v.split('=');
984             nvpair[pair[0]] = pair[1];
985         });
986         return nvpair;
987     }
988
989
990     function mkws_set_lang()  {
991         var lang = parseQuerystring().lang || mkws_config.lang;
992         if (!lang || !mkws.locale_lang[lang]) {
993             mkws_config.lang = ""
994         } else {
995             mkws_config.lang = lang;
996         }
997
998         debug("Locale language: " + (mkws_config.lang ? mkws_config.lang : "none"));
999         return mkws_config.lang;
1000     }
1001
1002
1003     function mkws_html_switch() {
1004         debug("HTML switch for team " + m_teamName);
1005
1006         var node = $(".mkwsSwitch.mkwsTeam_" + m_teamName);
1007         node.append($('<a href="#" onclick="mkws.switchView(\'' + m_teamName + '\', \'records\')">' + M('Records') + '</a>'));
1008         node.append($("<span/>", { text: " | " }));
1009         node.append($('<a href="#" onclick="mkws.switchView(\'' + m_teamName + '\', \'targets\')">' + M('Targets') + '</a>'));
1010
1011         debug("HTML targets");
1012         var node = $(".mkwsTargets.mkwsTeam_" + m_teamName);
1013         node.html('\
1014 <div class="mkwsBytarget mkwsTeam_' + m_teamName + '">\
1015   No information available yet.\
1016 </div>');
1017         node.css("display", "none");
1018     }
1019
1020
1021     function mkws_html_sort() {
1022         debug("HTML sort, m_sort = '" + m_sort + "'");
1023         var sort_html = '<select class="mkwsSort mkwsTeam_' + m_teamName + '">';
1024
1025         for(var i = 0; i < mkws_config.sort_options.length; i++) {
1026             var opt = mkws_config.sort_options[i];
1027             var key = opt[0];
1028             var val = opt.length == 1 ? opt[0] : opt[1];
1029
1030             sort_html += '<option value="' + key + '"';
1031             if (m_sort == key || m_sort == val) {
1032                 sort_html += ' selected="selected"';
1033             }
1034             sort_html += '>' + M(val) + '</option>';
1035         }
1036         sort_html += '</select>';
1037
1038         return sort_html;
1039     }
1040
1041
1042     function mkws_html_perpage() {
1043         debug("HTML perpage, m_perpage = " + m_perpage);
1044         var perpage_html = '<select class="mkwsPerpage mkwsTeam_' + m_teamName + '">';
1045
1046         for(var i = 0; i < mkws_config.perpage_options.length; i++) {
1047             var key = mkws_config.perpage_options[i];
1048
1049             perpage_html += '<option value="' + key + '"';
1050             if (key == m_perpage) {
1051                 perpage_html += ' selected="selected"';
1052             }
1053             perpage_html += '>' + key + '</option>';
1054         }
1055         perpage_html += '</select>';
1056
1057         return perpage_html;
1058     }
1059
1060
1061     /* create locale language menu */
1062     function mkws_html_lang() {
1063         var lang_default = "en";
1064         var lang = mkws_config.lang || lang_default;
1065         var list = [];
1066
1067         /* display a list of configured languages, or all */
1068         var lang_options = mkws_config.lang_options || [];
1069         var toBeIncluded = {};
1070         for (var i = 0; i < lang_options.length; i++) {
1071             toBeIncluded[lang_options[i]] = true;
1072         }
1073
1074         for (var k in mkws.locale_lang) {
1075             if (toBeIncluded[k] || lang_options.length == 0)
1076                 list.push(k);
1077         }
1078
1079         // add english link
1080         if (lang_options.length == 0 || toBeIncluded[lang_default])
1081             list.push(lang_default);
1082
1083         debug("Language menu for: " + list.join(", "));
1084
1085         /* the HTML part */
1086         var data = "";
1087         for(var i = 0; i < list.length; i++) {
1088             var l = list[i];
1089
1090             if (data)
1091                 data += ' | ';
1092
1093             if (lang == l) {
1094                 data += ' <span>' + l + '</span> ';
1095             } else {
1096                 data += ' <a href="?lang=' + l + '">' + l + '</a> '
1097             }
1098         }
1099
1100         $(".mkwsLang.mkwsTeam_" + m_teamName).html(data);
1101     }
1102
1103
1104     /* locale */
1105     function M(word) {
1106         var lang = mkws_config.lang;
1107
1108         if (!lang || !mkws.locale_lang[lang])
1109             return word;
1110
1111         return mkws.locale_lang[lang][word] || word;
1112     }
1113     mkws.M = M; // so the Handlebars helper can use it
1114
1115
1116     // main
1117     (function() {
1118         try {
1119             mkws_html_all()
1120         }
1121
1122         catch (e) {
1123             mkws_config.error = e.message;
1124             // alert(e.message);
1125         }
1126     })();
1127
1128     // Bizarrely, 'that' is just an empty hash. All its state is in
1129     // the closure variables defined earlier in this function.
1130     return that;
1131 };
1132
1133
1134 /*
1135  * implement jQuery plugin $.pazpar2({})
1136  */
1137 function _mkws_jquery_plugin ($) {
1138     var debug_level = 1;
1139
1140     function debug (string) {
1141         if (!debug_level)
1142             return;
1143
1144         if (typeof console === "undefined" || typeof console.log === "undefined")
1145             return;
1146
1147         console.log("jquery.pazpar2: " + string);
1148     }
1149
1150     function init_popup(obj) {
1151         var config = obj ? obj : {};
1152
1153         var height = config.height || 760;
1154         var width = config.width || 880;
1155         var id_button = config.id_button || "input#mkwsButton";
1156         var id_popup = config.id_popup || "#mkwsPopup";
1157
1158         debug("popup height: " + height + ", width: " + width);
1159
1160         // make sure that jquery-ui was loaded afte jQuery core lib, e.g.:
1161         // <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
1162         if (!$.ui) {
1163             debug("Error: jquery-ui.js is missing, did you include it after jQuery core in the HTML file?");
1164             return;
1165         }
1166
1167         $(id_popup).dialog({
1168             closeOnEscape: true,
1169             autoOpen: false,
1170             height: height,
1171             width: width,
1172             modal: true,
1173             resizable: true,
1174             buttons: {
1175                 Cancel: function() {
1176                     $(this).dialog("close");
1177                 }
1178             },
1179             close: function() { }
1180         });
1181
1182         $(id_button)
1183             .button()
1184             .click(function() {
1185                 $(id_popup).dialog("open");
1186             });
1187     };
1188
1189     $.extend({
1190
1191         // service-proxy or pazpar2
1192         pazpar2: function(config) {
1193             var id_popup = config.id_popup || "#mkwsPopup";
1194             id_popup = id_popup.replace(/^#/, "");
1195
1196             // simple layout
1197             var div = '\
1198 <div id="mkwsSwitch"></div>\
1199 <div id="mkwsLang"></div>\
1200 <div id="mkwsSearch"></div>\
1201 <div id="mkwsResults"></div>\
1202 <div id="mkwsTargets"></div>\
1203 <div id="mkwsStat"></div>';
1204
1205             // new table layout
1206             var table = '\
1207 <style type="text/css">\
1208   #mkwsTermlists div.facet {\
1209   float:left;\
1210   width: 30%;\
1211   margin: 0.3em;\
1212   }\
1213   #mkwsStat {\
1214   text-align: right;\
1215   }\
1216 </style>\
1217     \
1218 <table width="100%" border="0">\
1219   <tr>\
1220     <td>\
1221       <div id="mkwsSwitch"></div>\
1222       <div id="mkwsLang"></div>\
1223       <div id="mkwsSearch"></div>\
1224     </td>\
1225   </tr>\
1226   <tr>\
1227     <td>\
1228       <div style="height:500px; overflow: auto">\
1229         <div id="mkwsPager"></div>\
1230         <div id="mkwsNavi"></div>\
1231         <div id="mkwsRecords"></div>\
1232         <div id="mkwsTargets"></div>\
1233         <div id="mkwsRanking"></div>\
1234       </div>\
1235     </td>\
1236   </tr>\
1237   <tr>\
1238     <td>\
1239       <div style="height:300px; overflow: hidden">\
1240         <div id="mkwsTermlists"></div>\
1241       </div>\
1242     </td>\
1243   </tr>\
1244   <tr>\
1245     <td>\
1246       <div id="mkwsStat"></div>\
1247     </td>\
1248   </tr>\
1249 </table>';
1250
1251             var popup = '\
1252 <div id="mkwsSearch"></div>\
1253 <div id="' + id_popup + '">\
1254   <div id="mkwsSwitch"></div>\
1255   <div id="mkwsLang"></div>\
1256   <div id="mkwsResults"></div>\
1257   <div id="mkwsTargets"></div>\
1258   <div id="mkwsStat"></div>\
1259 </div>'
1260
1261             if (config && config.layout == 'div') {
1262                 debug("jquery plugin layout: div");
1263                 document.write(div);
1264             } else if (config && config.layout == 'popup') {
1265                 debug("jquery plugin layout: popup with id: " + id_popup);
1266                 document.write(popup);
1267                 $(document).ready(function() { init_popup(config); });
1268             } else {
1269                 debug("jquery plugin layout: table");
1270                 document.write(table);
1271             }
1272         }
1273     });
1274 };
1275
1276
1277 // wrapper to call team() after page load
1278 (function (j) {
1279     function log(s) {
1280         if (typeof console === "undefined" || typeof console.log === "undefined") { /* ARGH!!! old IE */
1281             return;
1282         }
1283         console.log(s);
1284     }
1285
1286     // enable before page load, so we could call it before mkws() runs
1287     _mkws_jquery_plugin(j);
1288
1289
1290     mkws.handle_node_with_team = function(node, callback) {
1291         var classes = node.className;
1292         var list = classes.split(/\s+/)
1293         var tname;
1294         for (var i = 0; i < list.length; i++) {
1295             var cname = list[i];
1296             if (cname.match(/^mkwsTeam_/)) {
1297                 tname = cname.replace(/^mkwsTeam_/, '');
1298             }
1299         }
1300         callback(tname);
1301     }
1302
1303
1304     mkws.resize_page = function () {
1305         var list = ["mkwsSwitch", "mkwsLang"];
1306
1307         var width = mkws_config.responsive_design_width;
1308         var parent = $(".mkwsTermlists").parent();
1309
1310         if ($(window).width() <= width &&
1311             parent.hasClass("mkwsTermlistContainer1")) {
1312             log("changing from wide to narrow: " + $(window).width());
1313             $(".mkwsTermlistContainer1").hide();
1314             $(".mkwsTermlistContainer2").show();
1315             for (var tname in mkws.teams) {
1316                 $(".mkwsTermlists.mkwsTeam_" + tname).appendTo($(".mkwsTermlistContainer2.mkwsTeam_" + tname));
1317                 for(var i = 0; i < list.length; i++) {
1318                     $("." + list[i] + ".mkwsTeam_" + tname).hide();
1319                 }
1320             }
1321         } else if ($(window).width() > width &&
1322                    parent.hasClass("mkwsTermlistContainer2")) {
1323             log("changing from narrow to wide: " + $(window).width());
1324             $(".mkwsTermlistContainer1").show();
1325             $(".mkwsTermlistContainer2").hide();
1326             for (var tname in mkws.teams) {
1327                 $(".mkwsTermlists.mkwsTeam_" + tname).appendTo($(".mkwsTermlistContainer1.mkwsTeam_" + tname));
1328                 for(var i = 0; i < list.length; i++) {
1329                     $("." + list[i] + ".mkwsTeam_" + tname).show();
1330                 }
1331             }
1332         }
1333     };
1334
1335
1336     mkws.switchView = function(tname, view) {
1337         mkws.teams[tname].switchView(view);
1338     }
1339
1340     mkws.showDetails = function (tname, prefixRecId) {
1341         mkws.teams[tname].showDetails(prefixRecId);
1342     }
1343
1344     mkws.limitTarget  = function (tname, id, name) {
1345         mkws.teams[tname].limitTarget(id, name);
1346     }
1347
1348     mkws.limitQuery  = function (tname, field, value) {
1349         mkws.teams[tname].limitQuery(field, value);
1350     }
1351
1352     mkws.delimitTarget = function (tname, id) {
1353         mkws.teams[tname].delimitTarget(id);
1354     }
1355
1356     mkws.delimitQuery = function (tname, field, value) {
1357         mkws.teams[tname].delimitQuery(field, value);
1358     }
1359
1360     mkws.showPage = function (tname, pageNum) {
1361         mkws.teams[tname].showPage(pageNum);
1362     }
1363
1364     mkws.pagerPrev = function (tname) {
1365         mkws.teams[tname].pagerPrev();
1366     }
1367
1368     mkws.pagerNext = function (tname) {
1369         mkws.teams[tname].pagerNext();
1370     }
1371
1372
1373     function default_mkws_config() {
1374         /* default mkws config */
1375         var config_default = {
1376             use_service_proxy: true,
1377             pazpar2_url: "//mkws.indexdata.com/service-proxy/",
1378             service_proxy_auth: "//mkws.indexdata.com/service-proxy-auth",
1379             lang: "",
1380             sort_options: [["relevance"], ["title:1", "title"], ["date:0", "newest"], ["date:1", "oldest"]],
1381             perpage_options: [10, 20, 30, 50],
1382             sort_default: "relevance",
1383             perpage_default: 20,
1384             query_width: 50,
1385             show_lang: true,    /* show/hide language menu */
1386             show_sort: true,    /* show/hide sort menu */
1387             show_perpage: true,         /* show/hide perpage menu */
1388             lang_options: [],   /* display languages links for given languages, [] for all */
1389             facets: ["xtargets", "subject", "author"], /* display facets, in this order, [] for none */
1390             responsive_design_width: undefined, /* a page with less pixel width considered as narrow */
1391             debug_level: 1,     /* debug level for development: 0..2 */
1392
1393             dummy: "dummy"
1394         };
1395
1396         /* Set global debug_level flag early so that debug() works */
1397         if (typeof mkws_config.debug_level !== 'undefined') {
1398             mkws.debug_level = mkws_config.debug_level;
1399         } else if (typeof config_default.debug_level !== 'undefined') {
1400             mkws.debug_level = config_default.debug_level;
1401         }
1402
1403         // make sure the mkws_config is a valid hash
1404         if (!$.isPlainObject(mkws_config)) {
1405             debug("ERROR: mkws_config is not an JS object, ignore it....");
1406             mkws_config = {};
1407         }
1408
1409         /* override standard config values by function parameters */
1410         for (var k in config_default) {
1411             if (typeof mkws_config[k] === 'undefined')
1412                 mkws_config[k] = config_default[k];
1413             //debug("Set config: " + k + ' => ' + mkws_config[k]);
1414         }
1415     }
1416
1417
1418     /*
1419      * Run service-proxy authentication in background (after page load).
1420      * The username/password is configured in the apache config file
1421      * for the site.
1422      */
1423     function authenticate_session(auth_url, auth_domain, pp2_url) {
1424         log("Run service proxy auth URL: " + auth_url);
1425
1426         if (!auth_domain) {
1427             auth_domain = pp2_url.replace(/^(https?:)?\/\/(.*?)\/.*/, '$2');
1428             log("guessed auth_domain '" + auth_domain + "' from pp2_url '" + pp2_url + "'");
1429         }
1430
1431         var request = new pzHttpRequest(auth_url, function(err) {
1432             alert("HTTP call for authentication failed: " + err)
1433             return;
1434         }, auth_domain);
1435
1436         request.get(null, function(data) {
1437             if (!$.isXMLDoc(data)) {
1438                 alert("service proxy auth response document is not valid XML document, give up!");
1439                 return;
1440             }
1441             var status = $(data).find("status");
1442             if (status.text() != "OK") {
1443                 alert("service proxy auth repsonse status: " + status.text() + ", give up!");
1444                 return;
1445             }
1446
1447             log("Service proxy auth successfully done");
1448             mkws.authenticated = true;
1449             run_auto_searches();
1450         });
1451     }
1452
1453
1454     function run_auto_searches() {
1455         log("running auto searches");
1456
1457         for (var teamName in mkws.teams) {
1458             // ### should check mkwsTermlist as well, for facet-only teams
1459             var node = $('.mkwsRecords.mkwsTeam_' + teamName);
1460             var query = node.attr('autosearch');
1461             log("teamName '" + teamName + "', node=" + node + ", class='" + node.className + "', query=" + query);
1462
1463             if (query) {
1464                 var sort = node.attr('sort');
1465                 var targets = node.attr('targets');
1466                 var s = "running auto search: '" + query + "'";
1467                 if (teamName) s += " [teamName '" + teamName + "']";
1468                 if (sort) s += " sorted by '" + sort + "'";
1469                 if (targets) s += " in targets '" + targets + "'";
1470                 log(s);
1471                 var team = mkws.teams[teamName];
1472                 log($.toJSON(team));
1473                 team.newSearch(query, sort, targets, teamName);
1474             }
1475         }
1476     }
1477
1478
1479     $(document).ready(function() {
1480         log("on load ready");
1481         default_mkws_config();
1482
1483         // Backwards compatibility: set new magic class names on any
1484         // elements that have the old magic IDs.
1485         var ids = [ "Switch", "Lang", "Search", "Pager", "Navi",
1486                     "Results", "Records", "Targets", "Ranking",
1487                     "Termlists", "Stat" ];
1488         for (var i = 0; i < ids.length; i++) {
1489             var id = 'mkws' + ids[i];
1490             var node = $('#' + id);
1491             if (node.attr('id')) {
1492                 node.addClass(id);
1493                 log("added magic class to '" + node.attr('id') + "'");
1494             }
1495         }
1496
1497         // For all MKWS-classed nodes that don't have a team
1498         // specified, set the team to AUTO.
1499         $('[class^="mkws"],[class*=" mkws"]').each(function () {
1500             if (!this.className.match(/mkwsTeam_/)) {
1501                 log("adding AUTO team to node with class '" + this.className + "'");
1502                 $(this).addClass('mkwsTeam_AUTO');
1503             }
1504         });
1505
1506         // Find all nodes with an class, and determine their team from
1507         // the mkwsTeam_* class. Make all team objects.
1508         $('[class^="mkws"],[class*=" mkws"]').each(function () {
1509             var node = this;
1510             mkws.handle_node_with_team(node, function(tname) {
1511                 if (!mkws.teams[tname]) {
1512                     mkws.teams[tname] = team(j, tname);
1513                     log("Made MKWS team '" + tname + "'");
1514                 }
1515             });
1516         });
1517
1518         if (mkws_config.use_service_proxy) {
1519             authenticate_session(mkws_config.service_proxy_auth,
1520                                  mkws_config.service_proxy_auth_domain,
1521                                  mkws_config.pazpar2_url);
1522         } else {
1523             // raw pp2
1524             run_auto_searches();
1525         }
1526     });
1527 })(jQuery);