preferences.js

var selectedTracks=[];
function hoverCover(){

  //$(this).parent().css("box-shadow", "10px 10px 3px #888");
  $(this).addClass("coverHovered");
  //css("width", "220px");
  //$(this).css("height", "220px");


}
function leaveCover(){
  //$(this).parent().css("box-shadow", "0px 0px 0px #000000");
  $(this).removeClass("coverHovered");
  //$(this).css("width", "200px");
  //$(this).css("height", "200px");

}
function selectTrack(){
  if($(this).hasClass("selected")){

    $(this).removeClass("selected");
    $(this).find("img").remove();

    removeInLikeList($(this).attr('data-uri'));

  }
  else{
    var v = $("<img>");

    v.attr("src", "selected.png");


    $(this).addClass("selected");
    $(this).append(v);

    addToLikeList($(this).attr('data-uri'),
    {
      releasedate: $(this).attr('data-releasedate'),
      name: $(this).attr('data-name'),
      album: $(this).attr('data-album'),
      genre: $(this).attr('data-genre')
    });
  }
}
function open() {

  $(".lightbox").off('click', '.album');
  $(".lightbox").off('mouseover', '.cover');
  $(".lightbox").off('mouseout', '.cover');
  $(".lightbox").on('click', '.close', close);
  $(".lightbox").on('click', 'li', selectTrack);


  $(this).css({

    position: 'fixed',
    display: 'block',
    color: 'white',
    boxShadow: "0px 0px 0px #000000",
    width: '600px',
    height: 'auto',
    zIndex:'9999'
  });


  $(this).find(".cover").removeClass("coverHovered");
  $(".album").not(this).find('.cover').css(

    {
      opacity:0.3,
      filter: 'grayscale(100%)'
    }
  )

  $(this).css('background-color', 'black');


  $(this).find(".cover").stop().animate({
    width :'220px',
    height: '220px',
    marginTop: '0px',
    marginLeft:'0px',
    marginRight:'0px',
    marginBottom:'0px'
  });

  $(this).stop().animate({
    paddingRight: '10px',
    width: '600px',
    height: 'auto',
    left :'50%',
    top: '50%',
    marginTop: '-200px',
    marginLeft: '-220px'

  },function(){

    $(this).find(".secret").show();

  });
  return false;
}

function close () {

  $(".secret").removeAttr("style");
  $(".cover").removeAttr("style");
  $(".album").removeAttr("style");

  $(".lightbox").on('click', '.album', open);
  $(".lightbox").on('mouseover', '.cover', hoverCover);
  $(".lightbox").on('mouseout', '.cover', leaveCover);
  $(".lightbox").off('click', '.close');
  $(".lightbox").off('click', 'li');

  return false;
}

// fonction qui sert à rajouter une track dans le cookie
// avec les track likées par la personne

function addToLikeList(track, params)
{
  var cookie = {};

  if (typeof Cookies.get('likes') != 'undefined') {
    // si il y a des déjà des choses likées
    var cookie = JSON.parse(Cookies.get('likes'));
  }

  cookie[track] = params;
  Cookies.set('likes', cookie);
}

// fonction qui sert à get les track qui ont été likées
// dans le passé
function getLikeList()
{
    if (typeof Cookies.get('likes') != 'undefined') {
      return JSON.parse(Cookies.get('likes'));
    }
    else {
      console.log('no liked tracks were found');
      return {};
    }
}

// fonction qui sert à remove une track
// directement avec l'uri de la track

function removeInLikeList(track)
{
  if (typeof Cookies.get('likes') != 'undefined') {
      var cookie = JSON.parse(Cookies.get('likes'));

      if (typeof cookie[track] != 'undefined')
      {
        delete cookie[track];
      }
      Cookies.set('likes', cookie);
  }
}

/* Display tastes of the user based on the data contained on the cookie */

function displayLikes()
{

  $('a.remove_from_tastes').off('click');
  $('#tastes').empty();

var table = $('<table>');
table.addClass("table").addClass("table-hover");

  var likes = getLikeList();
  for (el in likes)
  {
    var tr = $('<tr>');
    var td1 = $('<td>');
    var td2 = $('<td>');

    var a = $('<a />');
    //a.attr("href", "#");
    a.addClass('remove_from_tastes');
    a.attr('data-uri', el);
    a.css("cursor", "pointer");
    a.text('Remove');
    td1.text(likes[el].name);
    td2.append(a);
    tr.append(td1).append(td2);
    table.append(tr);
  }
  $('#tastes').append(table);
  $('a.remove_from_tastes').on('click', function() {
    removeInLikeList($(this).data('uri'));
    $(this).parent().parent().hide(500, function(){$(this).remove();});
  });

}

/* Display the recommendations */

function displayRecommendations()
{
  var the_length = 8;
  requetesSparql['recommandation-jamendo'](the_length)
      .execute(function(res)
      {
        console.log(res);
        for (el in res)
        {
          var album = new Album();
          album.init_from_jamendo(el, res);
          $('#recommendations').append(album.generateHTML());
        }
      });
}

function displayRecommendationsDBPedia()
{
  // vide
  $('#recommendations-dbpedia').empty();
  var tracks = JSON.parse(Cookies.get('likes'));
  var uris = Object.keys(tracks);
  var genre;
  var countGenres= {};
  var dates = [];

  for (t in tracks){

    genre = tracks[t].genre;
    if (countGenres[genre]) countGenres[genre] += 1;
    else countGenres[genre] = 1
    releaseDate = tracks[t].releasedate;
    dates.push(new Date(releaseDate));
    console.log(releaseDate);
    console.log(genre);
  }
  genre = Object.keys(countGenres).reduce(function(a, b){ return countGenres[a] > countGenres[b] ? a : b });
  var maxDate=new Date(Math.max.apply(null,dates));
  var minDate=new Date(Math.min.apply(null,dates));
  requetesSparql['recommandation-dbpedia'](genre, minDate.toISOString(), maxDate.toISOString())
      .execute(function(res)
      {
        console.log(res);
        var table = $("<table>");
        table.addClass("table").addClass("table-hover");
        var tracks={};
        for (el in res)
        {
          if (res[el].track)
          tracks[res[el].track.uri] = res[el];
        }
        for(t in tracks){
          var album = new Album();
          album.init_from_dbpedia(t, tracks);
          var tr = $('<tr>');
          var td = $('<td>');
          tr.append(td);
          td.append(album.getDescription());
          table.append(tr);
        }
        $('#recommendations-dbpedia').append(table);
      });
}

$(document).ready(function(){


  $(".lightbox").on('click', '.album', open);
  $(".lightbox").on('mouseover', '.cover', hoverCover);
  $(".lightbox").on('mouseout', '.cover', leaveCover);

  displayLikes();

  $.featherlight.defaults.afterClose = function() { displayLikes(); displayRecommendationsDBPedia(); };

  displayRecommendations();

  displayRecommendationsDBPedia();

});