var inputId ;
var useBSNns;

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


if (typeof(_bsn.DOM) == "undefined")
	_bsn.DOM = {}
	







_bsn.AutoSuggest = function (fldID, param)
{
	inputId = fldID ;
	if (!document.getElementById)
		return false;
	
	this.fld = _bsn.DOM.getElement(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 = 0;
	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 = 20;
	if (!this.oP.maxheight && this.oP.maxheight !== 0)	this.oP.maxheight = 250;
	if (!this.oP.cache)		this.oP.cache = true;
	
	var pointer = this;

	this.fld.onkeyup = function () { pointer.getSuggestions(event, this.value ) };
	this.fld.setAttribute("autocomplete","off");
}



_bsn.AutoSuggest.prototype.getSuggestions = function (ev,val)
{
	var sLastCharacter = this.getLastCharacter(val) ;
	if(val.length==0 || Trim(val).length == 0 || this.sLastCharacter==sLastCharacter ||
		ev.keyCode == 40 || ev.keyCode == 38)
	{
		return  false ;
	}
	this.sLastCharacter = sLastCharacter ;

	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.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;
	
	this.sPhrase = val ;
	
	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
	//alert(this.fld.value+'*') ;
	
	// only handle the last phrase
	var sTmp = Trim(this.fld.value) ;
	var aPhrase = this.fld.value.split(' ') ;
	//var url = this.oP.script+this.oP.varname+"="+escape(this.fld.value);	
	//var url = this.oP.script+this.oP.varname+"="+escape(aPhrase[aPhrase.length-1]);
	var url = this.oP.script+this.oP.varname+"="+encodeURI(aPhrase[aPhrase.length-1]);
	
	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;
	

	this.idAs = "as_"+this.fld.id;
	var aTerm = req.responseText.split(',') ;
	
	if(aTerm.length==0 || Trim(aTerm[0]).length ==0)
	{
		return false ;
	}
	this.createList(aTerm);

}





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

	// create and populate ul
	var ul = _bsn.DOM.createElement("ul", {id:this.idAs, className:this.oP.className});
	
	// hide select box
	var sortSelectBox = document.getElementById('SF') ;
	if(sortSelectBox)
		sortSelectBox.style.visibility="hidden" ;
	
	var pointer = this;
	for (var i=0;i<arr.length;i++)
	{
		var a = _bsn.DOM.createElement("a", { href:"#" }, arr[i]);
		a.onclick = function () { 
			var sTmp = Trim($(inputId).value) ;
			//alert(Trim($('search').value)) ;
			var aPhrase = sTmp.split(' ') ;
			var sPhrase = '' ;
			for(var k = 0 ; k< aPhrase.length-1 ; k++)
			{
				if(k== aPhrase.length-1)
					continue ;
				sPhrase += aPhrase[k] + ' ' ;
			}
			//alert(sTmp) ;
			pointer.setValue( sPhrase+this.childNodes[0].nodeValue ); 
			return false; 
		}
		var li = _bsn.DOM.createElement(  "li", {}, a  );
		ul.appendChild(  li  );
	}
	var pos = _bsn.DOM.getPos(this.fld);
	
	ul.style.left = pos.x + "px";
	ul.style.top = ( pos.y + this.fld.offsetHeight +5) + "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 = _bsn.DOM.getElement(this.idAs);
	if (!list)
		return false;
	
	
	if (this.iHighlighted > 0)
		list.childNodes[this.iHighlighted-1].className = "";
		
	if (key == 40)
	{	// key down
		this.iHighlighted ++;
	}	
	else if (key = 38)
	{	// key up
		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";
	
	// update value of input box
	var sTmp = Trim($(inputId).value) ;
	var aPhrase = sTmp.split(' ') ;
	var sPhrase = '' ;
	for(var k = 0 ; k< aPhrase.length-1 ; k++)
	{
		if(k== aPhrase.length-1)
			continue ;
		sPhrase += aPhrase[k] + ' ' ;
	}
	//alert();
	this.setValue( sPhrase + list.childNodes[this.iHighlighted-1].childNodes[0].innerText); 
			
	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() }, 20);
}







_bsn.AutoSuggest.prototype.clearSuggestions = function ()
{
	if (document.getElementById(this.idAs))
		_bsn.DOM.removeElement(this.idAs);
	this.fld.onkeydown = null;
	
	// display select box
	var sortSelectBox = document.getElementById('SF') ;
	if(sortSelectBox)
		sortSelectBox.style.visibility="visible" ;
}







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



_bsn.AutoSuggest.prototype.setValue = function (val)
{
	this.fld.value = val;
	this.resetTimeout();
}

//////////////////////////////////////////////////////////////////////////////
// get last input phrase
//////////////////////////////////////////////////////////////////////////////
_bsn.AutoSuggest.prototype.getLastPhrase= function(sInput)
{
	sInput = Trim(sInput) ;
	if(sInput.length == 0)
		return '' ;
	var aPhrase = sInput.split(' ') ;	
	if(aPhrase.length == 0)
		return '' ;
	return aPhrase[aPhrase.length-1] ;
}

//////////////////////////////////////////////////////////////////////////////
// get last input character
//////////////////////////////////////////////////////////////////////////////
_bsn.AutoSuggest.prototype.getLastCharacter= function(sInput)
{
	//sInput = Trim(sInput) ;
	if(sInput.length > 0)
		return sInput.substr(sInput.length-1) ;
	else
		return '' ;
}
