function getPack(pack_id) {
  var str = '';
  $.getJSON('/packs/' + pack_id + '.json',
    function(data){
      $("#pack_name").html("Spelling Pack " + data.position);
      $.each(data.lessons, function(i, item){
        $("#lesson_" + item.position).empty();
        str = '<a href="/">Lesson ' + i + '(' + item.id + ')</a>';
        $("#lesson_" + item.position).append(str);
      });
    });
};


$(function() {

  $("div.scrollable").scrollable();

  // TODO - change to completed_pack
  $(".scrollable .pack").click(function() {
    getPack($(this).attr("id"));
  });

  $(".lesson-row:even").css("background-color", "#eeeeee").css("padding", "5px 5px 5px 5px");
  $(".lesson-row:odd").css("background-color", "#ffffee").css("padding", "5px 5px 5px 5px");

});