<?php header('Content-type: text/html; charset=utf-8'); ?>
<?php
  /* STEP 1: LOAD RECORDS - Copy this PHP code block near the TOP of your page */

  // load viewer library
  $libraryPath = 'cmsAdmin/lib/viewer_functions.php';
  $dirsToCheck = array('/home/bloxham/','','../','../../','../../../');
  foreach ($dirsToCheck as $dir) { if (@include_once("$dir$libraryPath")) { break; }}
  if (!function_exists('getRecords')) { die("Couldn't load viewer library, check filepath in sourcecode."); }

  list($categoriesRecords, $selectedCategory) = getCategories(array( 
    'tableName'   => 'categories', 
     'categoryFormat' => 'onelevel', 
     
  )); 
 
  list($articlesRecords, $articlesMetaData) = getRecords(array( 
  	
    'tableName'   => 'articles', 
  )); 
 

?>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>Bloxham School</title>
<script type="text/javascript" src="/script.js"></script>
<script type="text/javascript" src="/equalcolumns.js"></script>
<link rel="stylesheet" href="/style/style.css" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->
</head>
<body>
 <div id="background-gradient"></div>
  <div id="main">
   <div class="Container">
	<div class="Page-body">
    
    			<!-- Begin Header-->
    <div class="Header">
     					<div class="Header-jpeg"></div>
     <div class="Logo">
                        <div class="Logo-text"><a href="#">Accessibility help</a>  *  <a href="#">Vacancies</a></div>
                    	 <div class="search-top">
                        	<input type="text" class="input-text" value="Search Site" name="user" id="s" /><input type="image" name="btnG" src="/bloxtest/images/magnifying-glass.png" style="vertical-align:middle;" /> 
                         </div>
     </div>
    </div><!-- End Header-->
                
    <!-- Begin navigation menu -->
    <div class="nav">
         				<div class="l"></div>
                		<div class="r"></div>
                		<ul class="menu">
                		<li>
                			<a href="/cmsb.php"><span class="l"></span><span class="r"></span><span class="t">Home </span></a>
                		</li>
                        <li>
                			<a href="#" class="active"><span class="l"></span><span class="r"></span><span class="t">About us</span></a>
                		</li>
                		<li>
                			<a href="#"><span class="l"></span><span class="r"></span><span class="t">News and Events</span></a>
                			<ul>
                				<li><a href="#">Latest News</a></li>
                				<li><a href="#">Sports News</a></li>
                                <li><a href="#">Forthcoming events</a></li>
                			</ul>
                		</li>		
                		<li>
                			<a href="#"><span class="l"></span><span class="r"></span><span class="t">Admissions</span></a>
                		</li>
                        <li>
                			<a href="#"><span class="l"></span><span class="r"></span><span class="t">Bloxham life</span></a>
                		</li>
                        <li>
                			<a href="#"><span class="l"></span><span class="r"></span><span class="t">Academic life</span></a>
                		</li>
                        <li>
                			<a href="#"><span class="l"></span><span class="r"></span><span class="t">Old Bloxhamist</span></a>
                		</li>
                        <li>
                			<a href="#"><span class="l"></span><span class="r"></span><span class="t">Contact Us</span></a>
                		</li>
                		</ul>
    </div><!--End navigation menu-->
    
                <!--Flash placeholder-->
                		<div class="back-bg" ><img src="/bloxtest/images/back-bg.png"/></div><!--End Flash placeholder-->

	<!--Side menu icons-->                
    <div class="side-menu-icons">
                		<a href="#" onmouseout="HideContent('rss'); return true;" 
   onmouseover="ShowContent('rss'); return true;"><img src="/bloxtest/images/rss-icon.png" border="0" /></a><br />
   						<div id="rss">rss here</div>
                		<a href="#" onmouseover="ShowContent('basket'); return true;" onmouseout="HideContent('basket'); return true;"><img src="/bloxtest/images/basket-icon.png" border="0" /></a><br />
                        <div id="basket">title here</div>
                		<a href="#" onmouseover="ShowContent('video'); return true;" onmouseout="HideContent('video'); return true;"><img src="/bloxtest/images/video-icon.png" border="0" /></a><br />
                        <div id="video">Video title</div>
                		<a href="#" onmouseover="ShowContent('printer'); return true;" onmouseout="HideContent('printer'); return true;"><img src="/bloxtest/images/printer-icon.png" border="0" /></a>
                        <div id="printer">Print page</div>
    </div><!--End Side menu icons-->
    
    <!--Begin ContentLayout-->
    <div class="contentLayoutBackpages">
    					<!--Sidebar1-->
                    	<div class="sidebar1-backpages" id="first">
                        <div class="Box">
                           <div class="Box-body">
                          
                <?php foreach ($categoriesRecords as $categoryRecord): ?> 
                <div class="button-title"> <img src="/bloxtest/images/arrow-down.jpg" />
       <?php  list($articlesRecords, $articlesMetaData) = getRecords(array( 
  	
    'tableName'   => 'articles', 
  )); ?>
      <?php if ($categoryRecord['_isSelected']): ?><b><?php endif ?> 
      <a href="#"><?php echo $categoryRecord['name'] ?></a> 
      <?php if ($categoryRecord['_isSelected']): ?></b><?php endif ?> 

   


      
                            </div>
							<div class="sub-links">
							<div>
								<ul>
								   <?php foreach ($articlesRecords as $record): ?>
     <li> <a href="<?php echo $record['_link'] ?>"><?php echo $record['title'] ?></a></li>
 
    <?php endforeach ?>
								</ul>
							</div>
							</div>
             <?php endforeach; ?> 
                        	<div class="cleared"></div>
                      	   </div>
                     	</div>
                    	</div><!--End Sidebar1-->
                        
						<!--Begin main content-->
                    	<div class="contentBackpages" id="second">
                        <div class=" BoxContent-body">
                         <!-- STEP2: Display Records (Paste this where you want your records to be listed) -->
   
    <?php foreach ($articlesRecords as $record): ?>
     
      <h3><?php echo $record['title'] ?></h3>
    <?php echo $record['content'] ?><br/>
      <a href="<?php echo $record['_link'] ?>">more</a><br/>



      <hr/>
    <?php endforeach ?>

 
  <!-- /STEP2: Display Records -->


                        </div>
                    	</div><!--End main content-->
                    
                    <!--Begin sidebar2-->
                                    
                    
                    <div class="sidebar2-backpages" id="third">
                    <div class="Box">
                           <div class="Box-body">
                                        <div class="BoxHeader">
                                            <div class="l"></div>
                                            <div class="r"></div>
                                            <div class="header-tag-icon">
                                                <div class="t">Read our e-prospectus</div>
                                            </div>
                                        </div>
                                        
                                        	<div class="BoxContent">
                                            <div class="BoxContent-tl"></div>
                                            <div class="BoxContent-tr"></div>
                                            <div class="BoxContent-bl"></div>
                                            <div class="BoxContent-br"></div>
                                            <div class="BoxContent-tc"></div>
                                            <div class="BoxContent-bc"></div>
                                            <div class="BoxContent-cl"></div>
                                            <div class="BoxContent-cr"></div>
                                            <div class="BoxContent-cc"></div>
                                            <div class="BoxContent-body"><div>
                                            	<p><b>Click to view our innovative, interactive digital magazine</b><br /></p>
                                                <center><img src="/bloxtest/images/cover.jpg" /></center>
                                                <p>&nbsp;</p>
                                        	</div>
                                        		<div class="cleared"></div>
                                        </div>
                                        </div>
                        						<div class="cleared"></div>
                      	   </div>
                     	</div>
                    
                    <div class="right-side-button">
                    	<div>
                    	<p><a href="#">ENQUIRE ONLINE</a></p>
                    	<p>Nullam dictum felis eu pede.</p>
                    	</div>	
                    </div>
                    
                    <div class="right-side-button">
                    	<div>
                    	<p><a href="#">REQUEST A VISIT </a></p>
                    	<p>Nullam dictum felis eu pede.</p>
                    	</div>	
                    </div>
                    
                    <div class="right-side-button">
                    	<div>
                    	<p><a href="#">Scholarship & Bursaries</a></p>
                    	<p>Nullam dictum felis eu pede.</p>
                    	</div>	
                    </div>
                    <div class="cleared"></div>
                    <div class="cleared"></div>
    </div><!--End ContenrLayout-->
    
                		<div class="cleared"></div>
                        
                <!-- Begin Footer-->
                <div class="Footer">
                    <div class="Box-footer">
                            <div class="Box-footer-tl"></div>
                            <div class="Box-footer-tr"></div>
                            <div class="Box-footer-bl"></div>
                            <div class="Box-footer-br"></div>
                            <div class="Box-footer-tc"></div>
                            <div class="Box-footer-bc"></div>
                            <div class="Box-footer-cl"></div>
                            <div class="Box-footer-cr"></div>
                            <div class="Box-footer-cc"></div>
                            <div class="Box-footer-body">
                            
                                            	<div class="Footer-container">
                                            		<div class="Footer-column1">
                                           	 			<div class="Footer-text">
                                                		<p class="Footer-text-bold">Login to view your <br />personalised alerts</p>
                                                        <div><form method="get" id="newsletterform" action="javascript:void(0)">
                                                <input type="text" value="username" name="user" id="s" class="input-text" />
                                                <input type="text" value="password" name="password" id="s"  class="input-text" />
                                                <br />
                                                <span class="button-wrapper">
                                                	<span class="l"> </span>
                                                	<span class="r"> </span>
                                                	<input class="button" type="submit" name="search" value="SIGN IN"/>
                                                </span><br /><a href="#">Forgot your password?</a>
                                                </form>
                                                	
                                                    <img src="/bloxtest/images/line-column.png" class="line1" />
                                                	    </div>
                                            			</div>
                                                    </div>    
                                                    <img src="/bloxtest/images/Bloxham-today.png" class="bloxham-tod" />
                                                    <div class="Footer-column2">
                                           	 			<div class="Footer-text">
                                                		<p>Bloxham School
                                                        <br />Bloxham, Banbury
                                                        <br />Oxfordshire
                                                        <br />OX154PE
                                                        <br />Tel: 0161 224 0447
                                                        <br />Fax: 0161 224 6192
                                                        <br /><a href="#"><b>View Map and Directions</b></a>
                                                        </p>
                                                        <img src="/bloxtest/images/line-column.png" class="line2" />
                                            			</div>
                                                    </div>
                                                    
                                                    <div class="Footer-column3">
                                           	 			<div class="Footer-text">
                                                		<p><a href="#" ><img src="/bloxtest/images/Facebook-icon.png" class="icon" /><span class="links-icon"><br />Come and Join us on Facebook</span></a></p>
                                                        <br /><br />
                                                        <p><a href="#" ><img src="/bloxtest/images/Twitter-icon.png" class="icon" /><span class="links-icon"><br />Follow us on Twitter</span></a></p><img src="/bloxtest/images/line-column.png" class="line3" />
                                                        
                                            			</div>
                                                    </div>
                                                    
                                                    <div class="Footer-column4">
                                           	 			<div class="Footer-text">
                                                		<p><a href="#"><img src="/bloxtest/images/Logo-footer.jpg" class="logo-footer" border="0" /></a></p>
                                            			</div>
                                                    </div>
                                            	</div>   
                                                
                                        		<div class="cleared"></div>
                        		<div class="cleared"></div>
                            </div>
                        </div>
                </div><!-- End Footer-->
        		<div class="cleared"></div>
                
    </div><!--End Page-body-->
   </div><!--End Container-->
   
   				<!--Page Footer-->
                
  				<p class="page-footer">&copy; <a href="#">Information here &nbsp; </a> I <a href="#"> &nbsp; Disclaimer &nbsp; </a> I <a href="#"> &nbsp; Privacy Policy</a></p><!--End Page Footer-->
                
  </div><!--End main-->
</body>
</html>

 

  <!-- STEP2: Display Records (Paste this where you want your records to be listed) -->
   
 
  <!-- /STEP2: Display Records -->

</body>
</html>
