$(document).ready(function() {

    var termTemplate = "<span class='ui-autocomplete-term'>%s</span>";

    //Search field inline text
    $('input[title]').each(function() {
        if ($(this).val() === '') {
            $(this).val($(this).attr('title'));
        }

        $(this).focus(function() {
            if ($(this).val() == $(this).attr('title')) {
                $(this).val('').addClass('focused');
            }
        });
        $(this).blur(function() {
            if ($(this).val() === '') {
                $(this).val($(this).attr('title')).removeClass('focused');
            }
        });
    });
    //enf of Search field inline text

    //Autocomplete - category code
    $.widget("custom.catcomplete", $.ui.autocomplete, {
        _renderMenu: function(ul, items) {
            var self = this, currentCategory = "";
            $.each(items, function(index, item) {
                if (item.category != currentCategory) {
                    ul.append("<li class='ui-autocomplete-category'>" + item.category + "</li>");
                    currentCategory = item.category;
                }
                self._renderItem(ul, item);
            });
        }
    });
    //end of Autocomplete - category code

    //Autocomplete - onClick and more
    $("#SearchField").catcomplete({
        delay: 300,
        minLength: 2,
        select: function(event, ui) { if (ui.item.URL != "") { window.location = ui.item.URL; } },
        open: function(event, ui) {
            var url = "<li class=\"ui-autocomplete-more\"><a href=\"#\" onclick=\"javascript:Search();\">Siga escribiendo o vea más resultados aquí</a></li>"; $("ul.ui-autocomplete.ui-menu").append(url);
        },
        source: "/AutoComplete/SearchAutoComplete.aspx"
    }).data("catcomplete")._renderItem = function(ul, item) {
        var term = this.term.split(' ').join('|');
        var re = new RegExp("(" + term + ")", "gi");
        var t = item.label.replace(re, "<span class='ui-autocomplete-term'>$1</span>");

        return $("<li></li>").data("item.autocomplete", item).append($("<a class='ui-menu-item'>" + t + "</a>")).appendTo(ul);
    };
    //end of Autocomplete - onClick and more

});