var showLimit = 5; var showOffset = 0; var loadShows = true; var movieLimit = 5; var movieOffset = 0; var loadMovies = true; $(document).ready(function() { getLatest(); getShows(); getMovies(); $(".nav a").on('click',function(e) { e.preventDefault(); $('.content').hide(); $(".nav li").removeClass('active'); $(this).parent().addClass('active'); window.scrollTo(0, 0); $($(this).attr('href')).show(); }); $(window).scroll(function(){ if ($(window).scrollTop()+200 >= ($(document).height() - ($(window).height()))){ if ($("#shows").is(":visible") && loadShows == true) { loadShows = false; getShows(); } if ($("#movies").is(":visible") && loadMovies == true) { loadMovies = false; getMovies(); } } }); }); function getLatest() { $.getJSON('api.php', { 'type': 'shows', 'get': 'latest' }, function(data) { $.each(data, function (key, ep) { var ulLatestContainer = $("#latestShows"); var liLatestItem = $('<li><img src="api.php?get=poster&show='+escape(ep.show)+'" /><div class="epLabel">'+ep.show+'<br />'+ep.episode+'<br />'+ep.name+'<br />'+ep.airdate+'</div></li>'); ulLatestContainer.append(liLatestItem); }); $('.jcarousel').jcarousel({ wrap: 'both' }); $('.jcarousel-control-prev') .on('jcarouselcontrol:active', function() { $(this).removeClass('inactive'); }) .on('jcarouselcontrol:inactive', function() { $(this).addClass('inactive'); }) .jcarouselControl({ target: '-=1' }); $('.jcarousel-control-next') .on('jcarouselcontrol:active', function() { $(this).removeClass('inactive'); }) .on('jcarouselcontrol:inactive', function() { $(this).addClass('inactive'); }) .jcarouselControl({ target: '+=1' }); } ); } function getShows() { $.getJSON('api.php', { 'get': 'shows', 'limit': showLimit.toString(), 'offset': showOffset.toString() }, function(data) { var divShows = $("#shows"); var i = 0; $.each(data, function (key, show) { var divShowContainer = $('<div class="show panel panel-default" data-showid="'+show.id+'" id="show_'+show.id+'"></div>'); var divShowHeader = $('<div class="showName panel-heading"><h2 class="panel-title text-center"><img class="showLogo lazy" style="min-height: 50px; height: 50px;" alt="'+show.name+'" data-original="api.php?get=logo&show='+escape(show.folder)+'" src="" /></h2></div>'); var divShowBody = $('<div class="panel-body lazy" data-original="api.php?get=fanart&show='+escape(show.folder)+'"></div>'); var divShowFooter =$('<div class="panel-footer">Seasons: , Episodes: </div>'); var divShowPoster = $('<div class="col-md-2 text-center"><a href="#" class="thumbnail"><img id="poster_'+show.id+'" class="showPoster lazy" data-original="api.php?get=poster&show='+escape(show.folder)+'" src="img/no_poster.jpg" /></a></div>'); var ulSeasons = $('<ul class="seasons col-md-10 list-group"></ul>'); $.each(show.seasons, function(key, season) { var liSeason = $('<li class="season list-group-item" data-season="'+season.season+'"><strong>Season '+season.season+'</strong><span class="badge">'+season.count+'</span></li>'); liSeason.bind('click', function() { getEpisodes($(this).parent().parent().parent().data('showid'), $(this).data('season')); }); liSeason.hover(function() { $("#poster_"+show.id).error(function() {$(this).attr('src', 'api.php?get=poster&show='+escape(show.folder))}); $("#poster_"+show.id).attr('src', 'api.php?get=poster&show='+escape(show.folder)+'&season='+season.season); }, function() { $("#poster_"+show.id).attr('src', 'api.php?get=poster&show='+escape(show.folder)); }); ulSeasons.append(liSeason); }); divShowContainer.append(divShowHeader); divShowContainer.append(divShowBody); divShowBody.append(divShowPoster); divShowBody.append(ulSeasons); divShowContainer.append(divShowFooter); $("#shows div.panel-body.lazy").lazyload({ //event: "scrollstop", effect: "fadeIn", threshold: 100 }); $("#shows img.showPoster.lazy").lazyload({ //event: "scrollstop", effect: "fadeIn", threshold: 100 }); $("#shows img.showLogo.lazy").lazyload({ //event: "scrollstop", effect: "fadeIn", threshold: 100 }); divShows.append(divShowContainer); if(i < 5) { divShowHeader.find("img.showLogo").attr('src', 'api.php?get=logo&show='+escape(show.folder)).removeClass('lazy'); divShowBody.css('background-image', 'url(api.php?get=fanart&show='+escape(show.folder)+')').removeClass('lazy'); divShowPoster.find("img.showPoster").attr('src', 'api.php?get=poster&show='+escape(show.folder)).removeClass('lazy'); } i++; }); showOffset = showOffset+showLimit; if(i > 0) { loadShows = true; } } ); } function getEpisodes(show, season) { $.getJSON('api.php', { 'get': 'episodes', 'show': show, 'season': season }, function(data) { var liSeason = $("#shows").find('div[data-showid="'+show+'"] li[data-season="'+season+'"]'); liSeason.find("table.episodes").remove(); var olEpisodes = $('<table class="table table-bordered table-condensed episodes"></table>'); $.each(data, function (key, episode) { console.log(episode.status.substr(-1, 1)); var status; switch(episode.status.substr(-1, 1)) { case '5': // ignored status = "info"; break; case '4': // downloaded status = "success"; break; case '3': // wanted status = "danger"; break; case '2': // snatched status = "warning"; break; case '1': // unaired status = ""; break; default: status = "text-default"; } var liEpisode = $('<tr class="episode text-'+status+'"><td>'+episode.episode+'</td><td>'+episode.name+'</td><td class="text-right">'+episode.airdate+'</td></tr>'); olEpisodes.append(liEpisode); }); liSeason.append(olEpisodes); liSeason.unbind('click').bind('click', function() { $(this).find("table.episodes").remove(); $(this).unbind('click').bind('click', function() { getEpisodes($(this).parent().parent().parent().data('showid'), $(this).data('season')); }); }); } ); } function getMovies() { $.getJSON('api.php', { 'get': 'movies', 'limit': movieLimit.toString(), 'offset': movieOffset.toString() }, function(data) { var divMovies = $("#movies"); var i = 0; $.each(data, function (key, movie) { var divMovieContainer = $('<div class="movie panel panel-default" data-imdb="'+movie.imdb+'" id="movie_'+movie.imdb+'"></div>'); var divMovieHeader = $('<div class="movieName panel-heading"><h2 class="panel-title text-center"><img class="movieLogo lazy" alt="'+movie.title+'" data-original="api.php?get=logo&movie='+escape(movie.title+' ('+movie.year+')')+'" src="" /></h2></div>'); var divMovieBody = $('<div class="panel-body lazy" data-original="api.php?get=fanart&movie='+escape(movie.title+' ('+movie.year+')')+'"></div>'); var divMoviePoster = $('<div class="col-md-2 text-center"><a href="#" class="thumbnail"><img id="poster_'+movie.imdb+'" class="moviePoster lazy" data-original="api.php?get=poster&movie='+escape(movie.title+' ('+movie.year+')')+'" src="img/no_poster.jpg" /></a></div>'); var divMoviePlot = $('<div class="moviePlot col-md-10 panel panel-default"><div class="panel-heading">'+movie.tagline+'</div><div class="panel-body">'+movie.plot+'</div></div>'); var divMovieFooter =$('<div class="panel-footer">IMDB Rating: </div>'); divMovieContainer.append(divMovieHeader); divMovieContainer.append(divMovieBody); divMovieBody.append(divMoviePoster); divMoviePlot.fadeTo(0, 0.3); divMovieContainer.hover(function() { divMoviePlot.fadeTo(300, 1); }, function() { divMoviePlot.fadeTo(300, 0.3); }); divMovieBody.append(divMoviePlot); divMovieContainer.append(divMovieFooter); $("#movies div.panel-body.lazy").lazyload({ //event: "scrollstop", effect: "fadeIn", threshold: 100 }); $("#movies img.moviePoster.lazy").lazyload({ //event: "scrollstop", effect: "fadeIn", threshold: 100 }); $("#movies img.movieLogo.lazy").lazyload({ //event: "scrollstop", effect: "fadeIn", threshold: 100 }); divMovies.append(divMovieContainer); if(i < 5) { divMovieHeader.find("img.movieLogo").attr('src', 'api.php?get=logo&movie='+escape(movie.title+' ('+movie.year+')')).removeClass('lazy'); divMovieBody.css('background-image', 'url(api.php?get=fanart&movie='+escape(movie.title+' ('+movie.year+')')+')').removeClass('lazy'); divMoviePoster.find("img.moviePoster").attr('src', 'api.php?get=poster&movie='+escape(movie.title+' ('+movie.year+')')).removeClass('lazy'); } i++; }); movieOffset = movieOffset+movieLimit; if(i > 0) { loadMovies = true; } } ); }