function SubDivAutoSuggestControl(oTextbox, oProvider) {
	//alert(this);
    this.cur		= -1;
    this.layer		= null;
    this.provider	= oProvider;
    this.textbox	= oTextbox;
	this.city		= "";
    this.timeoutId	= null;
    this.userText	= oTextbox.value;
	this.suggestions= null;
    this.init();
	this.debug		= null;
}

SubDivAutoSuggestControl.prototype.autosuggest = function (aSuggestions, bTypeAhead) {
    this.cur = 0;
    if (aSuggestions.length > 0) {
		this.suggestions = aSuggestions;
        if (bTypeAhead) {
           this.typeAhead(this.suggestions[0].subdivision, this.suggestions[0].city);
        }
        this.showSuggestions();
    } else {
        this.hideSuggestions();
    }
};

SubDivAutoSuggestControl.prototype.getLeft = function () {
    var oNode = this.textbox;
    var iLeft = 0;
    while(oNode.tagName != "BODY") {
        iLeft += oNode.offsetLeft;
        oNode = oNode.offsetParent;
    }
    return iLeft;
};

SubDivAutoSuggestControl.prototype.getTop = function () {
    var oNode = this.textbox;
    var iTop = 0;
    while(oNode.tagName != "BODY") {
        iTop += oNode.offsetTop;
        oNode = oNode.offsetParent;
    }
    return iTop;
};

SubDivAutoSuggestControl.prototype.goToSuggestion = function (iDiff) {
	this.unhighlightSuggestion(this.cur);
	this.cur += iDiff;
	if(this.cur<0 || this.cur>=this.suggestions.length) {
		this.cur-=iDiff;
	}
	this.highlightSuggestion(this.cur);
	document.getElementById("location").value = this.suggestions[this.cur].city;
	this.textbox.value = this.suggestions[this.cur].subdivision;
};

SubDivAutoSuggestControl.prototype.handleKeyDown = function (oEvent) {
    switch(oEvent.keyCode) {
        case 38: //up arrow
			this.unhighlightSuggestion(this.cur);
            this.goToSuggestion(-1);
            break;
        case 40: //down arrow 
			this.unhighlightSuggestion(this.cur);
            this.goToSuggestion(1);
            break;
        case 27: //esc
            this.textbox.value = this.userText;
            this.selectRange(this.userText.length, 0);
            /* falls through */
        case 13: //enter
            this.hideSuggestions();
            oEvent.returnValue = false;
            if (oEvent.preventDefault) {
                oEvent.preventDefault();
            }
            break;
    }
};

SubDivAutoSuggestControl.prototype.handleKeyUp = function (oEvent) {
    var iKeyCode = oEvent.keyCode;
    var oThis = this;
    this.userText = this.textbox.value;
    clearTimeout(this.timeoutId);
	if (oThis.textbox.value=='') {
		oThis.hideSuggestions();
	} else {
        oThis.handleKeyDown(oEvent);
	}
    if (iKeyCode == 8 || iKeyCode == 46) {
        this.timeoutId = setTimeout( function () {
            oThis.provider.requestSuggestions(oThis, false);
        }, 300);
    } else if (iKeyCode < 32 || (iKeyCode >= 33 && iKeyCode < 65) || (iKeyCode >= 112 && iKeyCode <= 123)) {
		
    } else {
        this.timeoutId = setTimeout( function () {
            oThis.provider.requestSuggestions(oThis, true);
        }, 300);
    }
};

SubDivAutoSuggestControl.prototype.hideSuggestions = function () {
	if(document.getElementById("suggestionlayer")) {
		document.body.removeChild(document.getElementById("suggestionlayer"));
	}
};

SubDivAutoSuggestControl.prototype.highlightSuggestion = function (i) {
	if(this.layer) {
		var oNode = this.layer.childNodes[i];
		if(oNode) {
			oNode.className = "current";
		}
	}
};

SubDivAutoSuggestControl.prototype.unhighlightSuggestion = function (i) {
	if(this.layer) {
		var oNode = this.layer.childNodes[i];
		if(oNode) {
			oNode.className = "suggestion";
		}
	}
};

SubDivAutoSuggestControl.prototype.init = function () {
    var oThis = this;
    this.textbox.onkeyup = function (oEvent) {
        if (!oEvent) {
            oEvent = window.event;
        }    
        oThis.handleKeyUp(oEvent);
    };
    this.textbox.onkeydown = function (oEvent) {
        if (!oEvent) {
            oEvent = window.event;
        }
    };
    this.textbox.onblur = function () {
        oThis.hideSuggestions();
    };
};

SubDivAutoSuggestControl.prototype.selectRange = function (iStart, iEnd) {
    if (this.textbox.createTextRange) {
        var oRange = this.textbox.createTextRange(); 
        oRange.moveStart("character", iStart); 
        oRange.moveEnd("character", iEnd - this.textbox.value.length);      
        oRange.select();
    } else if (this.textbox.setSelectionRange) {
        this.textbox.setSelectionRange(iStart, iEnd);
    }     
    this.textbox.focus();
}; 

SubDivAutoSuggestControl.prototype.showSuggestions = function () {
	if(this.layer) {
		if(document.getElementById("suggestionlayer")) {
			document.body.removeChild(document.getElementById("suggestionlayer"));
		}
	}
	this.layer = document.createElement("div");
	this.layer.id="suggestionlayer";
    //this.layer.innerHTML = "";
    for (var i=0; i < this.suggestions.length; i++) {
    	v = this.addSuggestion(i);
		this.layer.appendChild(v.displayDIV);
    }
   // this.layer.style.width=(this.textbox.style.width);
	this.layer.className="suggestions";
    this.layer.style.left = this.getLeft() + "px";
    this.layer.style.top = (this.getTop()+this.textbox.offsetHeight) + "px";
	document.body.appendChild(this.layer);
};

SubDivAutoSuggestControl.prototype.addSuggestion = function (i) {
	var oSE = new SubdivSuggestionElement(i,this.suggestions[i].subdivision,this.suggestions[i].city,this.suggestions[i].typ,this.suggestions[i].prop_count, this);
	return oSE;
}

SubDivAutoSuggestControl.prototype.typeAhead = function (sSuggestion, sCity) {
    if ((this.textbox.createTextRange || this.textbox.setSelectionRange) && !(this.textbox.value==sSuggestion+' ') && !(this.textbox.value==this.usertext)){
		document.getElementById("location").value = sCity;
		var iLen = this.textbox.value.length;
        this.textbox.value = sSuggestion;
        this.selectRange(iLen, sSuggestion.length);
    }
};


function SubdivSuggestionElement(i,s,c,t,cc,p) {
	this.index			= i;
	this.subdivision	= s;
	this.city			= c;
	this.proptype		= t;
	this.propcount		= cc;
	this.displayDIV		= null;
	this.parent			= p;
	this.start();
}
SubdivSuggestionElement.prototype.handleFocus = function (oEl) {
	oEl.parent.unhighlightSuggestion(oEl.parent.cur);
	oEl.parent.highlightSuggestion(oEl.index);
	oEl.displayDIV.className = "current";
}
SubdivSuggestionElement.prototype.handleBlur = function (oEl) {
	oEl.parent.unhighlightSuggestion(oEl.parent.cur);
	oEl.displayDIV.className = "suggestion";
}
SubdivSuggestionElement.prototype.handleClick= function (oEl) {
	oEl.displayDIV.className = "suggestionClick";
	var oCol = oEl.displayDIV.parentNode.childNodes;
	for(i=1;i<=oCol.length;i++) {
		if(oCol[i]==oEl.displayDIV) {
			oEl.parent.cur=i;
			oEl.parent.typeAhead(oEl.parent.suggestions[i].subdivision, oEl.parent.suggestions[i].city);
			this.parent.hideSuggestions();
		}
	}
}

SubdivSuggestionElement.prototype.start = function () {
	var v = document.createElement("div");
	var c = document.createElement("span");
	var cc = document.createElement("span");
	c.innerHTML = "<b>"+ this.subdivision + "</b> in " + this.city;
	c.className="msug";
    cc.appendChild(document.createTextNode(this.propcount));
	cc.className="msugc";
    v.appendChild(c);
	v.appendChild(cc);
	v.className="suggestion";
	this.displayDIV=v;
	var oThis = this;
	oThis.displayDIV.onmouseover=function () { oThis.handleFocus(oThis) };
	oThis.displayDIV.onmouseout =function () { oThis.handleBlur(oThis) };
	oThis.displayDIV.onmousedown=function () { oThis.handleClick(oThis) };
}

function SubdivSuggestionProvider() {
    this.http = zXmlHttp.createRequest();
}

SubdivSuggestionProvider.prototype.requestSuggestions = function (oSubDivAutoSuggestControl, bTypeAhead) {
    var oHttp = this.http;
    if (oHttp.readyState != 0) {
        oHttp.abort();
    }
	var sTyp =(document.getElementById("TYP").options[document.getElementById("TYP").selectedIndex].value);
	var sURL ="/AutoSuggest/subdiv.aspx?text="+ oSubDivAutoSuggestControl.userText +"&typ="+sTyp;
    oHttp.open("get", sURL, true);
    oHttp.onreadystatechange = function () {
        if (oHttp.readyState == 4) {
            var aSuggestions = JSON.parse(oHttp.responseText);
            oSubDivAutoSuggestControl.autosuggest(aSuggestions, bTypeAhead);        
        }    
    };
    oHttp.send("");
};