anchor.diff:  							<h6>
   								<c:out value="${video.name}"></c:out>
   							</h6>
  +							<div class="spacer-thin"></div>
   							<div class="video-container">
   								<iframe width="853" height="480"
   									src="//www.youtube.com/embed/<c:out value="${video.key}"></c:out>
  
positive.code: 						</ul>
  					</c:if>
  				</div>
  				<div id="showing" class="col s12">
  					<div class="input-field col s12">
  						<select>
  							<option value="" disabled selected>Select a Date</option>
  							<option value="1">Today</option>
  							<option value="2">Tomorrow</option>
  							<option value="3">Tuesday</option>
  						</select>
  					</div>
  
  					<div class="col s12">
  						<ul class="collapsible popout" data-collapsible="accordion">
  							<li>
  								<div class="collapsible-header active">
  									<i class="material-icons">theaters</i>Cathay AMK Hub
  								</div>
  								<div class="collapsible-body">
  									<h6>Standard</h6>
  									<a href="">07:20 PM</a>, <a href="">10:30 PM</a>
  								</div>
  							</li>
  							<li>
  								<div class="collapsible-header">
  									<i class="material-icons">theaters</i>GV Yishun
  								</div>
  								<div class="collapsible-body">
  									<h6>Standard</h6>
  									<a href="">08:20 PM</a>, <a href="">10:50 PM</a>
  								</div>
  							</li>
  							<li>
  								<div class="collapsible-header">
  									<i class="material-icons">theaters</i>Shaw Nex
  								</div>
  								<div class="collapsible-body">
  									<h6>Standard</h6>
  									<a href="">08:20 PM</a>, <a href="">10:50 PM</a>
  								</div>
  							</li>
  						</ul>
  					</div>
  				</div>
  			</div>
  
negative.code: 				i--;
  			});
  
  			// fetch movie showing time
  			fetchShowingTime(null);
  
  			$("#showingSelector").change(function() {
  				fetchShowingTime($(this).val());
  			})
  		});
  
  		function fetchShowingTime(date) {
  			var title2 = $("#showing").attr("data-title2");
  			var id = $("#showing").attr("data-id");
  
  			var dataParam;
  			if (date == null) {
  				dataParam = "action=showtime&id=" + id + "&title2=" + title2;
  			} else {
  				dataParam = "action=showtime&id=" + id + "&title2=" + title2
  						+ "&date=" + date;
  			}
  
  			$
  					.ajax({
  						type : "GET",
  						url : "/movie",
  						data : dataParam,
  						dataType : "json",
  						beforeSend : function() {
  							$("#showingError").attr("class",
  									"col s12 center hide");
  							$("#showingLoading")
  									.attr("class", "col s12 center");
  							$("#showingLoaded").attr("class",
  									"col s12 center hide");
  							$("#showingAccordion").empty();
  						},
  						//if received a response from the server
  						success : function(data) {
  							if (data.success) {
  								$
  										.each(
  												data.cinema,
  												function(arrayID, cinema) {
  													var cinemaName = cinema.name;
  													var cinemaAddress = cinema.address;
  
  													var body = '<li><div class="collapsible-header"><i class="material-icons">theaters</i>'
  															+ cinemaName
  															+ '</div><div class="collapsible-body">';
  
  													if (cinema.Standard) {
  														body += '<h6>Standard</h6>';
  														$
  																.each(
  																		cinema.Standard,
  																		function(
  																				arrayId,
  																				standard) {
  																			if (arrayId > 0) {
  																				body += ", ";
  																			}
  																			body += '<a href="' + standard.url + '">'
  																					+ standard.timing
  																					+ '</a> ';
  																		});
  													}
  
  													if (cinema.Atmos) {
  														body += '<h6>Atmos</h6>';
  														$
  																.each(
  																		cinema.Atmos,
  																		function(
  																				arrayId,
  																				atmos) {
  																			if (arrayId > 0) {
  																				body += ", ";
  																			}
  																			body += '<a href="' + atmos.url + '">'
  																					+ atmos.timing
  																					+ '</a> ';
  																		});
  													}
  
  													if (cinema.Digital) {
  														body += '<h6>Digital</h6>';
  														$
  																.each(
  																		cinema.Digital,
  																		function(
  																				arrayId,
  																				digital) {
  																			if (arrayId > 0) {
  																				body += ", ";
  																			}
  																			body += '<a href="' + digital.url + '">'
  																					+ digital.timing
  																					+ '</a> ';
  																		});
  													}
  
  													body += '</div></li>';
  													$("#showingAccordion")
  															.append(body);
  
  													$("#showingLoaded").attr(
  															"class", "col s12");
  													$("#showingLoading")
  															.attr("class",
  																	"col s12 hide center");
  												});
  							} else {
  								$("#showingError").attr("class",
  										"col s12 center");
  								$("#showingLoading").attr("class",
  										"col s12 hide center");
  							}
  						}
  					});
  		}
  
  		function rateMovie() {
  			var tmdbId = $("#rate").attr("data-id");
  