// Autocomplete Functionality
var ajaxData;

$(document).ready(function () {
    $("#autoMe").autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "/town-autocomplete.aspx",
                dataType: "xml",
                type: "GET",
                data: "ownerid=31&attributeid=1199&searchedText=" + request.term,
                cache: true,
                success: function (xmlResponse) {
                    var data = $("rs", xmlResponse).map(function () {
                        return {
                            value: $("name", this).text(),
                            id: $("mosaicId", this).text()
                        };
                    }).get();
                    response(data);
                    ajaxData = data;
                }
            });
        },
        minLength: 3,
        delay: 150,
        select: function (event, ui) {
            $("#autoID").attr("value", ui.item.id);
            $("#townForm").submit();
        }
    });

    $(".a.ui-state-hover").focus(function () {
        $(this).parent().css("background-color", "#F00");
    });

    $("#townForm").submit(function () {		
        if ($("#autoID").val() == '') {
			if($('.ui-autocomplete li').length > 1){
				var searchedTown = $('#autoMe').val();
				var sendUser = false;
				$('.ui-autocomplete li').each(function(){
					if($(this).text().indexOf(searchedTown.substring(1,searchedTown.length)) > -1){
						$("#autoID").attr('value',ajaxData[0].id);
						sendUser = true;
					};
				});
				return sendUser;
			}
			else if($('.ui-autocomplete li').length == 1){
				$("#autoID").attr('value',ajaxData[0].id);
				return true;
			}
			else{ return false };
        }
        else { return true };
    });
});