var matches = new Array();
var cur_sel = -1;
var esc_hidden = false;
var last_nav_key = false;
var chosen = false;
var keypad_blocked = false

function getPlatf(obj) {
while(obj&&!(obj.nodeName=="DIV"&&obj.className=="container")) obj=obj.parentElement;
if(!obj) return null;
var x=0, y=0, tg=obj;
while(obj) {
   x+=obj.offsetLeft;
   y+=obj.offsetTop;
   obj=obj.offsetParent;
}
return {target: tg, x: x, y:y};
}

function init(textbox, layer, width, height){
textbox.style.width = width+"px";
textbox.style.height = height+"px";
layer.style.width = (width-2)+"px";
layer.style.top = getPositionY(textbox)+height+"px";
layer.style.left = getPositionX(textbox)+"px";
}

function getPositionX(obj) {
 var x=0;
 while(obj) {
    x+=obj.offsetLeft;
    obj=obj.offsetParent;
 }
 return x;
}

function getPositionY(obj) {
 var y=0;
 while(obj) {
    y+=obj.offsetTop;
    obj=obj.offsetParent;
 }
 return y;
}


function findMatches(textbox, data){   
var str = textbox.value;
matches = new Array();
for (var i=0; i<data.length; i++){
    if (str.length<=data[i].length)
        for (var j=0; j<str.length; j++){
            if (str.toLowerCase().charAt(j)==data[i].toLowerCase().charAt(j))
            {
                if (j==str.length-1){
                    matches.push(data[i]);
                }
            } else 
                break;
        }
}
matches.sort();
return matches;
}

function generateIds(textbox){
   var id = new Array();
   var _id = "";
   for (var i=0; i<matches.length; i++){
       _id = "row"+textbox.id+i;
       id.push(_id);
   }
   return id;
}
function selectItem(resLayer, textbox){
    var bounds = matches.length;
    var chrcode = event.keyCode;
    var ids = generateIds(textbox);
    if (chrcode == 27){//escape key
        hide(resLayer); 
        esc_hidden=true;
        return;
    } else esc_hidden=false;
    
    if (chrcode == 38){//up key
        last_nav_key = true;
        if (cur_sel>0){
        cur_sel--;
        if (cur_sel!=-1)
            document.getElementById(ids[cur_sel]).style.background="#F6D5FA";
        if (cur_sel!=bounds)
            document.getElementById(ids[cur_sel+1]).style.background="#E9F3F9";
            textbox.value=document.getElementById(ids[cur_sel]).innerText;
        return;
        }
    } else if (chrcode == 40){//down key
            last_nav_key = true;
            if (cur_sel<bounds-1){
            cur_sel++;
            if (cur_sel<=bounds){
                document.getElementById(ids[cur_sel]).style.background="#F6D5FA";
                if (cur_sel!=0)
                    document.getElementById(ids[cur_sel-1]).style.background="#E9F3F9";
            }        
            textbox.value=document.getElementById(ids[cur_sel]).innerText;
            return;
        }
    } else if (chrcode == 13){//enter key
        hide(resLayer);
        last_nav_key=false;
        chosen = true;
        return;
    } else {
        last_nav_key=false;
        cur_sel=-1;
        chosen = false;
        return;
    }
}

function hide(resLayer){
resLayer.style.visibility = "hidden";
matches = new Array();
cur_sel=-1;
}

function cancelHiglight(textbox){
var ids = generateIds(textbox);
for (var i=0; i<ids.length; i++)
    document.getElementById(ids[i]).style.background="#E9F3F9";
}
function selectText(textbox_id, inner){
document.getElementById(textbox_id).value = inner;
}

function displayResults(textbox_id, resLayer, resDiv, data){
if (event.keyCode==38 || event.keyCode==40) return;
if (document.getElementById(textbox_id).value!="" && !esc_hidden && !chosen){
    resLayer.style.visibility = "hidden";
    var arr = findMatches(document.getElementById(textbox_id), data);
    var rslt = "";
    var tbb = "<table onmouseover=\"keypad_blocked=true; last_nav_key=false\" onmouseout=\"keypad_blocked=false\"  width=\"100%\"   cellpadding=0 cellspacing=0>";
    var rwb1 = "<tr id=\"row"; 
    var rwb2 = "\" onmouseover=\"cancelHiglight(document.getElementById('"+textbox_id+"')); cur_sel=-1; this.style.background='#F6D5FA'\" onmouseout=\"this.style.background='#E9F3F9'\">";
    var rwe = "<\/tr>";
    var clb1 = "<td onmouseover=\"document.getElementById('"+textbox_id+"').value=this.innerText\">";
    var cle = "<\/td>";
    var tbe = "<\/table>"
    if (arr.length>0){
    rslt+=tbb;
    for (var i=0; i<arr.length; i++){
        rslt+=rwb1+textbox_id+i+rwb2;
        rslt+=clb1;
        rslt+=arr[i];
        rslt+=cle;
        rslt+=rwe;
    }
    rslt+=tbe;
    resDiv.innerHTML = rslt;
    resLayer.style.visibility = "visible";
    }
} else {
    matches = new Array();
    resLayer.style.visibility = "hidden";
}
}