function access_stores(letter) {
    $.getJSON('/store-finder-access.php?starting_letter='+letter, function(json) {
        $('#store-finder-app .control table tbody tr').remove();

        $.each(json, function(i, store) {
            var html = '';
            html += '<tr>';
            html += '<td class="name"><span>' + store.name + '</span></td>';
            html += '<td class="phone"><span>' + store.phone + '</span></td>';
            html += '<td class="address"><span>' + store.address + '</span></td>';
            html += '<td class="map"><a href="' + store.map + '"><span>map</span></a></td>';
            html += '</tr>';
            $('#store-finder-app .control table tbody').append(html).fadeIn();
        });

        $('#store-finder-app .view-port').jScrollPane();

    });
}

$(function() {
    $('#back-button a').click(function() {
        if (window.history.length > 0) {
            window.history.go(-1);
            return false;
        }
    });

    $('form.sign-up').submit(function() {
        if ($('li.terms input').val() == 'off') {
            return false;
        }
    });

    $('#store-finder-app').each(function() {
        $('span.notice').fadeOut();
        access_stores('');

        var alphabet = ['0','a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z'];
        $.each(alphabet, function(i, letter) {
            var html = '<a href="#"><span>'+ letter +'</span></a>';
            $('#store-finder-app .control .alphabet').append(html);
        });

        $('.alphabet a').click(function() {
            var letter = $(this).children('span').text();
            access_stores(letter);
        });
    });
});

