var tempscrollposition = 0;

$(document).ready(function() {
  $.post('php/getseriesdata.php','action=getallseries',function(data){
    console.log(data);
    // console.log("post finished");

    for (var num in data.data) {
      //insert a tile for each TV show...
      var previewtvshow = $("<div class='movietile'><div class='movietile-thumbnail'><img style='max-width: 100%;max-height:100%;' src=\"rsc/thumbnailsseries/"+data.data[num].thumbnail+"\"></img></div><div class='movietile-text'>"+data.data[num].name+"</div></div>");
      $(".movielist").append(previewtvshow);
      previewtvshow.click(function(event) {
        var clickeditem = data.data[$(this).index()];

        tempscrollposition = $(window).scrollTop();
        $('.movielist').hide();
        console.log(clickeditem);
        $.post('php/getseriesdata.php','action=getseries&seriesname='+clickeditem.name,function(data){
          console.log(data);

          // TODO
          // var seasons = [];
/*
          var seasonold = "";
          for (var n in data.data) {
            var filename = data.data[n].name;
            var season = filename.substring(filename.length-5,filename.length-3); // TODO:
            if (season != seasonold) {
              seasons.push(season);
              seasonold = season;
            }
          }
          console.log("This tv show has "+seasons.length+" seasons");*/

          $('.episodelist').html("");
          for (var i in data.data) {
            var episode = $("<div class='movietile'><div class='movietile-thumbnail'><img style='max-width: 100%;max-height:100%;' src=\"rsc/thumbnailsseries/"+data.data[i].thumbnail+"\"></img></div><div class='movietile-text'>"+data.data[i].name+"</div></div>");
            $('.episodelist').append(episode);
            episode.click(function(event) {
              var clickeditem = data.data[$(this).index()];
              console.log(clickeditem);
              $('.episodelist').hide();
              $('#moviespace').show();

              $('.moviespace-videospace').html("<video id='moviespace-video' controls><source src='../Serien/"+clickeditem.url+"'></video>");
              $('.moviespace-heading').html(clickeditem.name);
            });
          }
        },'json');
        $('.episodelist').show();
      });
    }

  },'json');
});