<%= render_js_template :story %>

<script type="text/javascript">

$(document).ready(function() {

var Stories = new StoryList;

var StoryApp = new AppView(Stories);

StoryApp.loadData(<%= stories.to_json %>);

Mousetrap.bind("j", function() {

StoryApp.moveCursorDown();

StoryApp.openCurrentSelection();

});

Mousetrap.bind("k", function() {

StoryApp.moveCursorUp();

StoryApp.openCurrentSelection();

});

Mousetrap.bind("n", function() {

StoryApp.moveCursorDown();

});

Mousetrap.bind("p", function() {

StoryApp.moveCursorUp();

});

Mousetrap.bind(["o", "enter"], function() {

StoryApp.toggleCurrent();

});

Mousetrap.bind(["b", "v"], function() {

StoryApp.viewCurrentInTab();

});

Mousetrap.bind(["m"], function() {

StoryApp.toggleCurrentKeepUnread();

});

Mousetrap.bind(["s"], function() {

StoryApp.toggleCurrentStarred();

});

});

</script>