/**

 * Interface Elements for jQuery

 * Autocompleter

 * 

 * http://interface.eyecon.ro

 * 

 * Copyright (c) 2006 Stefan Petre

 * Dual licensed under the MIT (MIT-LICENSE.txt) 

 * and GPL (GPL-LICENSE.txt) licenses.

 *  

 */

/**

 * Attach AJAX driven autocomplete/sugestion box to text input fields.

 *

 * 

 * 

 * @name Autocomplete

 * @description Attach AJAX driven autocomplete/sugestion box to text input fields.

 * @param Hash hash A hash of parameters

 * @option String source the URL to request

 * @option Integer delay (optional) the delayed time to start the AJAX request

 * @option Boolean autofill (optional) when true the first sugested value fills the input

 * @option String helperClass (optional) the CSS class applied to sugestion box

 * @option String selectClass (optional) the CSS class applied to selected/hovered item

 * @option Integer minchars (optional) the number of characters needed before starting AJAX request

 * @option Hash fx (optional) {type:[slide|blind|fade]; duration: integer} the fx type to apply to sugestion box and duration for that fx

 * @option Function onSelect (optional) A function to be executed whenever an item it is selected

 * @option Function onShow (optional) A function to be executed whenever the suggection box is displayed

 * @option Function onHide (optional) A function to be executed whenever the suggection box is hidden

 * @option Function onHighlight (optional) A function to be executed whenever an item it is highlighted

 *

 * @type jQuery

 * @cat Plugins/Interface

 * @author Stefan Petre

 */

jQuery.iAuto = {

	helper : null,

	content : null,

	iframe: null,

	timer : null,

	lastValue: null,

	currentValue: null,

	subject: null,

	selectedItem : null,

	items: null,

	empty : function()

	{

		jQuery.iAuto.content.empty();

		if (jQuery.iAuto.iframe) {

			jQuery.iAuto.iframe.hide();

		}

	},

	clear : function()

	{

		jQuery.iAuto.items = null;

		jQuery.iAuto.selectedItem = null;

		jQuery.iAuto.lastValue = jQuery.iAuto.subject.value;

		if(jQuery.iAuto.helper.css('display') == 'block') {

			if (jQuery.iAuto.subject.autoCFG.fx) {

				switch(jQuery.iAuto.subject.autoCFG.fx.type) {

					case 'fade':

						jQuery.iAuto.helper.fadeOut(jQuery.iAuto.subject.autoCFG.fx.duration, jQuery.iAuto.empty);

						break;

					case 'slide':

						jQuery.iAuto.helper.SlideOutUp(jQuery.iAuto.subject.autoCFG.fx.duration, jQuery.iAuto.empty);

						break;

					case 'blind':

						jQuery.iAuto.helper.BlindUp(jQuery.iAuto.subject.autoCFG.fx.duration, jQuery.iAuto.empty);

						break;

				}

			} else {

				jQuery.iAuto.helper.hide();

			}

			if (jQuery.iAuto.subject.autoCFG.onHide)

				jQuery.iAuto.subject.autoCFG.onHide.apply(jQuery.iAuto.subject, [jQuery.iAuto.helper, jQuery.iAuto.iframe]);

		} else {

			jQuery.iAuto.empty();

		}

		window.clearTimeout(jQuery.iAuto.timer);

	},

	update : function ()

	{

		var subject = jQuery.iAuto.subject;

		var subjectValue = jQuery.iAuto.getFieldValues(subject);

		//var selectionStart = jQuery.iAuto.getSelectionStart(subject);

		if (subject && subjectValue.item != jQuery.iAuto.lastValue && subjectValue.item.length >= subject.autoCFG.minchars) {

			jQuery.iAuto.lastValue = subjectValue.item;

			jQuery.iAuto.currentValue = subjectValue.item;

			data = {

				field: jQuery(subject).attr('name')||'field',

				value: subjectValue.item

			};

			jQuery.ajax(

				{

					type: 'POST',

					data: jQuery.param(data),

					success: function(xml)

					{

						subject.autoCFG.lastSuggestion = jQuery('item',xml);

						size = subject.autoCFG.lastSuggestion.size();

						if (size > 0) {

							var toWrite = '';

							subject.autoCFG.lastSuggestion.each(

								function(nr)

								{

									toWrite += '<li rel="' + jQuery('value', this).text() + '" dir="' + nr + '" style="cursor: default;">' + jQuery('text', this).text() + '</li>';

								}

							);

							if (subject.autoCFG.autofill) {

								var valueToAdd = jQuery('value', subject.autoCFG.lastSuggestion.get(0)).text();

								subject.value = subjectValue.pre + valueToAdd + subject.autoCFG.multipleSeparator + subjectValue.post;

								jQuery.iAuto.selection(

									subject, 

									subjectValue.item.length != valueToAdd.length ? (subjectValue.pre.length + subjectValue.item.length) : valueToAdd.length,

									subjectValue.item.length != valueToAdd.length ? (subjectValue.pre.length + valueToAdd.length) : valueToAdd.length

								);

							}

							if (size > 0) {

								jQuery.iAuto.writeItems(subject, toWrite);

							} else {

								jQuery.iAuto.clear();

							}

						} else {

							jQuery.iAuto.clear();

						}

					},

					url : subject.autoCFG.source

				}

			);

		}

	},

	writeItems : function(subject, toWrite)

	{

		jQuery.iAuto.content.html(toWrite);

		jQuery.iAuto.items = jQuery('li', jQuery.iAuto.content.get(0));

		jQuery.iAuto.items

			.mouseover(jQuery.iAuto.hoverItem)

			.bind('click', jQuery.iAuto.clickItem);

		var position = jQuery.iUtil.getPosition(subject);

		var size = jQuery.iUtil.getSize(subject);

		jQuery.iAuto.helper

			.css('top', position.y + size.hb + 'px')

			.css('left', position.x +  'px')

			.addClass(subject.autoCFG.helperClass);

		if (jQuery.iAuto.iframe) {

			jQuery.iAuto.iframe

				.css('display', 'block')

				.css('top', position.y + size.hb + 'px')

				.css('left', position.x +  'px')

				.css('width', jQuery.iAuto.helper.css('width'))

				.css('height', jQuery.iAuto.helper.css('height'));

		}

		jQuery.iAuto.selectedItem = 0;

		jQuery.iAuto.items.get(0).className = subject.autoCFG.selectClass;

		jQuery.iAuto.applyOn(subject,subject.autoCFG.lastSuggestion.get(0), 'onHighlight');

		if (jQuery.iAuto.helper.css('display') == 'none') {

			if (subject.autoCFG.inputWidth) {

				var borders = jQuery.iUtil.getPadding(subject, true);

				var paddings = jQuery.iUtil.getBorder(subject, true);

				jQuery.iAuto.helper.css('width', subject.offsetWidth - (jQuery.boxModel ? (borders.l + borders.r + paddings.l + paddings.r) : 0 ) + 'px');

			}

			if (subject.autoCFG.fx) {

				switch(subject.autoCFG.fx.type) {

					case 'fade':

						jQuery.iAuto.helper.fadeIn(subject.autoCFG.fx.duration);

						break;

					case 'slide':

						jQuery.iAuto.helper.SlideInUp(subject.autoCFG.fx.duration);

						break;

					case 'blind':

						jQuery.iAuto.helper.BlindDown(subject.autoCFG.fx.duration);

						break;

				}

			} else {

				jQuery.iAuto.helper.show();

			}

			if (jQuery.iAuto.subject.autoCFG.onShow)

				jQuery.iAuto.subject.autoCFG.onShow.apply(jQuery.iAuto.subject, [jQuery.iAuto.helper, jQuery.iAuto.iframe]);

		}

	},

	checkCache : function()

	{

		var subject = this;

		if (subject.autoCFG.lastSuggestion) {

			jQuery.iAuto.lastValue = subject.value;

			jQuery.iAuto.currentValue = subject.value;

			var toWrite = '';

			subject.autoCFG.lastSuggestion.each(

				function(nr)

				{

					value = jQuery('value', this).text().toLowerCase();

					inputValue = subject.value.toLowerCase();

					if (value.indexOf(inputValue) == 0) {

						toWrite += '<li rel="' + jQuery('value', this).text() + '" dir="' + nr + '" style="cursor: default;">' + jQuery('text', this).text() + '</li>';

					}

				}

			);

			if (toWrite != '') {

				jQuery.iAuto.writeItems(subject, toWrite);

				this.autoCFG.inCache = true;

				return;

			}

		}

		subject.autoCFG.lastSuggestion = null;

		this.autoCFG.inCache = false;

	},

	selection : function(field, start, end)

	{

		if (field.createTextRange) {

			var selRange = field.createTextRange();

			selRange.collapse(true);

			selRange.moveStart("character", start);

			selRange.moveEnd("character", - end + start);

			selRange.select();

		} else if (field.setSelectionRange) {

			field.setSelectionRange(start, end);

		} else {

			if (field.selectionStart) {

				field.selectionStart = start;

				field.selectionEnd = end;

			}

		}

		field.focus();

	},

	getSelectionStart : function(field)

	{

		if (field.selectionStart)

			return field.selectionStart;

		else if(field.createTextRange) {

			var selRange = document.selection.createRange();

			var selRange2 = selRange.duplicate();

			return 0 - selRange2.moveStart('character', -100000);

			//result.end = result.start + range.text.length;

			/*var selRange = document.selection.createRange();

			var isCollapsed = selRange.compareEndPoints("StartToEnd", selRange) == 0;

			if (!isCollapsed)

				selRange.collapse(true);

			var bookmark = selRange.getBookmark();

			return bookmark.charCodeAt(2) - 2;*/

		}

	},

	getFieldValues : function(field)

	{

		var fieldData = {

			value: field.value,

			pre: '',

			post: '',

			item: ''

		};

		if(field.autoCFG.multiple) {

			var finishedPre = false;

			var selectionStart = jQuery.iAuto.getSelectionStart(field)||0;

			var chunks = fieldData.value.split(field.autoCFG.multipleSeparator);

			for (var i=0; i<chunks.length; i++) {

				if(

					(fieldData.pre.length + chunks[i].length >= selectionStart

					 || 

					selectionStart == 0)

					 && 

					!finishedPre 

				) {

					if (fieldData.pre.length <= selectionStart)

						fieldData.item = chunks[i];

					else 

						fieldData.post += chunks[i] + (chunks[i] != '' ? field.autoCFG.multipleSeparator : '');

					finishedPre = true;

				} else if (finishedPre){

					fieldData.post += chunks[i] + (chunks[i] != '' ? field.autoCFG.multipleSeparator : '');

				}

				if(!finishedPre) {

					fieldData.pre += chunks[i] + (chunks.length > 1 ? field.autoCFG.multipleSeparator : '');

				}

			}

		} else {

			fieldData.item = fieldData.value;

		}

		return fieldData;

	},

	autocomplete : function(e)

	{

		window.clearTimeout(jQuery.iAuto.timer);

		var subject = jQuery.iAuto.getFieldValues(this);

		var pressedKey = e.charCode || e.keyCode || -1;

		if (/13|27|35|36|38|40|9/.test(pressedKey) && jQuery.iAuto.items) {

			if (window.event) {

				window.event.cancelBubble = true;

				window.event.returnValue = false;

			} else {

				e.preventDefault();

				e.stopPropagation();

			}

			if (jQuery.iAuto.selectedItem != null) 

				jQuery.iAuto.items.get(jQuery.iAuto.selectedItem||0).className = '';

			else

				jQuery.iAuto.selectedItem = -1;

			switch(pressedKey) {

				//enter

				case 9:

				case 13:

					if (jQuery.iAuto.selectedItem == -1)

						jQuery.iAuto.selectedItem = 0;

					var selectedItem = jQuery.iAuto.items.get(jQuery.iAuto.selectedItem||0);

					var valueToAdd = selectedItem.getAttribute('rel');

					this.value = subject.pre + valueToAdd + this.autoCFG.multipleSeparator + subject.post;

					jQuery.iAuto.lastValue = subject.item;

					jQuery.iAuto.selection(

						this, 

						subject.pre.length + valueToAdd.length + this.autoCFG.multipleSeparator.length, 

						subject.pre.length + valueToAdd.length + this.autoCFG.multipleSeparator.length

					);

					jQuery.iAuto.clear();

					if (this.autoCFG.onSelect) {

						iteration = parseInt(selectedItem.getAttribute('dir'))||0;

						jQuery.iAuto.applyOn(this,this.autoCFG.lastSuggestion.get(iteration), 'onSelect');

					}

					if (this.scrollIntoView)

						this.scrollIntoView(false);