<?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/greensul/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."); }

  // load record from 'projects'
  list($projectsRecords, $projectsMetaData) = getRecords(array(
    'tableName'   => 'projects',
    'where'       => '', // load first record
    'loadUploads' => true,
    'allowSearch' => false,
    'limit'       => '1',
  ));
  $projectsRecord = @$projectsRecords[0]; // get first record
  if (!$projectsRecord) { dieWith404("Record not found!"); } // show error message if no record found

$title = "Greensulate Projects - Green roofs, green walls, and sustainable building consulting";

?>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" src="js/stepcarousel.js">

/***********************************************
* Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>

<style type="text/css">

.stepcarousel{
position: relative; /*leave this value alone*/
border: 2px solid grey;
overflow: scroll; /*leave this value alone*/
width:950px; /*Width of Carousel Viewer itself*/
height: 450px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 1px; /*margin around each panel*/
width: 950px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.desc        { line-height: 140%; font-family: Verdana; font-size: 11pt; color: #000000 
}

#project_bottom_slider {
	height: 155px;
	width: 5000px;
	}
.project_thumbnail {
	position: relative;
	display: inline-block;
	margin: 10px 10px 10px 0;
	float: left;
	width: 149px;
}
.project_thumbnail p {
	font-size: 14px;
	font-weight: 100;
	line-height: 16px;
	margin-top: 7px;
	text-transform: uppercase;
}
.project_thumbnail a {
	color: #333;
}
.project_thumbnail img {
	opacity:0.80;
	filter:alpha(opacity=80);
}
.project_thumbnail img:hover {
	opacity:1.00;
	filter:alpha(opacity=100);
}
</style>



<script type="text/javascript"> 
 
stepcarousel.setup({
	galleryid: 'gallerya', //id of carousel DIV
	beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
	panelclass: 'panel', //class of panel DIVs each holding content
	autostep: {enable:true, moveby:1, pause:5000},
	panelbehavior: {speed:500, wraparound:false, persist:false},
	defaultbuttons: {enable: true, moveby: 1, leftnav: ['arrowl.gif', -18, 200], rightnav: ['arrowr.gif', -5, 200]},
	contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
 
</script>
<?php include "header.php"; ?>
 <body onload="initialize()">   
<div align="center">
<table border="0"  id="table1" width="960">
<tr><td>&nbsp;<div align="left">
	<table border="0" id="table3" cellspacing="2" cellpadding="2" bgcolor="#93B93D">
		<tr>
			<td><font face="Verdana" color="#FFFFFF"><b>PROJECTS</b></font><font face="Verdana" color="#000000"><b>/<?php foreach ($projectsRecords as $record): ?><?php echo htmlencode($record['title']) ?><?php endforeach ?></b></font></td>
		</tr>
	</table>
	</div><br>
		<div id="gallerya" class="stepcarousel">
          <div class="belt" align="center">
  <?php foreach ($projectsRecord['slides'] as $index => $upload): ?>

     <?php if ($upload['isImage']): ?>
      <div align="center" class="panel" a href="<?php echo $upload['urlPath'] ?>">
               <img src="<?php echo $upload['thumbUrlPath2'] ?>" width="<?php echo $upload['thumbWidth2'] ?>" height="<?php echo $upload['thumbHeight2'] ?>" alt="" /></a> 
                                                                                               						        
         <?php endif ?>  </div>  
                                                                              						        
       
   <?php endforeach ?>

</div>
</div>
 
<div id="gallerya-paginate"  align="center">
<img src="opencircle.png" data-over="graycircle.png" data-select="closedcircle.png" data-moveby="1" />
	  
</div>
<div align="center">
	<table border="0"  id="table2" cellspacing="1" width="100%" cellpadding="3">
		<tr>
		
		<td width="30%" valign="top" bgcolor="#FFFFFF">

<div style="color:#333333; font:Verdana; text-transform: uppercase"><b>
	<?php echo htmlencode($projectsRecord['title']) ?></b></font></div>
<div align="left">     
          
      
   &nbsp;</div>
          
      
  <div style="color:#333333; font:Verdana; text-transform: uppercase">Completed</div>
<font face="Verdana" color="#000"><b><?php echo htmlencode($projectsRecord['installation_date']) ?></b></font>
<br>

      
   &nbsp;<div style="color:#333333; font:Verdana; text-transform: uppercase">Style</div>
<font face="Verdana" color="#000"><b><?php echo htmlencode($projectsRecord['style']) ?></b></font>

          

      <br/>
   &nbsp;<div style="color:#333333; font:Verdana; text-transform: uppercase">Size/Type </div>
	<ul> <li> <font face="Verdana" color="#000"><b><?php echo join(', ', $projectsRecord['size_type:values']); ?></li><br>
&nbsp;</b></font>	  </ul>
<div align="left">     
          
      
     <div style="color:#333333; font:Verdana; text-transform: uppercase">   Services Provided </div>
    <font face="Verdana" color="#000"> <b><?php echo $projectsRecord['services'] ?></b></font>
      <br/>

                

 &nbsp;<div style="color:#333333; font:Verdana; text-transform: uppercase">Location</div>
	 <font face="Verdana" color="#000"> <b><?php echo htmlencode($projectsRecord['location']) ?><br>
&nbsp;</b></font>
 
          
	</td>
		
		<td width="2%" valign="top" bgcolor="#FFFFFF">

    

&nbsp;<p>

    

<img border="0" src="graphics/line.jpg" width="2" height="250"></td>
		
		<td width="68%" valign="top" bgcolor="#FFFFFF">


<div style="color:#333333; font:Verdana; line-height:20px; letter-spacing:1px">

<br>

<?php echo $projectsRecord['content']; ?></font></div>
<p><b><i>Awards: 
<font face="Verdana"> <?php echo htmlencode($projectsRecord['depth']) ?></font></i></b></td>
		
	</table>
</div>
</tr>  
</td>

   <tr><td> 
	<div style="color: rgb(0, 0, 0); font-family: verdana; font-size: 14px; font-style: normal;  font-weight: normal; letter-spacing: 1px; line-spacing; line-height:150%">
	RELATED PROJECTS<hr color="#808080" size="1"></div>
	
	<div class="project_thumbnail">
<?php foreach ($projectsRecords as $record): ?>	

 <?php foreach ($projectsRecord['snapshot'] as $index => $upload): ?> 
  <?php if ($projectsRecord['project_type:label'] == 'Residential'): ?>
			
           <a href="<?php echo $projectsRecord['_link'] ?>">
 <img src="<?php echo $upload['thumbUrlPath2'] ?>" width="<?php echo $upload['thumbWidth2'] ?>" height="<?php echo $upload['thumbHeight2'] ?>" alt="" /></a>
       <div style="color:#333333; font:Verdana; text-transform: uppercase"><b>
	<?php echo htmlencode($projectsRecord['title']) ?></b></font></div>   
		
                    <?php $maxCols=5; if (@++$count % $maxCols == 0): ?>     
														    <?php endif; ?> 
       <?php endif; ?>   <?php endforeach ?>	

      
	
        </tr>  

   <tr><td> 
 </div>
  <div style="color: rgb(0, 0, 0); font-family: verdana; font-size: 14px; font-style: normal;  font-weight: normal; letter-spacing: normal"
 align="right"><a href="<?php echo $projectsMetaData['_listPage'] ?>">&lt;&lt; Back to 
	projects</a>&nbsp; |&nbsp;
	<a href="mailto:?subject=<?php echo urlencode(thisPageUrl()) ?>">Email this Page</a>
</div>      <?php endforeach ?>	</tr>  

   </table>




</div>

<?php include("footer.php"); ?>