// $ är symbol för att använda jQuery.

// När html-koden är färdigladdad...
$(document).ready( function() {



  $("#om").one('click',function(e) {
    e.stopImmediatePropagation();
    $("#jumbotron").load("/om");
  });

  $("#index").one('click',function(e) {
    e.stopImmediatePropagation();
    $("#jumbotron").load("/index");
  });

  $("#bocker").one('click',function(e) {
    e.stopImmediatePropagation();
    $("#jumbotron").load("/bocker");
  });

  $("#kontakt").one('click',function(e) {
    e.stopImmediatePropagation();
    $("#jumbotron").load("/kontakt");
  });

  $('#bookcard, #bookbutton').one('click',function(event) {
    event.preventDefault();
    event.stopPropagation();
    book_id = $(this).data("href");
    $("#row").hide();
    $.getJSON(book_id, function(data){
      var book = "";
      book += '<img src="static/image/' + data.bookCover + '">';
      book += '<p>' + data.longDesc + '</p>'; // hur ska man skriva det?
      $('#singlebook').append(book);
    })
  });

});