if (typeof (Tangora) == 'undefined') var Tangora = {};
Tangora.QuickSearch = new QuickSearch();

function QuickSearchExactSelector(ownerId, titlefield)
{
	this.ownerId = ownerId;
	this.owner = document.getElementById(this.ownerId);
	this.titlefield = titlefield;

	this.init = function ()
	{
		var that = this;
		this.owner.onkeydown = function (e) { return that.keydown(e, that.owner); };
		Tangora.BroadcastController.Register(this.ownerId, 'onblur', this.onkeyup);
	}

	this.keydown = function (e, elm)
	{
		var ev = e ? e : window.event;
		var keyCode = ev.which ? ev.which : ev.keyCode;

		var that = Tangora.QuickSearch.GetProvider(elm.id);
		var fieldname = that.selector.titlefield;

		if (keyCode == 40 || keyCode == 9 || keyCode == 13)
		{
			var data = that.getData(1);
			if (data.records.length == 1 && that.selector.owner.value.toLowerCase() == data.records[0][fieldname].toLowerCase())
			{
				Tangora.QuickSearch.OnSelectionChanged(that.selector.owner, data);
			}
			CancelBubble(ev);
			if (keyCode == 13) return false;
			return true;
		}
		return true;
	}

	this.onkeyup = function (elm, what, data)
	{
		var that = Tangora.QuickSearch.GetProvider(elm.id);
		var fieldname = that.selector.titlefield;
		if (data.records.length == 1 && that.selector.owner.value.toLowerCase() == data.records[0][fieldname].toLowerCase())
			Tangora.QuickSearch.OnSelectionChanged(that.selector.owner, data); //Tangora.QuickSearch.GetSelection(that,that.titlefield));        
	}

	this.init();
}

function QuickSearchSelector(ownerId, titlefield, debug)
{
	this.ownerId = ownerId;
	this.debug = debug;

	this.owner = document.getElementById(this.ownerId);
	this.titlefield = titlefield;
	this.selector = null;
	this.lastStroke = null;
	this.interval = null;
	this.blurinterval = null;
	this.items = [];
	this.selectorPanel = null;
	this.selectorUP = null;
	this.selctorDOWN = null;

	this._keyFunc = null;

	this.setItems = function (items, data)
	{
		this.selectorPanel.innerHTML = '';
		if (items.length == 0)
		{
			return;
		}
		this.items = items;
		for (var i = 0; i < items.length; i++)
		{
			var li = document.createElement('li');
			var a = document.createElement('a');
			a.href = '#';
			//a.className = 'quicksearchitem';
			//a.style.display = 'block';
			a.id = this.ownerId + '_item' + i;
			a.value = items[i].id;
			a.record = data.records[i];
			var that = this;
			a.onclick = function () { Tangora.QuickSearch.OnSelectionChanged(that.owner, Tangora.QuickSearch.GetSelection(this, that.titlefield)); }
			a.innerHTML = items[i][this.titlefield];
			a.onfocus = function () { clearTimeout(that.blurinterval); }
			a.onblur = function (e) { that.popdown(e, that) };
			a.onkeydown = function (e) { return that.keyhandler(e); }

			li.appendChild(a);

			this.selectorPanel.appendChild(li);
		}

		//        this.selectorUP = document.createElement('li');
		//        var a = document.createElement('a');
		//        a.href = '#';
		//        a.innerHTML = 'UP';
		//        //a.onclick = function() {alert('1');}
		//        a.onfocus = function() {clearTimeout(that.blurinterval);}
		//        this.selectorUP.appendChild(a);
		//        
		//        this.selectorDOWN = document.createElement('li');
		//        a = document.createElement('a');
		//        a.innerHTML = 'DOWN';
		//        this.selectorDOWN.appendChild(a);
		//        
		//        this.selectorPanel.insertBefore(this.selectorUP, this.selectorPanel.firstChild);
		//        this.selectorPanel.appendChild(this.selectorDOWN);
	}

	this.init = function ()
	{
		this.selector = document.createElement('div');
		this.selector.id = 'selector' + ownerId;
		this.selector.className = 'quicksearchselectorbox';
		this.selector.style.display = 'none';

		//this.selector.appendChild(this.selectorUP);

		this.selectorPanel = document.createElement('ul');
		this.selector.appendChild(this.selectorPanel);

		//this.selector.appendChild(this.selectorDOWN);

		this.owner.parentNode.insertBefore(this.selector, this.owner);
		Tangora.BroadcastController.Register(this.ownerId, 'onkeyup', this.onkeyup);
	}

	this.onblur = function ()
	{
		var that = this;
		this.blurinterval = setTimeout(function () { that.hide(); }, 300);
	}

	this.popdown = function (e, instance)
	{
		var ev = e ? e : event;
		var srcElm = (!ev.target) ? ev.srcElement : ev.target;
		if (srcElm.className != 'quicksearchselectorbox')
		{
			instance.onblur.call(instance);
		}
	}

	this.getPosPoint = function (elm)
	{
		if (!elm) return [-1, -1];
		var l = elm.offsetLeft;
		var t = elm.offsetTop;
		var tmp = elm.offsetParent;
		while (tmp != null)
		{
			l += tmp.offsetLeft;
			t += tmp.offsetTop;
			tmp = tmp.offsetParent;
		}
		return [l, t];
	}

	this.show = function ()
	{
		if (!this.selectorPanel.firstChild) return;
		var that = this;
		this.owner.onblur = function (e) { that.popdown(e, that) };
		this.selector.style.display = 'block';
		this.selector.style.overflow = 'hidden';
		this.selector.style.position = 'absolute';
		//this.selector.style.marginTop = this.owner.offsetHeight + 'px';                        
		this.selector.style.left = this.getPosPoint(this.owner)[0] + 'px';
		this.selector.style.top = (this.getPosPoint(this.owner)[1] + this.owner.offsetHeight) + 'px';

		this.selector.onfocus = function () { clearTimeout(that.blurinterval); }
		document.onclick = function (e) { that.popdown(e, that); }
		this._keyFunc = function (e) { return that.keyhandler.call(that, e); };
		Tangora.Events.AddHandler(this.owner, 'onkeydown', this._keyFunc);
	}

	this.keyhandler = function (e)
	{
		var that = this;
		var ev = e ? e : window.event;
		var keyCode = ev.which ? ev.which : ev.keyCode;
		var down = (keyCode == 40);
		var up = (keyCode == 38);
		var elm = ev.target ? ev.target : ev.srcElement;
		if (this.selector.style.display == 'none') return;
		if (down)
		{
			if (elm.tagName.toLowerCase() == 'input')
			{
				this.selectorPanel.firstChild.firstChild.focus();
			}
			else
			{
				if (elm.parentNode.nextSibling) elm.parentNode.nextSibling.firstChild.focus();
				else
				{
					var dp = Tangora.QuickSearch.GetProvider(this.ownerId);
					Tangora.QuickSearch.OnKeyUp(this.owner, dp.cache.records.pagenumber + 1);
					if (this.selectorPanel.firstChild) this.selectorPanel.firstChild.firstChild.focus();
					else this.hide();
				}
			}
		}
		else if (up)
		{
			if (elm.tagName.toLowerCase() == 'input')
			{
				this.selectorPanel.childNodes[this.selectorPanel.childNodes.length - 1].firstChild.focus();
			}
			else
			{
				if (elm.parentNode.previousSibling) elm.parentNode.previousSibling.firstChild.focus();
				else
				{
					var dp = Tangora.QuickSearch.GetProvider(this.ownerId);
					var pgnum = dp.cache.records.pagenumber;
					if (pgnum > 1) pgnum--;
					Tangora.QuickSearch.OnKeyUp(this.owner, pgnum);
					if (this.selectorPanel.childNodes.length > 0) this.selectorPanel.childNodes[this.selectorPanel.childNodes.length - 1].firstChild.focus();
					else this.hide();
				}
			}
		}

		clearTimeout(that.blurinterval);
		CancelBubble(ev);
		return true;
	}

	this.hide = function ()
	{
		//if (!this.debug)
		{
			this.selector.style.display = 'none';
			this.selectedItem = null;
		}
	}

	this.evalTimer = function ()
	{
		if (this.interval != null) clearTimeout(this.interval);
		var that = this;
		this.interval = setTimeout(function () { that.show(); }, 1000);
	}

	this.onkeyup = function (elm, what, data)
	{
		var that = Tangora.QuickSearch.GetProvider(elm.id);
		that.selector.evalTimer.call(that.selector);
		that.selector.selectorPanel.innerHTML = '';
		var fieldname = that.selector.titlefield;
		var items = [];
		for (var i = 0; i < data.records.length; i++)
		{
			var o = {};
			o['id'] = data.records[i]['id'];
			o[fieldname] = data.records[i][fieldname];
			items.push(o);
		}
		that.selector.setItems.call(that.selector, items, data);
	}





	this.init();
}

function QuickSearch()
{
	var dataProviders = [];

	this._findProviderIndex = function (provider)
	{
		for (var i = 0; i < dataProviders.length; i++)
		{
			var p = dataProviders[i];
			if (p.id == provider.id)
			{
				return i;
			}
		}
		return -1;
	}

	this._wrap = function (id, dp)
	{
		return { 'id': id, 'instance': document.getElementById(id), 'getData': dp }
	}

	this.GetProvider = function (id)
	{
		return dataProviders[id];
	}

	this.GetSelection = function (a, titlefieldname)
	{
		var o = {};
		o['id'] = a.value;
		o[titlefieldname] = a.innerHTML;
		return { 'records': [a.record] };
	}

	this.Register = function (id, exactMatch, titlefield, dp, debug)
	{
		dataProviders[id] = this._wrap(id, dp);
		dataProviders[id].exactMatch = exactMatch;
		if (!exactMatch) dataProviders[id].selector = new QuickSearchSelector(id, titlefield, debug);
		else dataProviders[id].selector = new QuickSearchExactSelector(id, titlefield);
	}

	this.UnRegister = function (id)
	{
		var idx = this._findProviderIndex(this._wrap(id));
		if (idx > -1)
		{
			dataProviders = dataProviders.splice(idx, 1);
			return true;
		}
		return false;
	}

	this.OnBlur = function (who)
	{
		var id = who.id;
		var dp = dataProviders[id];
		Tangora.BroadcastController.Broadcast(who, 'onblur', dp.getData());
	}

	this.OnSelectionChanged = function (who, data)
	{
		var id = who.id;
		var dp = dataProviders[id];
		Tangora.BroadcastController.Broadcast(who, 'onselection', data);
	}

	this.OnKeyUp = function (who, pgnum)
	{
		var id = who.id;
		var dp = dataProviders[id];
		Tangora.BroadcastController.Broadcast(who, 'onkeyup', dp.getData(pgnum));
		//Tangora.BroadcastController.Broadcast(who, 'ondata', dp.getData());   
	}

	this.getData = function (providerId, repositoryId, fieldName, pgnum)
	{
		var pagenumber = pgnum ? pgnum : 1;
		var that = Tangora.QuickSearch.GetProvider(providerId);
		var rndkey = new Date().getTime();
		var o = document.getElementById(providerId).value;
		if (!that.lastFilter) that.lastFilter = o;
		else
		{
			if (that.lastFilter == o.value && that.cache && that.cache.records.pagenumber == pagenumber) return that.cache;
		}
		var url = 'http://' + location.host + '/channel.ashx?unid=' + repositoryId + '&output=json&rndkey=' + rndkey + '&pagenumber=' + pagenumber + '&filter=' + fieldName + ',StartingWith,' + encodeURIComponent(o) + '%';
		that.cache = eval(tsAjax.innerHTML(url));
		that.cache.records.pagenumber = pagenumber;
		return that.cache;
	}

	this.setData = function (observerId, data, fieldid)
	{
		var elm = document.getElementById(observerId);
		if (elm)
		{
			switch (elm.tagName.toLowerCase())
			{
				case 'input':
					if (elm.type == 'text' || elm.type == 'hidden')
					{
						if (data.records.length > 0) elm.value = data.records[0][fieldid];
						else elm.value = '';
					}
					else if (elm.type == 'checkbox')
					{
						if (data.records.length > 0) elm.checked = (data.records[0][fieldid] == '1' || data.records[0][fieldid] == 'true');
						else elm.checked = false;
					}
					break;
				case 'textarea':
					if (data.records.length > 0) elm.innerHTML = data.records[0][fieldid];
					else elm.innerHTML = '';
					break;
				case 'select':
					var idx = -1;
					if (data.records.length > 0)
					{
						var value = data.records[0][fieldid];
						if (isNaN(value))
						{
							for (var i = 0; i < elm.options.length; i++)
							{
								if (elm.options[i].text == value)
								{
									idx = i;
									break;
								}
							}
						}
						else
						{
							for (var i = 0; i < elm.options.length; i++)
							{
								if (elm.options[i].value == value)
								{
									idx = i;
									break;
								}
							}
						}
					}
					if (idx > -1) elm.options[i].selected = true;
					break;
			}
		}
	}
}