// global variables
var next=0; // next element
var prev=0; // previous element
var curr=0;	// current element

function displayunicode(e,txbox){
	// local variables
	var unicode=e.keyCode;
	var tbox=el('category_'+txbox);
	var suggest=el('category_box_'+txbox);
	var limit=suggest.getElementsByTagName('div').length;
	suggest.style.display='';
	
	if(unicode==27||unicode==13){
		suggest.style.display='none';
		next=0;
		prev=0;
		curr=0;
		return false;
 	}
	
	if(unicode==40&&next!=limit){
		next++;	curr++;	prev=next-1;
		var inner1=el('j_'+curr+'_'+txbox).innerHTML;
		inner1 = inner1.replace("&","&"); // changing & to & 
		inner1=inner1.replace(/<\/?b>/g, ""); // removing html bold tag
		el('category_'+txbox).value=inner1;
		el('j_'+next+'_'+txbox).className='cdiv selected';
		el('j_'+prev+'_'+txbox).className='cdiv normal';
	}else if(unicode == 38&&prev!=0){
		el('j_'+next+'_'+txbox).className='cdiv normal';
		el('j_'+prev+'_'+txbox).className='cdiv selected';
		prev--;	next--;	curr--;
		var inner1=el('j_'+curr+'_'+txbox).innerHTML;
		inner1 = inner1.replace("&amp;","&"); // changing &amp; to & 
		inner1=inner1.replace(/<\/?b>/g, ""); // removing html bold tag
		el('category_'+txbox).value=inner1;
	}

}
function cl(txbox){
el('category_box_'+txbox).style.display='none';
}
function set(n,p,txbox){
	if(next==0&&prev==0&&curr==0){curr=n;}
	next=n;	prev=p;
	el('j_'+curr+'_'+txbox).className='cdiv normal';
	el('j_'+next+'_'+txbox).className='cdiv selected';
	curr=next;
	var inner1=el('j_'+curr+'_'+txbox).innerHTML;
	inner1 = inner1.replace("&amp;","&"); // changing &amp; to & 
	inner1=inner1.replace(/<\/?b>/g, ""); // removing html bold tag
	el('category_'+txbox).value=inner1;
}

function el(id) {
  return document.getElementById(id);
}