index.jsp

					var carousel_${carouselName} = $('#${carouselName}').bxSlider({
						minSlides: 7,
						maxSlides: 7,
						slideWidth: 120,
						slideMargin: 10,
						pager: false,
						infiniteLoop: false,
						controls: true,

						onSlideNext: function(){
							var titleCount = carousel_${carouselName}.getSlideCount();
							var slideToLoad = carousel_${carouselName}.getCurrentSlide();

							console.log("slide to load: "+slideToLoad);

							var endingTitleIndex = slideToLoad * 7;
							var threshold = titleCount - 7;

							if (threshold <= 7) {
								var titles = more('${vc.type}', '${vc.kindId}', '${vc.id}', titleCount+1);

								$.each(titles, function(index, value) {

									$('ul#${carouselName}').append(
											$('<li>').append(
												$('<a>').prop('href','/title/'+value.id).append(
														$('<img>').prop('src','https://d1n8i81n8cnkc4.cloudfront.net'+value.thumbnail)
																.prop('class', 'carousel-art ${fn:toUpperCase(actionBean.kind)}')
												)).append(
													$('<div>').prop('class', 'carousel-text').html(value.title ? value.title : value.name)
												));

								});

								carousel_${carouselName}.reloadSlider();
								carousel_${carouselName}.goToSlide(slideToLoad);
							}
						}
					});