search.js

function initSearch(events, dl) {
    $( "#search-source" ).autocomplete({
	minLength: 0,
	source: function(request, response) {
	    var re = new RegExp($.ui.autocomplete.escapeRegex(request.term), "i");
	    response($.grep(events, function(item) {
		return re.test(item.sentence);
	    }));
	},
	focus: function( event, ui ) {
            $( "#source" ).val( ui.item.text );
            return false;
	},
	select: function( event, ui ) {
            $( "#source" ).val( ui.item.text );
	    scrollTo(dl, ui.item.id)
	    return false;
	}
    })
	.autocomplete( "instance" )._renderItem = function( ul, item ) {
 	    var re = new RegExp("(" + $.ui.autocomplete.escapeRegex(this.term) + ")", "i");
	    var text = htmlize(item.sentence).replace(re, "<span class='ui-match'>$1</span>");
	    return $( "<li>" )
		.append(
		    "<div>" +
			"<span class='ui-source'>" + item.text + "</span> " +
			"<span class='ui-meta'>" + item.start.toLocaleDateString(undefined, {month:"long", day:"numeric", year:"numeric"}) + "</span>" +
			"<br/>" +
			"<span class='ui-sent'>" + text + "</span>" +
		    "</div>" )
		.appendTo( ul );
	};
}

/*
 * If the URL contains an event id as fragment, scroll to the 
 * event and show its info box. */
function scrollToFragment(dl) {
    if (document.location.hash)
	scrollTo(dl, document.location.hash.substr(1));
}

/*
 * Scroll to the event with the given id and show its info box.
 */
function scrollTo(dl, itemid) {
    var evt = dl.find(itemid);
    // hack: after some delay (!) show info bubble
    setTimeout(function(){
	for (var i=0; i < evt.elements.length; i++) {
	    var elem = evt.elements[i];
	    if (elem.classList.contains("d-event")) {
		simulateClick(elem);
	    }
	}
    }, 2000);
}

function simulateClick(cb) {
    cb.dispatchEvent(new MouseEvent('click', {
	view: window,
	bubbles: true,
	cancelable: true
    }));
}