<?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 = 'beheer/lib/viewer_functions.php';
  $dirsToCheck = array('/home/vdwproje/public_html/','','../','../../','../../../');
  foreach ($dirsToCheck as $dir) { if (@include_once("$dir$libraryPath")) { break; }}
  if (!function_exists('getRecords')) { die("Couldn't load viewer library, check filepath in sourcecode."); }
  
  // error checking
  if (!@$GLOBALS['GEOCODER_PLUGIN']) { die("You must activate the Geocoder plugin before you can access this page."); }
  
     

  // load records from 'projecten'
  list($projectenRecords, $projectenMetaData) = getRecords(array(
    'tableName'   => 'projecten',
    'loadUploads' => true,
    'allowSearch' => false,
  ));
  
  list($pandenRecords, $pandenMetaData) = getRecords(array(
    'tableName'   => 'panden',
	'orderBy'     => 'title ASC',
	'where'       => whereRecordNumberInUrl(1),
	));
	$pandenRecord = @$pandenRecords[0]; // get first record

	

?>

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en" class="no-js"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
  	================================================== -->
	<meta charset="utf-8">
	<title>VDW Projects nv - Immobilien en Nieuwbouw projecten</title>
	<meta name="keywords" content="immobilien nieuwbouw projecten tekoop tehuur huizen villa appartement realisaties" />
    <meta name="description" content="VDW Projects nv - Immobilien en Nieuwbouw projecten">
	<meta name="author" content="web4all.be">

	<!-- Mobile Specific Metas
  	================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />


	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/skeleton.css">
	<link rel="stylesheet" href="css/layout.css">
	<link rel="stylesheet" href="css/colors/yellow.css">
    <link rel="stylesheet" href="css/elastislide.css">
	
	<!-- jQuery UI -->
	<link rel="stylesheet" href="css/jquery.ui.css" />
	
	<!-- BX Slider -->
	<link rel="stylesheet" href="css/jquery.bxslider.css" />

	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	
    
   
    
    
    
    <!-- JS
  ================================================== -->	
    <script src="js/jquery.js"></script>
    <script src="js/jquery-ui.js"></script>
    <script src="js/modernizr.custom.17475.js"></script>
    <script src="js/tiny-scrollbars.js"></script>
    <script src="js/jQuery.BlackAndWhite.min.js"></script>
    <script src="js/jquery.bxslider.min.js"></script>
    <script src="js/jquery.elastislide.js"></script>

	
 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
  <script type="text/javascript">
    function initialize() {
      var latitude    = <?php echo floatval(@$pandenRecord['latitude']); ?>;
      var longitude   = <?php echo floatval(@$pandenRecord['longitude']); ?>;
      var mapCanvasId = 'map_canvas2';
      if (latitude) {
        var mapOptions  = { mapTypeId: google.maps.MapTypeId.ROADMAP };
        var map         = new google.maps.Map(document.getElementById(mapCanvasId), mapOptions);
        var latLng      = new google.maps.LatLng(latitude, longitude);
        var marker      = new google.maps.Marker({map: map, position: latLng });

        map.setCenter(latLng);
        map.setZoom(14);
      }
    }
  </script>



</head>
<body>

<body onload="initialize()">
		
	<!-- Top -->
	<div class="top">
		
		<div class="container">
			
			<div class="row offset-by-one remove-bottom">
			
				<!-- contact and language bar -->
				<div class="contact-bar eleven columns">
				
					<p class="remove-bottom">VDW projects nv - Kuringersteenweg 519 - 3511 Hasselt</p>
					
					<!-- Language nav -->
					
					
				</div>

				
				<!-- Social nav -->
				<ul class="three columns nav social">
					
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
					<li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                    
					<li><a href="#"></a></li>
					<li><a class="addthis_button_facebook" style="cursor:pointer" title="Delen via Facebook"></a></li>
					
				</ul>
                
                <!-- AddThis Button BEGIN -->

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4cd28fd877a22a14"></script>
<!-- AddThis Button END -->
			
			</div>
		
			<a href="#" class="close-btn">+</a>
			
		</div>
		
	</div>
	<!--/Top -->
	
	
	<!-- Header -->
	<div class="header">
		
		<header class="container">
			
			<div class="row offset-by-one remove-bottom">

				<!-- Brand -->
				<h1 id="brand" class="four columns"><a href="index.php"><img src="images/logo.png" alt="" /></a></h1>
		
				<!-- Main nav -->
				<nav class="ten columns">
				
					<ul id="menu" class="nav">
						<li><a href="index.php">HOME</a></li>
						
						<li class="current"><a href="nieuwbouw.php">TE KOOP</a>
                        	<ul>
                            	<li><a href="nieuwbouw.php">Nieuwbouw projecten</a>
                                <li><a href="particulier.php">Bestaande woningen</a>
                            </ul>
                        </li>
                        <li><a href="tehuur.php">TE HUUR</a></li>
                        <li><a href="realisaties.php">REALISATIES</a></li>
                        <li><a href="actueel.php">VDW ACTUEEL</a></li>
						<li><a href="contact.php">CONTACT</a></li>
						
						
					</ul>
				
				</nav>
				<!-- /.Main nav -->
			
			</div>
		
		</header>
		
		
	</div>
	<!-- /Header -->
	
	<!-- Slider Skin Four -->
	<div class="bxskin-four shadded add-bottom-2">
	  <div class="container clearfix nivoslider">
		<ul class="bxslider">
         <?php foreach ($projectenRecords as $record): ?>
         <?php foreach ($record['foto'] as $index => $upload): ?>
			<li><a href="panden.php?project=<?php echo urlencode($record['title']) ?>"><img src="<?php echo $upload['thumbUrlPath2'] ?>" alt="" width="345" height="225" title="<?php echo htmlencode($record['title']) ?>" /></a></li>
		<?php endforeach ?>	
        <?php endforeach ?>
		</ul>
	</div>
	</div>
	<!-- /slider -->
    
    <div class="container">
		
		<div class="row offset-by-one">
			
			<div class="fourteen columns bordered">
				
			</div>
		
		</div>
		
	</div>
	
    
    
    <!-- Content -->
	<div class="container">
		
		<div class="row offset-by-one add-bottom-2">

			<!-- Main Column -->
			<section class="main on-left row">
            
            
			<?php foreach ($pandenRecords as $record): ?>
            
				<h3 class="titling"><?php echo $record['project'] ?></h3>
			
			  <div class="nine columns">
				
					
                    <div class="row add-top">
					
							
						
							<div class="padded">

								
								
								<p  class="intro" align="justify"><?php echo htmlencode($record['projectbeschrijving']) ?></p>

								
								
							</div>
						
						</div>
                    <h5>Woning:&nbsp;&nbsp;<?php echo $record['title'] ?> </h5>
                    
                    <div class="single-property add-bottom-2 lighted">

						
                        <div class="image-preview">
							<?php foreach ($record['foto_s'] as $index => $upload): ?>
                            <img id="preview" alt="//" src="<?php echo $upload['urlPath'] ?>" class="scale-with-grid"  width="655"/>
                            <?PHP break ?><?php endforeach; ?>
						</div>
					
						<!-- Elastislide Carousel -->
						<ul id="carousel" class="elastislide-list">
						<?php foreach ($record['foto_s'] as $index => $upload): ?>
							<li data-preview="<?php echo $upload['urlPath'] ?>">
								<a href="#"><img src="<?php echo $upload['thumbUrlPath'] ?>" alt="image04" /></a>
							</li>
						<?php endforeach; ?>	
							
						</ul>
						<!-- End Elastislide Carousel -->
	
						<div class="row add-top">
					
							
						
							<div class="padded">

								
								
								<p  class="intro" align="justify"><?php echo htmlencode($record['beschrijving']) ?></p>

								
								
							</div>
						
						</div>
                        
                        
						
                                           
                        
                        
						<div class="row add-bottom-2">
						
							<h5 class="padded">Algemene gegevens</h5>
							
							<div class="one-half-liquid">
                            	<table>
  									<tr>
								    	<th scope="row">Oppervlakte terrein</th>
									    <td><?php echo htmlencode($record['grondopp']) ?></td>
									</tr>
									<tr>
    									<th scope="row">Oriëntatie terrein</th>
    									<td><?php echo htmlencode($record['ori_ntatie_terrein']) ?></td>
  									</tr>
  									<tr>
    									<th scope="row">Verband</th>
    									<td><?php echo htmlencode($record['verband']) ?></td>
  									</tr>
                                    <tr>
    									<th scope="row">Type</th>
    									<td><?php echo htmlencode($record['type_bebouwing']) ?></td>
  									</tr>
                                    <tr>
    									<th scope="row">Aantal garage(s)</th>
    									<td><?php echo htmlencode($record['aantal_garages']) ?></td>
  									</tr>
  									<tr>
    									<th scope="row">Garage type(s)</th>
    									<td><?php echo htmlencode($record['garage_type_s']) ?></td>
  									</tr>
                                    
								</table>
							</div>
							
							<div class="one-half-liquid">
								<table>
  									<tr>
								    	<th scope="row">Bewoonbare oppervlakte</th>
									    <td><?php echo htmlencode($record['woonopp']) ?></td>
									</tr>
									<tr>
    									<th scope="row">Leefruimte</th>
    									<td><?php echo htmlencode($record['leefruimte']) ?></td>
  									</tr>
  									<tr>
    									<th scope="row">Aantal kamers</th>
    									<td><?php echo htmlencode($record['aantal_kamers']) ?></td>
  									</tr>
                                    <tr>
								    	<th scope="row">Aantal badkamers</th>
									    <td><?php echo htmlencode($record['aantal_badkamers']) ?></td>
									</tr>
								
  									<tr>
								    	<th scope="row">Werk status</th>
									    <td><?php echo htmlencode($record['beschikbaar']) ?></td>
									</tr>
                                    <tr>
								    	<th scope="row">Vermoedelijke voltooiing</th>
									    <td><?php echo htmlencode($record['verm_voltooiing']) ?></td>
									</tr>
									
								</table>
							</div>
                           
                            
                                                       
                            						
						</div>
                        
                        
                        
                        
                        
                        <div class="padded">

								<h5>Indeling</h5>
								
								<p  class="intro" align="justify"><?php echo $record['indeling']; ?></p>

								
								
					  </div>
                            
                            
                            <div class="row add-bottom-2">
						
							<h5 class="padded">EPB</h5>
							
							<div class="one-half-liquid">
                            	<table>
  									<tr>
								    	<th scope="row">E-peil</th>
									    <td><?php echo htmlencode($record['e_peil']) ?></td>
									</tr>
									<tr>
    									<th scope="row">K-peil</th>
    									<td><?php echo htmlencode($record['k_peil']) ?></td>
  									</tr>
  									
								</table>
							</div>
							
							
							
							
						
						</div>
                            
                            <div class="padded">

								<h5>Isolatie</h5>
								
								<p  class="intro" align="justify"><?php echo $record['isolatie']; ?></p>

								
								
							</div>
                            
                            
                            <div class="padded">

								<h5>Ventilatie</h5>
								
								<p  class="intro" align="justify"><?php echo $record['ventilatie']; ?> </p>

								
								
							</div>
                            
                            
                            
                            <div class="row add-bottom-2">
						
							<h5 class="padded">Ruimtelijke ordening</h5>
							
							
							
							<div class="three-thirds-liquid">
								<table>
  									<tr>
								    	<th scope="row">Is er een stedenbouwkundige vergunning verkregen ?</th>
									    <td><?php echo htmlencode($record['stedenbouwk_vergunning']) ?></td>
									</tr>
									<tr>
    									<th scope="row">Wat is de meest recente bestemming ?</th>
    									<td><?php echo htmlencode($record['meest_recente_bestemming']) ?></td>
  									</tr>
  									<tr>
    									<th scope="row">Is er een dagvaarding op uitgebracht ?</th>
    									<td><?php echo htmlencode($record['dagvaarding_uitgebracht']) ?></td>
  									</tr>
                                    <tr>
    									<th scope="row">Is er een voorkooprecht op dit goed ?</th>
    									<td><?php echo htmlencode($record['voorkooprecht']) ?></td>
  									</tr>
                                    <tr>
    									<th scope="row">Is er een verkavelingsvergunning ?</th>
    									<td><?php echo htmlencode($record['verkavelingsvergunning']) ?></td>
  									</tr>
								</table>
							</div>
							
							
						
						</div>
                        
                        <div class="row add-bottom-2">
                        <h5 class="padded">Financiële info (exclusief BTW + registratierechten)</h5>
							
							
							
							<div class="three-thirds-liquid">
								<table>
  									<tr>
								    	<th scope="row">Ruwbouwwinddicht</th>
									    <td>250.000</td>
									</tr>
									<tr>
    									<th scope="row">Instapklaar</th>
    									<td>350.000</td>
  									</tr>
  									
								</table>
							</div>
							
							
						
						</div>
                            
                     <div class="row add-bottom-2">
						
							<h5 class="padded">Ligging</h5>
							
							
							
							<div class="three-thirds-liquid">
								<table>
  									<tr>
								    	<th scope="row">Gemeente</th>
									    <td><?php echo htmlencode($record['gemeente']) ?></td>
									</tr>
									<tr>
    									<th scope="row">Postcode</th>
    									<td><?php echo htmlencode($record['postcode']) ?></td>
  									</tr>
  									<tr>
    									<th scope="row">Straat</th>
    									<td><?php echo htmlencode($record['straat']) ?></td>
  									</tr>
                                    <tr>
    									<th scope="row">Omgeving</th>
    									<td><?php echo htmlencode($record['omgeving']) ?></td>
  									</tr>
								</table>
							</div>
							
							
						
					  </div>   
                    <div class="padded">
								
								
	
    
								<div id="map_canvas">
                                
                                
								<?php if (@$pandenrecord['latitude']): ?>
    <div id="map_canvas2" style="width: 630px; height: 268px; float: left; margin: 0px 15px;"></div>
  <?php endif ?>

  <?php if (!@$pandenrecord['latitude']): ?>
    <div style="width: 630px; height: 268px; float: left; margin: 0px 15px; border: 1px solid #000;">
      <div style="text-align: center; padding-top: 135px">
        No map available!
      </div>
    </div>
  <?php endif ?>
                                	
                                <p>&nbsp;</p>
                                </div>
							
					  </div>
					</div>
                   
                   <div class="row add-bottom-2">
                   <div class="one-third-liquid">
                            
                            <!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_print"></a>
<a class="addthis_button_email"></a>

</div>

<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-527014b56a4fee78"></script>

<!-- AddThis Button END -->	
							</div>
							
							<div class="two-thirds-liquid">
								<div align="right">
<a href="#"><img src="images/pdf.jpg" width="34" height="32"></a></div>
							</div>
                            </div>
                    
</div><?PHP break ?><?php endforeach; ?>
		
			</section>
			<!-- /Main Content  -->
			
            			<!-- Sidebar -->
			<aside class="on-right row">
						
				<h3 class="titling">Meer over dit project :</h3>
			
				<form action="post" class="four columns">
									
					
					
				</form>
				
				
                <!-- Featured agent box -->
			  <div class="featured-agent lighted four columns">
					
				<h6><a href="javascript:window.history.back(-1);">« Terug naar het woningen overzicht</a></h6>
</tr>
</table>	


					
					
			  </div>
				<!-- /.featured-agent -->
                
                <p>&nbsp;</p>
                
              <!-- Featured agent box -->
			  <div class="featured-agent lighted four columns">
					
					<h4 class="half-bottom">Contacteer ons</h4>
					
					<img src="images/featured-agent-avatar.jpg" alt="agent" />
					
					<h5>Guy Rans</h5>
					
					<ul>
						<li>GSM: 0475/381.388</li>
						<li><a href="mailto:verkoop@vdwprojects.be">Verkoop@vdwprojects.be</a></li>
						
				</ul>
					<br>

					<p class="remove-bottom"><a href="contact3.php?num=<?php echo urlencode($pandenRecord['num']) ?>">Meer info over dit project ?</a></p>
					
			  </div>
				<!-- /.featured-agent -->
								
			</aside>
			<!-- /Sidebar -->
            
		</div>
		<!-- /.row -->
		
	</div>
	<!-- /.container -->
	
	
	<div class="container">
		
		<div class="row offset-by-one">
			
			<div class="fourteen columns bordered">
			
				<ol class="breadcrumbs thirteen columns alpha">
					
				</ol>
			
				<a href="#" class="scroll-top">top</a>
		
			</div>
		
		</div>
		
	</div>
    
    
    
    
    
	
	
    
    
    
    
    
    
    
    
	<div class="footer shadded"><!-- /.container -->
		
	</div>
	<!--/footer -->
	
	<!-- bottom -->
	<div class="thebottom">
	
		<div class="container">
	
			<div class="row offset-by-one remove-bottom">
				
				<nav class="ten columns">
				
					<ul id="sub-menu" class="nav">
						<li><a href="index.php">Home</a></li>
                        <li><a href="nieuwbouw.php">Te Koop</a></li>
                        <li><a href="tehuur.php">Te Huur</a></li>
						<li><a href="realisaties.php">Realisaties</a></li>
						<li><a href="actueel.php">VDW Actueel</a></li>
						<li><a href="contact.php">Contact</a></li>
						
					</ul>
				
				</nav>
				
				<p class="four columns remove-bottom"><?php 
 $time = time () ; 
 $year= date("Y",$time); 
 echo "© " . $year; ?> VDW projects nv - <a href="http://www.web4all.be" target="_blank">web4all.be</a></p>
			
			</div>
			<!-- /row -->
			
		</div>
		<!-- /container -->
		
	</div>
	<!-- /thebottom -->
	

	<script type="text/javascript" src="js/scripts.js"></script>

	<!-- Selector slider  http://jqueryui.com/slider/#range -->
	<script type="text/javascript">
	    $(function() {
	        $( "#slider-range" ).slider({
	            range: true,
	            min: 0,
	            max: 140000,
	            step: 5000,
	            values: [ 20000, 80000 ],
	            slide: function( event, ui ) {
	                $( "#price-range" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
	            }
	        });
	        $( "#price-range" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
	            " - $" + $( "#slider-range" ).slider( "values", 1 ) );
	    });
    </script>
    
    <!-- Tiny scrollbars -->
    <script type="text/javascript">
    	$(document).ready(function(){
			$('#scrollbar').tinyscrollbar({ 
				axis: 'x'
			});
		});
	</script>
	
	<!-- B&W images filter -->
	<script type="text/javascript">           
        $(window).load(function(){
		    $('.bwWrapper').BlackAndWhite({
		        hoverEffect : true, 
		        webworkerPath : false,
		        responsive:true,
		        invertHoverEffect: false,
		        speed: 400
		    });
		});
    </script>
    
    <!-- Select box -->
    <script type="text/javascript">
		$(document).ready(function(){	
	
			if (!$.browser.opera) {
	    
				// select element styling
				$('select.select').each(function(){
					var title = $(this).attr('title');
					if( $('option:selected', this).val() != ''  ) title = $('option:selected',this).text();
					$(this)
						.css({'z-index':10,'opacity':0,'-khtml-appearance':'none'})
						.after('<span class="select">' + title + '</span>')
						.change(function(){
							val = $('option:selected',this).text();
							$(this).next().text(val);
							})
				});
	
			};
			
		});
	</script>
	
	<!-- BX Slider Init -->
	<script type="text/javascript">
		$(document).ready(function(){
	  		$('.bxslider').bxSlider({
				minSlides:		0,
				maxSlides:		3,
				slideWidth:		346,
				slideMargin:	2,
				captions:		true,
	  			//auto:			true,
	  			speed:			2000
			});
		});	
	</script>
    
    <!-- carousel -->
	<script type="text/javascript">
			
		// example how to integrate with a previewer
		var current = 0,
			$preview = $( '#preview' ),
			$carouselEl = $( '#carousel' ),
			$carouselItems = $carouselEl.children(),
			carousel = $carouselEl.elastislide( {
				current : current,
				minItems : 4,
				onClick : function( el, pos, evt ) {
					changeImage( el, pos );
					evt.preventDefault();
				},
				onReady : function() {
					changeImage( $carouselItems.eq( current ), current );
				}
			} );

		function changeImage( el, pos ) {
			$preview.attr( 'src', el.data( 'preview' ) );
			$carouselItems.removeClass( 'current-img' );
			el.addClass( 'current-img' );
			carousel.setCurrent( pos );
		}
	</script>

</body>
</html>