var KEY = {
	UP: 38,
	DOWN: 40,
	DEL: 46,
	TAB: 9,
	RETURN: 13,
	ESC: 27,
	COMMA: 188,
	PAGEUP: 33,
	PAGEDOWN: 34,
	BACKSPACE: 8
};

$(function() {
    $("#searchtxt").keyup(function(event) {
        lastKeyPressCode = event.keyCode;
        switch (event.keyCode) {
            case KEY.DOWN:
                $(".searchItem:eq(0) a").focus();
                return false;
                break;
            default:
                fetchResults();
                break;
        }
        
    });
    $(".searchItem").live("keydown", function(e) {
        switch (event.keyCode) {
            case KEY.UP:
                event.preventDefault();
                return false;
                break;
            case KEY.DOWN:
                event.preventDefault();
                return false;
                break;
        }
    });
    $(".searchItem").live("keyup", function(event) {
        var idx = $(".searchItem").index(this);
        switch (event.keyCode) {
            case KEY.UP:
                if (idx == 0) {
                    $("#searchtxt").focus();
                }
                else {
                    $(".searchItem:eq(" + idx +")").prev().find("a").focus();
                }
                event.preventDefault();
                return false;
                break;
            case KEY.DOWN:
                $(".searchItem:eq(" + idx +")").next().find("a").focus();
                event.preventDefault();
                return false;
                break;
        }
    });
    $("#searchtxt").focus(function() { this.value=''; });
    $("#searchtxt").blur(function() { if (this.value=='') { this.value = 'Search'; } });
});
function fetchResults() {
    var s = $("#searchtxt").val();
    if (s.length >= 2) {
        $.ajax({
            type:"POST",
            url:"/include/quickfetch.asp",
            data:"s=" + s,
            dataType:"xml",
            success:function(xml) {
                $("#searchAC").remove();
                var autoComplete = "<div id=\"searchAC\"><ul>";
                $(xml).find("data>product").each(function() {
                    autoComplete += "<li class=\"searchItem\"><a href=\"/item.asp?pid=" + $(this).find("id").text() + "\">" + $(this).find("style").text() + " - " + $(this).find("title").text() + "</a></li>";
                });
                autoComplete += "</ul></div>";
                $(".searchContainer").append($(autoComplete));
                
            }
        });
    }
    else {
        $("#searchAC").remove();
    }
}