<?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'       => whereRecordNumberInUrl(0),
    '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
  
  list($relatedProjects, $relatedProjectsMetaData) = getRecords(array(
    'tableName'  =>  'projects',
    'allowSearch'  =>  false,
     'where'        =>  "project_type = '".mysql_escape($projectsRecord['project_type'])."' AND num != '".intval($projectsRecord['num'])."'",
  ));
  
  

?>

<head>
<title>Greensulate Project - <?php echo htmlencode($projectsRecord['title']) ?></title>
				
				
<meta name="description" content="<?php echo $projectsRecord['content']; ?>">
				
				
<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:900px; /*Width of Carousel Viewer itself*/
height: 350px; /*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: 900px; /*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: 220px;
	}
.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.60;
	filter:alpha(opacity=60);
}
.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"; ?>
 </head>

 <body onload="initialize()">   
<div align="center">
<table border="0"  id="table1" width="900" >
<tr><td>&nbsp;<div align="left">
	<table border="0" id="table3" cellspacing="2" cellpadding="2" bgcolor="#93B93D" width="910">
		<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['thumbUrlPath'] ?>" width="<?php echo $upload['thumbWidth'] ?>" height="<?php echo $upload['thumbHeight'] ?>" 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>
	<font size="2">
	<?php echo htmlencode($projectsRecord['title']) ?></font></b></font></div>
<div align="left">     
          
      
   &nbsp;</div>
          
      
   &nbsp;<div style="color:#333333; font:Verdana; text-transform: uppercase">
	<font size="2">Completed</font></div>
<font face="Verdana" color="#000"><b><font size="2">&nbsp;</font><font size="1"><?php echo htmlencode($projectsRecord['installation_date']) ?></font></b></font><font size="2">
<br>

      
   &nbsp;</font><div style="color:#333333; font:Verdana; text-transform: uppercase">
	<font size="2">Style</font></div>
<font face="Verdana" color="#000"><b><font size="2">&nbsp;</font><font size="1"><?php echo htmlencode($projectsRecord['style']) ?></font></b></font><font size="2">

          

      <br/>
   &nbsp;</font><div style="color:#333333; font:Verdana;  text-transform: uppercase">
	<font size="2">Size/Type </font> </div>
<div style="margin-left:10px">   <ul>
  <font size="1">
  <?php foreach ($projectsRecord['size_type:labels'] as $label): ?>
    </font>
    <li><font face="Verdana" color="#000"><b><font size="1"><?php echo $label;?></font></b></font><font size="1"></li>
  <?php endforeach ?>
</font>
</ul></div><div align="left">     
          
      
	<div style="color:#333333; font:Verdana; text-transform: uppercase">
		<font size="2">Services Provided </font> </div>
		<div style="margin-left:10px">   <ul>
  <font size="1">
  <?php foreach ($projectsRecord['services:labels'] as $label): ?>
    </font>
    <li><font face="Verdana" color="#000"><b><font size="1"><?php echo $label;?></font></b></font><font size="1"></li>
  <?php endforeach ?>
</font>
</ul></div>
       <br/>

                

          
	</td>
		
		<td width="2%" valign="top" bgcolor="#FFFFFF">

    

&nbsp;<p>

    

<img border="0" src="graphics/line.jpg" width="2" height="300"></td>
		
		<td width="68%" valign="top" bgcolor="#FFFFFF">


<div style="color:#333333; font:Verdana; line-height:20px; letter-spacing:1px">

<blockquote>
&nbsp;<p>

<?php echo $projectsRecord['content']; ?></font></p>
</blockquote>
</div>
 <blockquote>
 &nbsp;<div style="color:#333333; font:Verdana; text-transform: uppercase">
	 </font><font face="Verdana" color="#000">	<font size="2">Location:<b><font size="2">&nbsp;</font></b><font size="2"><?php echo htmlencode($projectsRecord['location']) ?><b><br>&nbsp;</b></font></font><font size="2">
	</font>
</blockquote>
 
</td>
		
	</table>
</div>

</tr>  
</td>

   <tr><td> 
   	<div style="color: rgb(0, 0, 0); font-family: verdana; font-size: 12px; letter-spacing: 1px; line-spacing; line-height:120%; width:900px; height:63px">
   		<hr color="#808080" size="1">
    	
		<b><font size="2">RELATED PROJECTS - <?php echo $projectsRecord['project_type'] ?></font></b><hr color="#808080" size="1">
   	</div>

	<table border="0"  id="table2" cellspacing="5" cellpadding="5" width="100%">
		<tr>
	<?php foreach ($relatedProjects  as $record): ?>		
	 
 
		<td width="25%" valign="top" bgcolor="#FFFFFF">

                  <div class="project_thumbnail">   	
 <?php foreach ($projectsRecord['snapshot'] as $index => $upload): ?> 
  
			  <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; font-size: 11px;  text-transform: uppercase"><b><?php echo htmlencode($projectsRecord['title']) ?></b></font></div>   
		   
<?php endforeach ?>	  
        <?php $maxCols=4; if (@++$count % $maxCols == 0): ?>    <tr></tr>
														    <?php endif; ?> 
        <?php endforeach ?>
          	</div>  
   </td>
		
	</table>



 	</div>

        

   <tr>
   <td> 

 
 
 
 
  <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></td>
</div>     </tr>  

   </table>




</div>

<?php include("footer.php"); ?>