$(function() {
    var $searchBox = $("#PlaceName");
    setDefaultSearchText($searchBox);

    var url = $('#searchResultsUrl').val() + "/CompleteLocationName";

    $searchBox.autocomplete({
        source: url,
        delay: 400,
        focus: function(e, ui) {
            return false;
        },
        open: function(event, ui) {
            $searchBox.autocomplete('widget').width($searchBox.width());
            $searchBox.autocomplete('widget').children('li').last().children('a').addClass('last');
            if (!$searchBox.is(".focused")) {
                $searchBox.autocomplete("close");
            }
        },
        select: function(event, ui) {
            $searchBox.val(ui.item.value);
            $('#searchTermForm').submit();
        }
    }).focus(function() {
        $searchBox.addClass("focused");
        if ($searchBox.val() == $searchBox.attr("title")) {
            $searchBox.val("");
        }
    }).blur(function() {
        setDefaultSearchText($searchBox);
        $searchBox.removeClass("focused");
    });

    $("form").submit(function() {
        if ($searchBox.val() == $searchBox.attr("title")) {
            $searchBox.val("");
        }
        return true;
    });

    if (navigator.appVersion.indexOf('MSIE 6.0') > -1) {
        $(this).pngFix();
    }
});

function setDefaultSearchText(e) {
    var $searchBox = $(e);
    var searchTerms = $searchBox.val();
    if (searchTerms == null || $.trim(searchTerms).length == 0) {
        $searchBox.val($searchBox.attr("title"));
    }
}