anchor.diff:  					</c:if>
   				</div>
   
  -				<div id="showing" class="col s12"
  -					data-id="<c:out value="${ inSingId }"></c:out>"
  -					data-title2="<c:out value="${ title2 }"></c:out>">
  -					<div class="input-field col s12">
  -						<select id="showingSelector">
  -							<option value="<c:out value="${ today }"></c:out>" selected>Today
  -								(
  -								<c:out value="${ today }"></c:out>)
  -							</option>
  -							<option value="<c:out value="${ tomorrow }"></c:out>">Tomorrow
  -								(
  -								<c:out value="${ tomorrow }"></c:out>)
  -							</option>
  -						</select>
  -					</div>
  -
  -					<div id="showingLoading" class="col s12 center">
  -						<div class="preloader-wrapper small active">
  -							<div class="spinner-layer spinner-red-only">
  -								<div class="circle-clipper left">
  -									<div class="circle"></div>
  -								</div>
  -								<div class="gap-patch">
  -									<div class="circle"></div>
  -								</div>
  -								<div class="circle-clipper right">
  -									<div class="circle"></div>
  +				<c:if test="${ !empty inSingId }">
  +					<div id="showing" class="col s12"
  +						data-id="<c:out value="${ inSingId }"></c:out>"
  +						data-title2="<c:out value="${ title2 }"></c:out>">
  +						<div class="input-field col s12">
  +							<select id="showingSelector">
  +								<option value="<c:out value="${ today }"></c:out>" selected>Today (<c:out value="${ today }"></c:out>)
  +								</option>
  +								<option value="<c:out value="${ tomorrow }"></c:out>">Tomorrow (<c:out value="${ tomorrow }"></c:out>)
  +								</option>
  +							</select>
  +						</div>
  +
  +						<div id="showingLoading" class="col s12 center">
  +							<div class="preloader-wrapper small active">
  +								<div class="spinner-layer spinner-red-only">
  +									<div class="circle-clipper left">
  +										<div class="circle"></div>
  +									</div>
  +									<div class="gap-patch">
  +										<div class="circle"></div>
  +									</div>
  +									<div class="circle-clipper right">
  +										<div class="circle"></div>
  +									</div>
   								</div>
   							</div>
   						</div>
  +
  +						<div id="showingLoaded" class="col s12 hide">
  +							<ul id="showingAccordion" class="collapsible popout"
  +								data-collapsible="accordion"></ul>
  +							<div class="spacer-normal"></div>
  +							<p>
  +								<b>Note:</b> Please remember to still check the right movie
  +								details before making your final bookings at the respective
  +								cinemas.
  +							</p>
  +						</div>
  +
  +						<div id="showingError" class="col s12 hide center">
  +							<p>No showing time.</p>
  +						</div>
   					</div>
  -
  -					<div id="showingLoaded" class="col s12 hide">
  -						<ul id="showingAccordion" class="collapsible popout"
  -							data-collapsible="accordion"></ul>
  -						<div class="spacer-normal"></div>
  -						<p>
  -							<b>Note:</b> Please remember to still check the right movie
  -							details before making your final bookings at the respective
  -							cinemas.
  -						</p>
  -					</div>
  -
  -					<div id="showingError" class="col s12 hide center">
  -						<p>No showing time.</p>
  -					</div>
  -				</div>
  +				</c:if>
   			</div>
   		</div>
   	</div>
  
positive.code: 	<script type="text/javascript" src="assets/js/jquery.shorten.min.js"></script>
  	<script>
  		$(document).ready(function() {
  			$(".button-collapse").sideNav({});
  
  			$('ul.tabs').tabs();
  
  			$('select').material_select();
  
  			$('#rate').addRating({
  				fieldName : 'rateRating',
  
negative.code: 					});
  		}
  	</script>
  
  	<c:if test="${ !empty inSingId }">
  		<script>
  			$(document).ready(function() {
  				// 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");
  								}
  							}
  						});
  			}
  		</script>
  	</c:if>
  </body>
  
  </html>