<script type="text/javascript" src="/assets/js/jquery.virtualKeyboard.js"></script>
    <script type="text/javascript" src="/assets/js/scripts.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('.virtualKeyboard').vkb();
        });
    </script>
</head>
<body>
    <div class="background-gradient" style="background:<?php 
echo $background;
?>
;"></div>
    <div class="wrap">
<?php 
pageContent();
?>
    </div>
	<?php 
// Must set cat_id prior to flyout-menu
// Since Sound is under Equipment, this is coded to 1
$cat_id = 1;
include 'flyout-menu.php';
?>
	<div id="underlay" style="height:100%; width:100%; position:absolute; top:0; left:0; background-color:black; display:none; opacity:0.9;"></div>
    <div class="product-lightbox-container">
        <div class="modaltitle-container"><p>Test</p></div>
        <div data-id="" class="modalx-container"><img class="modalx" src="assets/img/modalx.png" alt="x"></div>
        <div class="top-section" id="top-section"></div>
        <div class="bottom-section" id="bottom-section">
            <div class="bottom-content"></div>
<?php

include_once "header.php";
?>
					<?php 
$pageText = pageText();
if (!empty($pageText)) {
    ?>
					<div class="page-text">
						<?php 
    echo pageText();
    ?>
					</div>
					<?php 
}
?>
					<div class="page-content">
						<?php 
if ($_GET['project_tags']) {
    echo projects();
} else {
    echo pageContent();
}
?>
					</div>

<?php 
include_once "footer.php";
			</div>
			<div id="menu">
				<?php 
echo pageList();
?>
			</div>
		</div>
		<div id="main">
			<div id="content">
				
				<?php 
if (!viewingProjectTags()) {
    ?>
				<div class="pageText">
					<?php 
    echo pageText();
    ?>
				</div>
				<?php 
}
?>
				
				<div class="pageContent">
					<?php 
echo viewingProjectTags() ? projects() : pageContent();
?>
				</div>
			</div>
		</div>
	</body>
</html>