+
+ function buildPopup(input, destination, linkBindFunction)
+ {
+ var $popup = destination;
+ var selected = null;
+ var hovered = 0;
+
+ function updateSelection()
+ {
+ var sel = $popup.children('.contact').addClass('grayed');
+ if (selected !== null) {
+ while (selected < 0) {
+ selected += sel.length;
+ }
+ if (selected >= sel.length) {
+ selected -= sel.length;
+ }
+ sel.eq(selected).removeClass('grayed');
+ }
+ }
+
+ function formatProfile(i, profile) {
+ var data = $.tmpl('quickMinifiche', profile)
+ .css('cursor', 'pointer')
+ .hover(function() {
+ selected = i;
+ updateSelection();
+ hovered++;
+ }, function() {
+ if (selected === i) {
+ selected = null;
+ updateSelection();
+ }
+ hovered--;
+ }).mouseup(function() {
+ var sel = $(this).find('a');
+ if (!sel.attr('hovered')) {
+ sel.click();
+ }
+ });
+ data.find('a').hover(function() { $(this).attr('hovered', true) },
+ function() { $(this).attr('hovered', false) });
+ return data;
+ }
+
+ if (!$popup) {
+ $popup = $('<div>').hide()
+ .addClass('contact-list')
+ .css({
+ position: 'absolute',
+ width: '300px',
+ top: input.css('bottom'),
+ clear: 'both',
+ 'text-align': 'left'
+ });
+ input.after($popup);
+ }
+
+ return {
+ hide: function(ignoreIfHover) {
+ if (ignoreIfHover && hovered !== 0) {
+ return true;
+ }
+ selected = null;
+ updateSelection();
+ $popup.hide();
+ return true;
+ },
+
+ show: function() {
+ var pos = findPos(input.get(0));
+ $popup.css('left', pos.x - 300 + input.width()).show();
+ return true;
+ },
+
+ selected: function() {
+ return selected !== null;
+ },
+
+ unselect: function() {
+ selected = null;
+ updateSelection();
+ },
+
+ selectNext: function() {
+ if (selected === null) {
+ selected = 0;
+ } else {
+ selected++;
+ }
+ updateSelection();
+ return true;
+ },
+
+ selectPrev: function() {
+ if (selected === null) {
+ selected = -1;
+ } else {
+ selected--;
+ }
+ updateSelection();
+ return true;
+ },
+
+ activeCurrent: function() {
+ var sel = $popup.children('.contact');
+ if (selected !== null) {
+ sel.eq(selected).find('a').click();
+ return false;
+ }
+ return true;
+ },
+
+ updateContent: function(profiles, extra) {
+ var profile;
+ var $this;
+ $popup.empty();
+ for (var i = 0, len = profiles.length; i < len; i++) {
+ (function(elt) {
+ var profile = formatProfile(i, elt);
+ profile.find('a').each(function() {
+ linkBindFunction.call(this, elt, $this, extra);
+ });
+ profile.appendTo($popup);
+ }(profiles[i]));
+ }
+ if (len === 1) {
+ selected = 0;
+ } else {
+ selected = null;
+ }
+ updateSelection();
+ if (len > 0) {
+ this.show();
+ } else {
+ this.hide();
+ }
+ return true;
+ }
+ };
+ }
+