<?php
//get current query string
$thisUrl = $_SERVER['REQUEST_SCHEME'] . "://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];
$queryString = parse_url($thisUrl, PHP_URL_QUERY);
$thisUrlNoQueryString = str_replace($queryString, "", $thisUrl);
?>

<section class="top-section">
	<div class="container-fluid d-flex flex-wrap custom-90 position-relative" style="max-height: 100%; overflow: hidden;">
		<div class="content">
			<div class="row header-row my-2">
				<div class="col-xl-8 col-lg-9 col-md-12 col-sm-12">
					<span class="text-uppercase d-flex flex-xl-nowrap flex-wrap justify-content-start align-items-center" href="index.html">
						<span class="text-header me-3"><? echo $headertitle; ?></span>
					</span>
				</div>
			</div>
			<div id='dataContent' class='row gallery'>
				<center><img style='max-height: 150px;' src='<? echo $template_url; ?>/images/loading.gif'></center>
			</div>	
			<script>
				function getPlatform() {
					var platform = ["Win32", "Android", "iOS"];
					for (var i = 0; i < platform.length; i++) {
						if (navigator.platform.indexOf(platform[i]) > -1) {
							return platform[i];
						}
					}
				}
				var eventType = getPlatform() === 'iOS' ? 'touchend' : 'click';

				$(document).ready(function () {
					/*load current query string*/
					$("#dataContent").load("<? echo $basehttp; ?>/core/ajax.loadFavorites.php", function () {
						$("#dataContent").css('height', '100%');
						setTimeout(function () {
							$("#dataContent .img-col").css('opacity', '1');;
						}, 300);
					});
					
					$('body').on(eventType, '#loadMore', function (e) {
						e.preventDefault();

						var thisPage = $(this).data("page");
						$.get("<? echo $basehttp; ?>/core/ajax.loadFavorites.php?page=" + thisPage, function (thisData) {
							$(".loadMoreContainer").remove();
							$("#dataContent").append(thisData);
							setTimeout(function () {
								$("#dataContent .img-col").css('opacity', '1');;
							}, 300);
						});
					});

				});
			</script>
		</div>
	</div>
</section>