<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Coke Cooler</title>
	<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="assets/css/styles.css">
	<script type="text/javascript" src="assets/js/jquery.js"></script>
	<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="assets/js/scripts.js"></script>
</head>
<body>
	<div class="background-gradient"></div>
	<div class="menu-nav-container top-nav">
	    <?php 
$objItem = new Item();
$oItem = $objItem->GetAllItemByCategoryId($_REQUEST['id']);
$nGetNum = 3;
$fGetSome = true;
$iCnt = 0;
$iIndex = 0;
while ($fGetSome) {
    $iCnt++;
    $objItemImage = new ItemImage();
    $oItemImage = $objItemImage->getAllItemImageByItemIdItemImageSide($oItem[$iIndex]->Id, 'Front');
    echo '<div class="menu-item menu-nav-item col-sm-4">' . PHP_EOL;
    echo '	<div class="menu-nav-item-bg"></div>' . PHP_EOL;
    echo '	<a href="single-product.php?id=' . $oItem[$iIndex]->Id . '"><img src="' . $objItemImage->getPath() . $oItemImage[0]->ItemImageUrl . '" alt="' . $oItem[$iIndex]->ItemName . '"></a>' . PHP_EOL;
    echo '</div>' . PHP_EOL;
    $iIndex++;
    if ($iCnt == $nGetNum) {
        $fGetSome = false;