/* Front page ajax */
$(document).ready(function() {
    $('#search-location').keyup(function(event) {
        if ($(this).val().length > 3) {
            $.post('/suggest/', { location: $('#search-location').val() },
            function (data) {
                if ($('#suggest').length != 0) {
                    if (data) {
                        $('#suggest').html(data);   
                    } else {
                        $('#suggest').html('<li>Searching your nearest location</li>');
                    }
                    if ($('#suggest').css('display') == 'none' && event.keyCode != 8) {
                        $('#suggest').slideDown(500);
                    }
                    $.each($('#suggest a'), function (i) {
                        $(this).click(function(evt) {
                            evt.preventDefault();
                            $('#search-location').val($(this).html());
                            $('#suggest').slideUp(300);
                        });
                    });
                } else {
                    if (!data) {
                        data = '<li>Searching your nearest location</li>';
                    }
                    $('#search').append('<ul id="suggest" style="display:none">' + data + '</ul>');
                    $('#suggest').slideDown(500);
                    $.each($('#suggest a'), function (i) {
                        $(this).click(function(evt) {
                            evt.preventDefault();
                            $('#search-location').val($(this).html());
                            $('#suggest').slideUp(300);
                        });
                    });
                }
            });
        } else {
            $('#suggest').html();
            $('#suggest').slideUp(300);
            event.preventDefault();
        }
    });
});