$(function () {
    $("#SearchTerm").watermark("What are you looking for?");
    $("#SearchCityName").watermark("Where are you looking?");
});

$(function () {
    $("#SearchTerm").watermark("What are you looking for?");
    $("#SearchCityName").watermark("Where are you looking?");
});

function keypressHandler(e) {
    if (e.which == 13) {
        $(this).blur();
        $('#search-button').focus().click(); //give your submit an ID
    }
}

$('#searchForm').keypress(keypressHandler);

function GeniusSearch() {
    var cityName = $("#SearchCityName").val();
    var cityId = $("#SearchCityId").val();
    var searchTerm = $("#SearchTerm").val();
    var categoryId = $("#CategoryId").val();

    $.ajax({
        url: "/businessweb/search/postsearch", type: "POST", dataType: "json",
        data: { "CityName": cityName, "CityId": cityId, "SearchTerm": searchTerm, "CategoryId": categoryId },
        success: function (data) {
            if (data.length > 0) {
                window.location.replace("/businessweb/search/processsearch/" + data);
            }
        }
    })
}

$(function () {
    $("#SearchCityName").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "/cityweb/city/findcities",
                data: { searchText: request.term },
                dataType: "json",
                type: "POST",
                success: function (data) {
                    response($.map(data, function (item) {
                        return { label: item.CityName, value: item.CityName, id: item.CityId }
                    }))
                }
            });
        },

        multiple: true,
        mustMatch: true,
        autoFill: true,
        select: function (event, ui) {
            $("#SearchCityId").val(ui.item.id)
        }
    });
});

$(function () {
    $("#SearchTerm").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "/categoryweb/category/findcategories",
                data: { searchText: request.term },
                dataType: "json",
                type: "POST",
                success: function (data) {
                    response($.map(data, function (item) {
                        return { label: item.CategoryName, value: item.CategoryName, id: item.CategoryId }
                    }))
                }
            });
        },

        multiple: true,
        mustMatch: true,
        autoFill: true,
        select: function (event, ui) {
            $("#CategoryId").val(ui.item.id)
        }
    });
});