<?php
include "globalVars.php";

$selectedImage	= $_POST["sI"];
$imageOrder		= trim($_POST["iO"], "[]");
$imageOrder		= explode(",", $imageOrder);
$photoCount		= count($imageOrder);
?>

	<div class="pGSPhotoContainer">
		<div class="pGSGallery">
		<?php
		foreach($imageOrder as $photoID) {
			$thisPhotoQuery = mysqli_query($conn, "SELECT * FROM photoGallery WHERE id = '$photoID'");
			while ($phQ = mysqli_fetch_array($thisPhotoQuery)) {
				$photoURL	= $phQ["imageURL"];
				$photoTitle	= $phQ["imageTitle"];
				$fileRoot	= $SERVER_ROOT ."/images/gallery/$photoURL";
				list($imWidth, $imHeight)	= @getimagesize($fileRoot);
				$imgRatio	= $imWidth / $imHeight;
				?>
			<div class="pGPhoto<?php if ($photoID == $selectedImage) {?> activeSlide<?php } ?>">
				<img src="<?php echo $Iurl ?>gallery/<?php echo $photoURL ?>" width="<?php echo $imWidth ?>" height="<?php echo $imHeight ?>" alt="<?php echo $photoTitle ?>">
				<?php
				if (trim($photoTitle) != "") {
					?>
				<div class="pGPhotoTitle"><?php echo $photoTitle ?></div>
					<?php
				}
				?>
			</div>
				<?php
			}
		}
		?>
		</div>
	</div>
	<?php
	if ($photoCount > 1) {
		?>
	<a id="pGLeft"><span><i class="fas fa-arrow-alt-circle-left"></i></span></a>
	<a id="pGRight"><span><i class="fas fa-arrow-alt-circle-right"></i></span></a>
		<?php
	}
	?>
	
	<div id="galleryLogo">
		<img src="<?php echo $Iurl ?>logo.png" width="69" height="98" alt="<?php echo $LANG_DEFAULT_BROWSER_TITLE ?>" title="<?php echo $LANG_DEFAULT_BROWSER_TITLE ?>">
		<div class="logoTitle">
			<?php echo $LANG_HEADER_H1 ?>
		</div>
	</div>
	<a id="photoGalleryClose"><?php echo $LANG_CLOSE_GALLERY ?> <i class="fa fa-times" aria-hidden="true"></i></a>