<?php header('Content-type: text/html; charset=utf-8'); ?>
<?php
  require_once "/home/jmetric/public_html/cmsAdmin/lib/viewer_functions.php";

  list($tile_imagesRecords, $tile_imagesMetaData) = getRecords(array(
    'tableName'   => 'tile_images',
  ));

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<title>Metricon</title>
	<link rel="stylesheet" type="text/css" href="css/all.css" />
	<!--[if IE]><link rel="stylesheet" type="text/css" href="css/ie.css" /><![endif]-->
	<script type="text/javascript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
//-->
    </script>
</head>
	<body>
		<div id="wraper">
			<div class="wraper-c">
				<div id="header">
					<h1><a href="#">Metricon</a></h1>
					<div id="header-nav">
						<ul>
							<li><a href="about.php">ABOUT METRICON</a></li>
							<li><a href="contactus.php">CONTACT US</a></li>
						</ul>
					</div>
				</div>
				<div id="main">
					<div class="headline">
						<h2>Find The Perfect Tiles For Your New Home</h2>
					</div>
					<div class="content-area">
						<div class="sidebar">
							<ul class="sidebar-nav">
								<li>
									<a href="#"><strong>FIND TILES BY HOME</strong></a>
									<ul>
										<li><a href="index.php">Select A Home</a></li>

								  </ul>
								</li>
								<li>
									<a href="#"><strong>FIND TILES BY ROOM</strong></a>
									<ul>
                     					<li><a href="detail.php?room_type=1">Entrance</a></li>
                                        <li><a href="detail.php?room_type=4">Family Room</a></li>
                                       	<li><a href="detail.php?room_type=3">Dining Room</a></li>
 										<li><a href="detail.php?room_type=14">Home Theatre</a></li>
										<li><a href="detail.php?room_type=10">Rumpus Room</a></li>
										<li><a href="detail.php?room_type=2">Kitchen</a></li>
                                        <li><a href="detail.php?room_type=13">Butlers Pantry</a></li>
										<li><a href="detail.php?room_type=5">Ensuite</a></li>
										<li><a href="detail.php?room_type=6">Bathroom</a></li>
                                        <li><a href="detail.php?room_type=7">Powder Room</a></li>
										<li><a href="detail.php?room_type=9">Laundry</a></li>
										<li><a href="detail.php?room_type=8">Outdoor</a></li>
									</ul>
								</li>
								<li>
									<a href="#"><strong>FIND BY COLOUR TONE</strong></a>
							        <ul>
										<li>
											<form action="#">
												<fieldset>
													<div class="select-frm">
													<select name="select-tone" id="select-tone" class="sel" onchange="MM_jumpMenu('parent',this,1)">
													  <option value="#" selected="selected">----</option>
                                                      <option value="detail.php?colour_tones=Brown">Brown</option>
                                                      <option value="detail.php?colour_tones=Beige">Beige</option>
                                                      <option value="detail.php?colour_tones=Grey">Grey</option>
                                                      <option value="detail.php?colour_tones=White">White</option>
                                                      <option value="detail.php?colour_tones=Bright">Bright</option>
                                                  </select>
														<label for="select-tone">Select:</label>
													</div>
												</fieldset>
											</form>
										</li>
									</ul>
								</li>
                                <li>
									<a href="#"><strong>FIND BY CONCEPT NO.</strong></a>
									<ul>
										<li>
											<form method="POST" action="detail.php">
  <input name="concept_no" type="text" value="" size="13">
  <input type="submit" name="submit" value="Search">
</form>
										</li>
									</ul>
								</li>
						  </ul>
							<div class="sidebar-menu">
								<ul>
								  <li><a href="#">VIEW FAVOURITES</a></li>
								</ul>
							</div>
						</div>
						<div class="primary">
							<div class="primary-t">
								<h3>Select A House Type To View Available Tile Options</h3>
							</div>
							<div class="primary-c">
								<div class="holder">
								  <table width="663" border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                      <?php foreach ($tile_imagesRecords as $record): ?>
                                      <?php
  list($housesRecords) = getRecords(array(
    'tableName'   => 'houses',
    'where'       => "num = '{$record['house']}'",
    'limit'       => '1',
  ));
  $housesRecord = @$housesRecords[0]; // get first record
  
?>
                                      <td class="houses"><br /><a href="detail.php?house=<?php echo $record['house'] ?>&house_description=<?php echo $record['house_description'] ?>"><?php echo $housesRecord['title'] ?>&nbsp;<?php echo $record['house_description'] ?></a><br /><br />Available to view at:<br /><br /><?php echo join(', ', getListLabels('tile_images', 'display_village_s', $record['display_village_s'])); ?><br /></td>
                                      <?php $maxCols=3; if (@++$count1 % $maxCols == 0): ?>
                                    </tr>
                                    <tr>
                                      <?php endif ?>
                                      <?php endforeach; ?>
                                    </tr>
                                  </table>
								</div>
						  </div>
							<div class="primary-b"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="wraper-b"></div>
		</div>
	</body>
</html>
