/*
	*  Ajax Autocomplete for jQuery, version 1.1
	*  (c) 2009 Tomas Kirda
	*
	*  Ajax Autocomplete for jQuery is freely distributable under the terms of an MIT-style license.
	*  For details, see the web site: http://www.devbridge.com/projects/autocomplete/jquery/
	*
	*  Last Review: 09/27/2009
	*/

	/*jslint onevar: true, evil: true, nomen: true, eqeqeq: true, bitwise: true, regexp: true, newcap: true, immed: true */
	/*global window: true, document: true, clearInterval: true, setInterval: true, jQuery: true */

	(function($) {

	var reEscape = new RegExp('(\\' + ['/', '.', '*', '+', '?', '|', '(', ')', '[', ']', '{', '}', '\\'].join('|\\') + ')', 'g');

	function fnFormatResult(value, data, currentValue) {
	var pattern = '(' + currentValue.replace(reEscape, '\\$1') + ')';
	return value.replace(new RegExp(pattern, 'gi'), '<strong>$1<\/strong>');
	}

	function Autocomplete(el, options) {
	this.el = $(el);
	this.el.attr('autocomplete', 'off');
	this.suggestions = [];
	this.data = [];
	this.badQueries = [];
	this.selectedIndex = -1;
	this.currentValue = this.el.val();
	this.intervalId = 0;
	this.cachedResponse = [];
	this.onChangeInterval = null;
	this.ignoreValueChange = false;
	this.serviceUrl = options.serviceUrl;
	this.isLocal = false;
	this.isDirty = false;
	this.options = {
	autoSubmit: false,
	minChars: 1,
	maxHeight: 300,
	deferRequestBy: 0,
	completedDelay: 500,
	width: 0,
	highlight: true,
	params: {},
	fnFormatResult: fnFormatResult,
	delimiter: null,
	zIndex: 9999,
	alwaysSelected: false
	};
	this.initialize();
	this.setOptions(options);
	}
	
	$.fn.autocomplete = function(options) {
	return new Autocomplete(this.get(0), options);
	};


	Autocomplete.prototype = {

	killerFn: null,

	initialize: function() {

	var me, uid, autocompleteElId;
	me = this;
	uid = new Date().getTime();
	autocompleteElId = 'Autocomplete_' + uid;

	this.killerFn = function(e) {
	if ($(e.target).parents('.autocomplete').size() === 0) {
	if(me.isDirty) {
	// when user clicks away from autocomplete, mark as error if field is dirty
	TTZC.Site.markError(me.el.attr('id'));
	}
	me.killSuggestions();
	me.disableKillerFn();
	}
	};

	if (!this.options.width) { this.options.width = this.el.width(); }
	this.mainContainerId = 'AutocompleteContainter_' + uid;

	$('<div id="' + this.mainContainerId + '" style="position:absolute;z-index:9999;"><div class="autocomplete-w1"><div class="autocomplete" id="' + autocompleteElId + '" style="display:none; width:300px;"></div></div></div>').appendTo('body');

	this.container = $('#' + autocompleteElId);
	this.fixPosition();
	if (window.opera) {
	this.el.keypress(function(e) { me.onKeyPress(e); });
	} else {
	this.el.keydown(function(e) { me.onKeyPress(e); });
	}
	this.el.keyup(function(e) { me.onKeyUp(e); });
	this.el.blur(function() { me.enableKillerFn(); });
	this.el.focus(function() { me.fixPosition(); });
	},
	
	setOptions: function(options){
	var o = this.options;
	$.extend(o, options);
	if(o.lookup){
	this.isLocal = true;
	if($.isArray(o.lookup)){ o.lookup = { suggestions:o.lookup, data:[] }; }
	}
	$('#'+this.mainContainerId).css({ zIndex:o.zIndex });
	this.container.css({ maxHeight: o.maxHeight + 'px', width:o.width });
	},
	
	clearCache: function(){
	this.cachedResponse = [];
	this.badQueries = [];
	},
	
	disable: function(){
	this.disabled = true;
	},
	
	enable: function(){
	this.disabled = false;
	},

	fixPosition: function() {
	var offset = this.el.offset();
	$('#' + this.mainContainerId).css({ top: (offset.top + this.el.innerHeight()) + 'px', left: offset.left + 'px' });
	},

	enableKillerFn: function() {
	var me = this;
	$(document).bind('click', me.killerFn);
	},

	disableKillerFn: function() {
	var me = this;
	$(document).unbind('click', me.killerFn);
	},

	killSuggestions: function() {
	var me = this;
	this.stopKillSuggestions();
	this.intervalId = window.setInterval(function() { me.hide(); me.stopKillSuggestions(); }, 300);
	},

	stopKillSuggestions: function() {
	window.clearInterval(this.intervalId);
	},

	onKeyPress: function(e) {
	if(this.disabled) { return ;}
	if(!this.isDirty) {
	this.originalValue = this.el.val();
	this.isDirty = true;
	}
	if(!this.enabled) {
	switch (e.keyCode) {
	case 27: //KEY_ESC:
	this.el.val(this.originalValue);
	this.el.select();
	this.isDirty = false;
	break;
	case 9:
	case 13:
	case 91: // command key (Mac?)
	case 18: // option key (Mac?)
	this.isDirty = false;
	break;
	}
	}
	else {
	// return will exit the function
	// and event will not be prevented
	switch (e.keyCode) {
	case 27: //KEY_ESC:
	break;
	case 9: //KEY_TAB:
	case 13: //KEY_RETURN:
	if (this.selectedIndex === -1) {
	this.hide();
	return;
	}
	this.select(this.selectedIndex);
	if (e.keyCode === 9/* KEY_TAB */) { return; }
	this.el.select();
	this.isDirty = false;
	break;
	case 38: //KEY_UP:
	this.moveUp();
	break;
	case 40: //KEY_DOWN:
	this.moveDown();
	break;
	default:
	return;
	}
	e.stopImmediatePropagation();
	e.preventDefault();      
	}
	},

	onKeyUp: function(e) {
	if(this.disabled){ return; }
	switch (e.keyCode) {
	case 38: //KEY_UP:
	case 40: //KEY_DOWN:
	return;
	case 27: //KEY_ESC
	this.el.val(this.originalValue);
	this.hide();
	this.el.select();
	this.isDirty = false;
	TTZC.Site.clearError(this.el.attr('id')); // if user escapes back to previous good value, clear error
	return;
	}
	clearInterval(this.onChangeInterval);
	clearTimeout(this.completedDelayInterval);
	if (this.currentValue !== this.el.val()) {
	var me = this;
	if (this.options.deferRequestBy > 0) {
	// Defer lookup in case when value changes very quickly
	this.onChangeInterval = setInterval(function() { me.onValueChange(); }, this.options.deferRequestBy);
	} else {
	this.onValueChange();
	}
	if (this.options.completedDelay > 0) {
	this.completedDelayInterval = setTimeout(function() { TTZC.Site.recordQuery(me.el.attr('id'), 'a');}, this.options.completedDelay);
	}
	}
	},

	onValueChange: function() {
	TTZC.Site.clearError(this.el.attr('id')); // clear error any time value changes, like delete a character
	clearInterval(this.onChangeInterval);
	this.currentValue = this.el.val();
	var q = this.getQuery(this.currentValue);
	this.selectedIndex = -1;
	if (this.ignoreValueChange) {
	this.ignoreValueChange = false;
	return;
	}
	if (q === '' || q.length < this.options.minChars) {
	this.hide();
	} else {
	this.getSuggestions(q);
	if(this.options.alwaysSelected) { // always selected
	this.selectedIndex = 0;
	this.adjustScroll(0);
	}
	}
	},

	getQuery: function(val) {
	var d, arr;
	d = this.options.delimiter;
	if (!d) { return $.trim(val); }
	arr = val.split(d);
	return $.trim(arr[arr.length - 1]);
	},

	getSuggestionsLocal: function(q) {
	var ret, arr, len, val, i;
	arr = this.options.lookup;
	len = arr.suggestions.length;
	ret = { suggestions:[], data:[] };
	q = q.toLowerCase();
	for(i=0; i< len; i++){
	val = arr.suggestions[i];
	if(val.toLowerCase().indexOf(q) === 0){
	ret.suggestions.push(val);
	ret.data.push(arr.data[i]);
	}
	}
	return ret;
	},
	
	getSuggestions: function(q) {
	var cr, me;
	cr = this.isLocal ? this.getSuggestionsLocal(q) : this.cachedResponse[q];
	if (cr && $.isArray(cr.suggestions)) {
	this.suggestions = cr.suggestions;
	this.data = cr.data;
	this.suggest();
	} else if (!this.isBadQuery(q)) {
	me = this;
	me.options.params.query = q;
	$.get(this.serviceUrl, me.options.params, function(txt) { me.processResponse(txt); }, 'text');
	}
	},

	isBadQuery: function(q) {
	var i = this.badQueries.length;
	while (i--) {
	if (q.indexOf(this.badQueries[i]) === 0) { return true; }
	}
	return false;
	},

	hide: function() {
	this.enabled = false;
	this.selectedIndex = -1;
	this.container.hide();
	},

	suggest: function() {
	if (this.suggestions.length === 0) {
	TTZC.Site.markError(this.el.attr('id')); // if we're hiding the autocomplete because there are no suggestions, mark it as an error
	this.hide();
	return;
	}

	var me, len, div, f, v, i, s, mOver, mClick;
	me = this;
	len = this.suggestions.length;
	f = this.options.fnFormatResult;
	v = this.getQuery(this.currentValue);
	mOver = function(xi) { return function() { me.activate(xi); }; };
	mClick = function(xi) { return function() { me.select(xi); }; };
	this.container.hide().empty();
	for (i = 0; i < len; i++) {
	s = this.suggestions[i];
	div = $((me.selectedIndex === i ? '<div class="selected"' : '<div') + ' title="' + s + '">' + f(s, this.data[i], v) + '</div>');
	div.mouseover(mOver(i));
	div.click(mClick(i));
	this.container.append(div);
	}
	this.enabled = true;
	this.container.show();
	},

	processResponse: function(text) {
	var response;
	try {
	response = eval('(' + text + ')');
	} catch (err) { return; }
	if (!$.isArray(response.data)) { response.data = []; }
	this.cachedResponse[response.query] = response;
	if (response.suggestions.length === 0) { this.badQueries.push(response.query); }
	if (response.query === this.getQuery(this.currentValue)) {
	this.suggestions = response.suggestions;
	this.data = response.data;
	this.suggest(); 
	}
	},

	activate: function(index) {
	var divs, activeItem;
	divs = this.container.children();
	// Clear previous selection:
	if (this.selectedIndex !== -1 && divs.length > this.selectedIndex) {
	$(divs.get(this.selectedIndex)).attr('class', '');
	}
	this.selectedIndex = index;
	if (this.selectedIndex !== -1 && divs.length > this.selectedIndex) {
	activeItem = divs.get(this.selectedIndex);
	$(activeItem).attr('class', 'selected');
	}
	return activeItem;
	},

	deactivate: function(div, index) {
	div.className = '';
	if (this.selectedIndex === index) { this.selectedIndex = -1; }
	},

	select: function(i) {
	var selectedValue, f;
	selectedValue = this.suggestions[i];
	if (selectedValue) {
	this.el.val(selectedValue);
	if (this.options.autoSubmit) {
	f = this.el.parents('form');
	if (f.length > 0) { f.get(0).submit(); }
	}
	this.ignoreValueChange = true;
	this.hide();
	this.onSelect(i);
	this.isDirty = false;
	}
	},

	moveUp: function() {
	if (this.selectedIndex === -1) { return; }
	if (this.selectedIndex === 0) {
	if(this.options.alwaysSelected) { return; }
	this.container.children().get(0).className = '';
	this.selectedIndex = -1;
	this.el.val(this.currentValue);
	return;
	}
	this.adjustScroll(this.selectedIndex - 1);
	},

	moveDown: function() {
	if (this.selectedIndex === (this.suggestions.length - 1)) { return; }
	this.adjustScroll(this.selectedIndex + 1);
	},

	adjustScroll: function(i) {
	var activeItem, offsetTop, upperBound, lowerBound;
	activeItem = this.activate(i);
	if(!activeItem) return;
	offsetTop = activeItem.offsetTop;
	upperBound = this.container.scrollTop();
	lowerBound = upperBound + this.options.maxHeight - 25;
	if (offsetTop < upperBound) {
	this.container.scrollTop(offsetTop);
	} else if (offsetTop > lowerBound) {
	this.container.scrollTop(offsetTop - this.options.maxHeight + 25);
	}
	//this.el.val(this.suggestions[i]);
	},

	onSelect: function(i) {
	var me, onSelect, getValue, s, d;
	me = this;
	onSelect = me.options.onSelect;
	getValue = function(value) {
	var del, currVal, arr;
	del = me.options.delimiter;
	if (!del) { return value; }
	currVal = me.currentValue;
	arr = currVal.split(del);
	if (arr.length === 1) { return value; }
	return currVal.substr(0, currVal.length - arr[arr.length - 1].length) + value;
	};
	s = me.suggestions[i];
	d = me.data[i];
	me.el.val(getValue(s));
	if ($.isFunction(onSelect)) { onSelect(s, d); }
	}

	};

	}(jQuery));