Autocompleter.LocalAdvanced = Class.create(Autocompleter.Base, {
	initialize: function(element, display, update, hiddenInput, array, options) {
		this.baseInitialize(element, update, options);
		this.options.array = array;
		this.options.hiddenInput = new HiddenInput(hiddenInput, this);
		this.options.hiddenInputId = hiddenInput;
		this.options.element = element;
		//this.options.contact = this.options.contacts || {};
		this.display = $(display);
		this.options.display = this.display;
		this.options.maxAllowedSelections = this.options.maxAllowedSelections || 20;
		if (this.options.allowFreeType == undefined)
			this.options.allowFreeType = true;
		this.options.updateElement = this.addContactToList;
		this.options.addGenericToList = this.addGenericToList;
		this.wrapper = $(this.element.parentNode);

		if (!this.element.hacks) {
			this.element.should_use_borderless_hack = Prototype.Browser.WebKit;
			this.element.should_use_shadow_hack = Prototype.Browser.IE || Prototype.Browser.Opera;
			this.element.hacks = true;
		}
		if (this.element.should_use_borderless_hack || this.element.should_use_shadow_hack) { this.wrapper.addClassName('tokenizer_input_borderless'); }

		this.options.onShow = function(element, update) {
			Element.clonePosition(update, element.parentNode.parentNode, { setHeight: false, setWidth: false, offsetTop: element.parentNode.parentNode.offsetHeight });
			update.show();
		}
		this.options.onHide = function(element, update) { update.hide() };
		Event.observe(this.options.element, 'blur', this.onSelectLast.bindAsEventListener(this));
	},

	onSelectLast: function() {
		if (this.options.maxAllowedSelections > this.getSelectedCount()) {
			this.selectAllProcess = true;
			if (this.active) {
				this.selectEntry();
			}
			else {
				var email_addr = this.element.value.strip().sub(',', '')
				if (this.options.allowFreeType == true && this.options.maxAllowedSelections > this.getSelectedCount() && email_addr.length > 0) {
					this.addEmailToList(email_addr);
				}
			}
			this.selectAllProcess = false;
		}
	},

	getUpdatedChoices: function() {
		this.updateChoices(this.options.selector(this));
	},

	getSelectedCount: function() {
		return Element.select(this.element.parentNode.parentNode, '.token').length;
	},

	onBlur: function($super, event) {
		$super();
		//move itself back to the end on blur
		if (this.wrapper.nextSiblings().length > 0) {
			this.wrapper.nextSiblings().last().insert({
				after: this.wrapper
			});

		}
	},
	set_input_size: function(size) {
		size = size || 20;
		this.element.setStyle({ width: size + "px" });
	},
	onKeyPress: function(event) {
		//dynamically resize the input field
		var new_size = 20 + (this.element.value.length * 7);
		if (new_size <= 340) {
			this.set_input_size(new_size);
		} else {
			this.set_input_size(340);
		}
		//active is when there's suggesitons found
		if (this.active)
			switch (event.keyCode) {
			case Event.KEY_TAB:
			case Event.KEY_RETURN:
				if (this.options.maxAllowedSelections > this.getSelectedCount()) {
					this.selectEntry();
				}
				Event.stop(event);
			case Event.KEY_ESC:
				this.hide();
				this.active = false;
				Event.stop(event);
				return;
			case Event.KEY_LEFT:
			case Event.KEY_RIGHT:
				return;
			case Event.KEY_UP:
				this.markPrevious();
				this.render();
				Event.stop(event);
				return;
			case Event.KEY_DOWN:
				this.markNext();
				this.render();
				Event.stop(event);
				return;
		}
		else {
			if (event.keyCode == Event.KEY_TAB || event.keyCode == Event.KEY_RETURN ||
            (Prototype.Browser.WebKit > 0 && event.keyCode == 0) || event.keyCode == 44 /* , comma */ || event.keyCode == 188) {
				var email_addr = this.element.value.strip().sub(',', '')
				//recognise email format
				if (this.options.allowFreeType == true && this.options.maxAllowedSelections > this.getSelectedCount() && email_addr.length > 0) {
					this.addEmailToList(email_addr);
				}
				Event.stop(event);
				this.element.value = "";
				this.set_input_size();
				return false;

			}
			switch (event.keyCode) {
				//jump left to token                                                                                    
				case Event.KEY_LEFT:
				case Event.KEY_BACKSPACE:
					if (this.element.value == "" && typeof this.wrapper.previous().token != "undefined") {
						this.wrapper.previous().token.select();

					}
					return;
					//jump right to token
				case Event.KEY_RIGHT:
					if (this.element.value == "" && this.wrapper.next() && typeof this.wrapper.next().token != "undefined") {
						this.wrapper.next().token.select();
					}
			}
		}

		this.changed = true;
		this.hasFocus = true;

		if (this.observer) clearTimeout(this.observer);
		this.observer =
        setTimeout(this.onObserverEvent.bind(this), this.options.frequency * 1000);

	},

	setOptions: function(options) {
		this.options = Object.extend({
			choices: 10,
			partialSearch: true,
			partialChars: 1,
			ignoreCase: true,
			fullSearch: true,
			selector: function(instance) {
				var ret = [];
				// Beginning matches
				var partial = [];
				// Inside matches
				var entry = instance.getToken();
				var count = 0;

				for (var i = 0; i < instance.options.array.length &&
                ret.length < instance.options.choices; i++) {

					var elem = instance.options.array[i];
					var elem_name = elem[instance.options.search_field];
					var foundPos = instance.options.ignoreCase ?
                    elem_name.toLowerCase().indexOf(entry.toLowerCase()) :
                    elem_name.indexOf(entry);

					while (foundPos != -1) {

						if (foundPos == 0 && elem_name.length != entry.length) {
							var value = "<strong>" + elem_name.substr(0, entry.length) + "</strong>" + elem_name.substr(entry.length);
							ret.push(
                            "<li value='" + i + "'>" + "<div>" + value + "</div>"
                            + "<div>" + elem.value + "</div><div style=\"display: none;\">" + elem.id + "</div></li>"
                            );
							break;

						} else if (entry.length >= instance.options.partialChars && instance.options.partialSearch && foundPos != -1) {
							if (instance.options.fullSearch || /\s/.test(elem_name.substr(foundPos - 1, 1))) {
								var value = elem_name.substr(0, foundPos) + "<strong>" +
                                elem_name.substr(foundPos, entry.length) + "</strong>" + elem_name.substr(
                                foundPos + entry.length)

								partial.push(
                                "<li value='" + i + "'>" + "<div>" + value + "</div>"
                                + "<div>" + elem.value + "</div><div style=\"display: none\">" + elem.id + "</div></li>"
                                );
								break;

							}

						}
						foundPos = instance.options.ignoreCase ?
                        elem_name.toLowerCase().indexOf(entry.toLowerCase(), foundPos + 1) :
                        elem_name.indexOf(entry, foundPos + 1);
					}
				}
				if (partial.length)
					ret = ret.concat(partial.slice(0, instance.options.choices - ret.length));
				return "<ul>" + ret.join('') + "</ul>";

			}

		},
        options || {});

	},

	addGenericToList: function(id, value) {
		var hiddenValName = "";
		if (this.options == undefined) {
			$(this.element).value = "";
			hiddenValName = this.hiddenInputId;
		}
		else {
			$(this.options.element).value = "";
			hiddenValName = this.options.hiddenInputId;
		}
		var token = Builder.node('a', { "class": 'token', href: "#", tabindex: "-1" },
       Builder.node('span',
       Builder.node('span',
       Builder.node('span',
       Builder.node('span', {}, [
           Builder.node('input', { type: "hidden", name: hiddenValName, value: id }),
           value,
           Builder.node('span', { "class": 'x', onmouseout: "this.className='x'", onmouseover: "this.className='x_hover'",
           	onclick: "this.parentNode.parentNode.parentNode.parentNode.parentNode.remove(true); return false;"
           }, " ")
           ]
       )
       )
       )
       )
   );
		$(token).down(4).next().innerHTML = "&nbsp;";
		if (this.options == undefined) {
			new Token(token, this.hiddenInput);
		}
		else {
			new Token(token, this.options.hiddenInput);
		}
		//$('autocomplete_display').insert({ before: token });
		this.display.insert({ before: token });
		if (!(this.options == undefined) && !(this.options.selectCallback == undefined)) {
			this.options.selectCallback();
		}
		else if (!(this.selectCallback == undefined)) {
			this.selectCallback();
		}
	},

	clearAllItems: function() {
		var parentNode = $(this.options.display).parentNode;
		var arr = Element.select(parentNode, 'a.token');
		//var arr = parentNode.select('a.token');
		for (var i = 0; i < arr.length; i++)
			arr[i].remove(true);
	},

	addContactToList: function(item) {
		var id = item.lastChild.innerHTML;
		var val = this.array[Element.readAttribute(item, 'value')].text;
		this.addGenericToList(id, val);
	},
	addEmailToList: function(email) {
		this.addGenericToList(email, email);
	}

});
HiddenInput = Class.create({
	initialize: function(element, auto_complete) {
		this.element = $(element);
		this.auto_complete = auto_complete;
		this.token;
		Event.observe(this.element, 'keydown', this.onKeyPress.bindAsEventListener(this));
	},
	onKeyPress: function(event) {
		if (this.token.selected) {
			switch (event.keyCode) {
				case Event.KEY_LEFT:
					this.token.element.insert({
						before:
                    this.auto_complete.wrapper
					})
					this.token.deselect();
					this.auto_complete.element.focus();
					return false;
				case Event.KEY_RIGHT:
					this.token.element.insert({
						after:
                    this.auto_complete.wrapper
					})
					this.token.deselect();
					this.auto_complete.element.focus();
					return false;
				case Event.KEY_BACKSPACE:
				case Event.KEY_DELETE:
					this.token.element.remove();
					this.auto_complete.element.focus();
					return false;
			}
		}
	}
})
Token = Class.create({
    initialize: function(element, hidden_input) {
        this.element = $(element);
        this.hidden_input = hidden_input;
        this.element.token = this;
        this.selected = false;
        Event.observe(document, 'click', this.onclick.bindAsEventListener(this));
    },
    select: function() {
        this.hidden_input.token = this;
        this.hidden_input.element.activate();
        this.selected = true;
        this.element.addClassName('token_selected');
    },
    deselect: function() {
        this.hidden_input.token = undefined;
        this.selected = false;
        this.element.removeClassName('token_selected')
    },
    onclick: function(event) {
        if (this.detect(event) && !this.selected) {
            this.select();

        } else {
            this.deselect();
        }
    },
    detect: function(e) {
        //find the event object
        var eventTarget = e.target ? e.target : e.srcElement;
        var token = eventTarget.token;
        var candidate = eventTarget;
        while (token == null && candidate.parentNode) {
            candidate = candidate.parentNode;
            token = candidate.token;
        }
        return token != null && token.element == this.element;
    }
});