
function dmsAutoComplete(elem, divname, target, moreParam){
	var me = this;
	this.elem = document.getElementById(elem);
	this.highlighted = -1;
	this.ajaxTarget = target;
	this.datTo = new Array();
	this.chooseFunc = null; //Função para executar com obj selecionado
	this.div = document.getElementById(divname);
	var aniBut = document.getElementById(elem+'Ani');
	//Keycodes que devem ser monitorados
	var TAB = 9;
	var ESC = 27;
	var KEYUP = 38;
	var KEYDN = 40;
	var ENTER = 13;
	
	//Tamanho do DIV = Tamanho do campo
	this.div.style.width = '250px';

	//Desabilitar autocomplete IE
	me.elem.setAttribute("autocomplete","off");
	
	//Crate AJAX Request
	this.ajaxReq = createRequest();

	//Ação a ser executada no KEYDOWN (funções de navegação)
	me.elem.onkeydown = function(ev){
		var key = me.getKeyCode(ev);

		switch(key){
			case TAB:
			case ENTER:
				if (me.highlighted.id != undefined){
					me.acChoose(me.highlighted.id);
				}
				me.hideDiv();
				return false;
				break;

			case ESC:
				me.hideDiv();
				return false;
				break;

			case KEYUP:
				me.changeHighlight('up');
				return false;
				break;

			case KEYDN:
				me.changeHighlight('down');
				return false;
				break;
		}
		
	};
	

	this.highlightThis = function(obj,yn){
		if (yn = 'y'){
			me.highlighted.className = '';
			me.highlighted = obj;
			me.highlighted.className = 'addColor2';
			me.acChoose(me.highlighted.id);

		}else{
			obj.className = '';
			me.highlighted = '';
		}
	}
	
	this.changeHighlight = function(way){
		
		if (me.highlighted != '' && me.highlighted != null ){
			me.highlighted.className = '';
			switch(way){
				case 'up':
					if(me.highlighted.parentNode.firstChild == me.highlighted){
						me.highlighted = me.highlighted.parentNode.lastChild;
					}else{
						me.highlighted = me.highlighted.previousSibling;
					}
				break;
				case 'down':
					if(me.highlighted.parentNode.lastChild == me.highlighted){
						me.highlighted = me.highlighted.parentNode.firstChild;
					}else{
						me.highlighted = me.highlighted.nextSibling;
					}
				break;
				
			}
			me.highlighted.className = 'addColor2';
			me.acChoose(me.highlighted.id);
		}else{
			switch(way){
				case 'up':
					me.highlighted = me.div.firstChild.lastChild;
				break;
				case 'down':
					me.highlighted = me.div.firstChild.firstChild;
				break;
				
			}
			me.highlighted.className = 'addColor2';
			me.acChoose(me.highlighted.id);
		}
		
	}
	
	//Rotina no KEYUP (pegar input)
	me.elem.onkeyup = function(ev) {
		var key = me.getKeyCode(ev);
		switch(key){
		//The control keys were already handled by onkeydown, so do nothing.
		case TAB:
		case ESC:
		case KEYUP:
		case KEYDN:
			return;
		case ENTER:
			return false;
			break;
		default:
			me.hideDiv();
			me.ajaxReq.abort();
			if (aniBut) {aniBut.src='/images/spacer.gif';aniBut.style.backgroundColor='transparent';}

		if (me.elem.value.length>2){
				//Cancelar requisicao antiga
	
				//Enviar query por AJAX
				if (me.ajaxReq != undefined){
					me.ajaxReq.open("POST", me.ajaxTarget, true);
					me.ajaxReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
					//me.ajaxReq.onreadystatechange = me.acResult;
					me.ajaxReq.onreadystatechange = function() {
						if (me.ajaxReq.readyState == 4) {
							if (me.ajaxReq.status == 200){
								//alert(me.ajaxReq.responseText);
								eval(me.ajaxReq.responseText);
							}
						}
					}
					var param = 'Destination=' + escape(me.elem.value);
					if (moreParam!=''){
						param+='&'+moreParam;
					}
					me.ajaxReq.send(param);
					if (aniBut) {aniBut.src='/images/laden.gif';aniBut.style.backgroundColor='white';}
				}
				
				//Remover elementos highlighted
				me.highlighted = '';
			}
		}
	}
	
	//Sumir com autosuggest
	//me.div.onblur = function() {
	//	me.hideDiv();
	//}
	
	//Ajax return function
	this.acResult = function(){

			if (aniBut) {aniBut.src='/images/spacer.gif';aniBut.style.backgroundColor='transparent';}

			me.datTo.sort();
			var itCnt = me.datTo.length;

			//Pegar primeiro filho
			me.div.innerHTML = '';
			me.div.style.height='';
			var ul = document.createElement('ul');
			me.div.appendChild(ul);
			
			if (itCnt > 0){
				for (i=0; i<itCnt; i++){
					actDat = me.datTo[i].split('$')
					//Popular array global
					if (actDat.length>1){
						//Adicionar LI
						var li = document.createElement('li');
						li.id = i;
						li.onmouseover = function(){ this.className = 'addColor2'; me.highlightThis(this,'y')}
						li.onmouseout  = function(){ this.className = '';  me.highlightThis(this,'n')}
						li.onmousedown = function() {me.acChoose(this.id);me.hideDiv();}
						if (actDat[1].length==3){
							li.innerHTML = actDat[0]+', '+actDat[2]+' ('+actDat[1]+')';
						}else{
							li.innerHTML = actDat[0]+', '+actDat[2];
						}

						ul.appendChild(li);
					}
				}
				if (itCnt>10){
					ul.style.height='150px';
				}
				var closer = document.createElement('div');
				closer.style.display='block';
				closer.style.textAlign='right';
				closer.style.backgroundColor='#C4C4C4';
				closer.style.borderTop='1px solid #ffffff';
				closer.innerHTML = '<span onClick="AC'+elem+'.hideDiv();" style="margin-right:5px;cursor:pointer">x</span>';
				me.div.appendChild(closer);
				me.showDiv();
			}else{
				me.hideDiv();
			}

	}
	
	this.acChoose = function (id){
		if (id != ''){
			actDat = me.datTo[id].split('$')
			document.getElementById(elem).value = actDat[0];
			document.getElementById(elem+'Code').value = actDat[1];
		}
		
//		me.hideDiv();
//		me.elem.value = '';
		
	}

	this.positionDiv = function(){
		var el = this.elem;
		var x = 0;
		var y = el.offsetHeight;

		//Walk up the DOM and add up all of the offset positions.
		while (el.offsetParent && el.tagName.toUpperCase() != 'BODY'){
			x += el.offsetLeft;
			y += el.offsetTop;
			el = el.offsetParent;
		}

		x += el.offsetLeft;
		y += el.offsetTop;

		this.div.style.left = x + 'px';
		this.div.style.top = (y+2) + 'px';
		//dummyFrame
		var e=document.getElementById('dumac');
		if (e){
			e.style.left=x+'px';
			e.style.top=(y+2)+'px';
			e.style.visibility='visible';
			if (me.datTo.length>10){
				e.style.height='150px';
			}else{
				e.style.height=((me.datTo.length*16))+'px';
			}
		}
	};

	this.hideDiv = function(){
		me.highlighted = '';
		if (aniBut) {aniBut.src='/images/spacer.gif';aniBut.style.backgroundColor='transparent';}
		me.div.style.display = 'none';
		setPos('dumac', -500, -500, 'hidden');
	}

	this.showDiv = function(){
		
		me.highlighted = '';
		me.positionDiv();
		me.div.style.display = 'block';
	
	}
	
	//HELPER FUNCTIONS
	
	/********************************************************
	Helper function to determine the keycode pressed in a 
	browser-independent manner.
	********************************************************/
	this.getKeyCode = function(ev){
		if(ev)			//Moz
		{
			return ev.keyCode;
		}
		if(window.event)	//IE
		{
			return window.event.keyCode;
		}
	};

	/********************************************************
	Helper function to determine the event source element in a 
	browser-independent manner.
	********************************************************/
	this.getEventSource = function(ev){
		if(ev)			//Moz
		{
			return ev.target;
		}
	
		if(window.event)	//IE
		{
			return window.event.srcElement;
		}
	};

	/********************************************************
	Helper function to cancel an event in a 
	browser-independent manner.
	(Returning false helps too).
	********************************************************/
	this.cancelEvent = function(ev)
	{
		if(ev)			//Moz
		{
			ev.preventDefault();
			ev.stopPropagation();
		}
		if(window.event)	//IE
		{
			window.event.returnValue = false;
		}
	}
}


//Função que cria AJAX Request
function createRequest() {
  try {
    request = new XMLHttpRequest();
  } catch (trymicrosoft) {
    try {
      request = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (othermicrosoft) {
      try {
        request = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (failed) {
        request = false;
      }
    }
  }

  if (!request)
    alert("Error initializing XMLHttpRequest!");
  else
  	return request;
}
