/**
*  author:		Timothy Groves - http://www.brandspankingnew.net
*	version:	1.1 - 2006-09-20
**	requires:	bsn.DOM.js
*				bsn.Ajax.js
**/

var useBSNns;

if (useBSNns)
{	if (typeof(bsn) == "undefined")
	bsn = {}
	_bsn = bsn;
}else
{	_bsn = this;
}

_bsn.AutoSuggest = function (fldID, param)
{	if (!document.getElementById)
	return false;
		this.fld = _getEl(fldID);

	if (!this.fld)
	return false;
		
	this.nInputChars = 0;
	this.aSuggestions = [];
	this.iHighlighted = 0;
		
	// parameters object
	this.oP = (param) ? param : {};
	// defaults	
	if (!this.oP.minchars)		this.oP.minchars = 1;
	if (!this.oP.method)		this.oP.meth = "get";
	if (!this.oP.varname)		this.oP.varname = "input";
	if (!this.oP.className)		this.oP.className = "autosuggest";
	if (!this.oP.timeout)		this.oP.timeout = 2500;
	if (!this.oP.delay)			this.oP.delay = 500;
	if (!this.oP.maxheight && this.oP.maxheight !== 0)		this.oP.maxheight = 250;
	if (!this.oP.cache)			this.oP.cache = true;
	if (!this.oP.type)			this.oP.type = 'default';
		var pointer = this;
		this.fld.onkeyup = function () { pointer.getSuggestions( this.value ) };
	this.fld.setAttribute("autocomplete","off");
}

_bsn.AutoSuggest.prototype.getSuggestions = function (val)
{	if (val.length == this.nInputChars)
	return false;
		if (val.length < this.oP.minchars)
	{
		this.nInputChars = val.length;
		this.aSuggestions = [];
		this.clearSuggestions();
		return false;
	}
		
	if (val.length>this.nInputChars && this.aSuggestions.length && this.oP.cache)
	{
		// get from cache
		var arr = [];
		for (var i=0;i<this.aSuggestions.length;i++)
		{
			if (this.oP.type == 'hcl')
			{
				if (this.aSuggestions[i].name.substr(0,val.length).toLowerCase() == val.toLowerCase())
				arr.push( this.aSuggestions[i] );
			}
			else
			{
				if (this.aSuggestions[i].substr(0,val.length).toLowerCase() == val.toLowerCase())
				arr.push( this.aSuggestions[i] );
			}
		}
		
		this.nInputChars = val.length;
		this.aSuggestions = arr;
		
		
		this.createList( this.aSuggestions );
		
		return false;
	}
		
	this.nInputChars = val.length;
		var pointer = this;
	clearTimeout(this.ajID);
	this.ajID = setTimeout( function() { pointer.doAjaxRequest() }, this.oP.delay );

	return false;
}

_bsn.AutoSuggest.prototype.doAjaxRequest = function ()
{	var pointer = this;
		// create ajax request
	var url = this.oP.script+this.oP.varname+"="+escape(this.fld.value);
	var meth = this.oP.meth;
		var onSuccessFunc = function (req) { pointer.setSuggestions(req) };
	var onErrorFunc = function (status) { alert("AJAX error: "+status); };

	var myAjax = new _bsn.Ajax;
	myAjax.makeRequest( url, meth, onSuccessFunc, onErrorFunc );
}

_bsn.AutoSuggest.prototype.setSuggestions = function (req)
{	
	var xml = req.responseXML;
		// traverse xml
	//
	this.aSuggestions = [];
	if (this.oP.type == 'hcl')
	{
		var results = xml.getElementsByTagName('dev');
		for (var i=0;i<results.length;i++)
		{
			var device = [];
			device.name = results[i].getAttribute("vendor") + " " + results[i].getAttribute("model");
			device.features = results[i].getAttribute("features");
			device.caps = results[i].getAttribute("caps");
			device.spi = results[i].getAttribute("spi");
			device.jba = results[i].getAttribute("acc");
			device.cable = results[i].getAttribute("cable");
			
			this.aSuggestions.push( device );
		}

	}
	else
	{
		var results = xml.getElementsByTagName('results')[0].childNodes;

		for (var i=0;i<results.length;i++)
		{
			if (results[i].hasChildNodes())
			this.aSuggestions.push( results[i].childNodes[0].nodeValue );
		}
	}
		this.idAs = "as_"+this.fld.id;
		
	this.createList(this.aSuggestions);

}

_bsn.AutoSuggest.prototype.createList = function(arr)
{	// clear previous list
	//
	this.clearSuggestions();

	// create and populate ul
	//
	var ul = _createEl("ul", {id:this.idAs, className:this.oP.className});
		
	var pointer = this;
	for (var i=0;i<arr.length;i++)
	{
		var a = null;
		if (this.oP.type == 'hcl')
		{
			a = _createEl("a", { href:"#", spi: arr[i].spi, jba:arr[i].jba, cable:arr[i].cable }, arr[i].name);
			a.onclick = function () { pointer.setValue( this.childNodes[0].nodeValue, this.spi, this.jba ); return false; }
		}
		else
		{
			a = _createEl("a", { href:"#" }, arr[i]);
			a.onclick = function () { pointer.setValue( this.childNodes[0].nodeValue ); return false; }
		}
		var li = _createEl(  "li", {}, a  );
		ul.appendChild(  li  );
	}
		var pos = _getPos(this.fld);
		ul.style.left = pos.x + "px";
	ul.style.top = ( pos.y + this.fld.offsetHeight ) + "px";
	ul.style.width = this.fld.offsetWidth+"px";
	ul.onmouseover = function(){ pointer.killTimeout() }
	ul.onmouseout = function(){ pointer.resetTimeout() }

	document.getElementsByTagName("body")[0].appendChild(ul);
		if (ul.offsetHeight > this.oP.maxheight && this.oP.maxheight != 0)
	{
		ul.style['height'] = this.oP.maxheight;
	}
		
	var TAB = 9;
	var ESC = 27;
	var KEYUP = 38;
	var KEYDN = 40;
	var RETURN = 13;
		
		this.fld.onkeydown = function(ev)
	{
		var key = (window.event) ? window.event.keyCode : ev.keyCode;

		switch(key)
		{
		case TAB:
			pointer.setHighlightedValue();
			break;

		case ESC:
			pointer.clearSuggestions();
			break;

		case KEYUP:
			pointer.changeHighlight(key);
			return false;
			break;

		case KEYDN:
			pointer.changeHighlight(key);
			return false;
			break;
		}

	};

	this.iHighlighted = 0;
		
	// remove autosuggest after an interval
	//
	clearTimeout(this.toID);
	var pointer = this;
	this.toID = setTimeout(function () { pointer.clearSuggestions() }, this.oP.timeout);
}

_bsn.AutoSuggest.prototype.changeHighlight = function(key)
{	var list = _getEl(this.idAs);
	if (!list)
	return false;
		
	if (this.iHighlighted > 0)
	list.childNodes[this.iHighlighted-1].className = "";
		if (key == 40)
	this.iHighlighted ++;
	else if (key = 38)
	this.iHighlighted --;
		
	if (this.iHighlighted > list.childNodes.length)
	this.iHighlighted = list.childNodes.length;
	if (this.iHighlighted < 1)
	this.iHighlighted = 1;
		list.childNodes[this.iHighlighted-1].className = "highlight";
		//alert( list.childNodes[this.iHighlighted-1].firstChild.firstChild.nodeValue );
		this.killTimeout();
}

_bsn.AutoSuggest.prototype.killTimeout = function()
{	clearTimeout(this.toID);
}

_bsn.AutoSuggest.prototype.resetTimeout = function()
{	clearTimeout(this.toID);
	var pointer = this;
	this.toID = setTimeout(function () { pointer.clearSuggestions() }, 1000);
}

_bsn.AutoSuggest.prototype.clearSuggestions = function ()
{	if (document.getElementById(this.idAs))
	_removeEl(this.idAs);
	this.fld.onkeydown = null;
}

_bsn.AutoSuggest.prototype.setHighlightedValue = function ()
{	if (this.iHighlighted)
	{
		var a = document.getElementById(this.idAs).childNodes[this.iHighlighted-1].firstChild;
		this.fld.value = a.firstChild.nodeValue;
		this.fld.spi = a.spi;
		this.fld.jba = a.jba;
		this.fld.cable = a.cable;
		this.killTimeout();
		this.clearSuggestions();
	}
}

_bsn.AutoSuggest.prototype.setValue = function (val,spi,jba)
{	this.fld.value = val;
	this.fld.spi = spi;
	this.fld.jba = jba;
	this.fld.cable = a.cable;
	this.resetTimeout();
}