$(document).ready(function () {
    $("#suchwort").autocomplete({
        select: function (event, ui) {
            $("input#suchwort").val(ui.item.value);
            $('#wait').show();
            document.Suche.submit();
        },
        source: function (request, response) {
            var start = document.URL.substring(7).indexOf('/');
            var end = document.URL.substring(7).indexOf('/', 1 + start);
            var lang = document.URL.substr(7).substr(1 + start, end - start - 1);

            var url = document.URL.substr(0, document.URL.indexOf(lang)) + lang;
            $.ajax({
                url: url + "/Json/SuggestSearch/",
                dataType: "json",
                data: {
                    search: $('#suchwort').val()
                },
                success: function (data) {
                    if (data == null) return;
                    response($.map(data, function (item) {
                        return {
                            label: item,
                            value: item
                        };
                    }));
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    //alert("error plz");
                    //prompt(textStatus, errorThrown);
                },
                open: function () {
                    $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
                },
                close: function () {
                    $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
                }
            });
        },
        minLength: 0,
        open: function () {
            $('#spinner').hide();
            $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
        },
        close: function () {
            $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
        },
        search: function (event, ui) {
            $('#spinner').show();
        }
    });
});