{embed="embeds/global-title"}

{exp:seo_lite title_override="{title} Portfolio | Pratt & D'Angelo"}

<link type="text/css" rel="stylesheet" href="/js/skins/tn3e/tn3e.css"></link>

<script type="text/javascript" src="/js/jquery.tn3.min.js"></script>

<!--  initialize the TN3 when the DOM is ready -->
<script type="text/javascript">
	$(document).ready(function() {
		var tn1 = $('.pnpslide').tn3({
 		    skinDir:"/js/skins",
 		    width:900,
 		    height: 650,
		    autoplay:true,
		    delay:5000,
		    skin:"tn3e",
		    mouseWheel:false,
		    imageClick:"url",
		    image:{
			crop:false,			
			transitions:[{
			    type:"blinds",
			    duration:300
			    },
			    {
			    type:"grid",
			    duration:160,
			    gridX:9,
			    gridY:7,
			    easing:"easeInCubic",
			    sort:"circle"
			    },{
			    type:"slide",
			    duration:430,
			    easing:"easeInOutExpo"
			    }]
		    } 		    		   
		    });
	});
 

</script>


{embed="embeds/global-header"}


				<div id="main">
			 		<div id="content" style="width: 890px; min-height: 640px; padding: 0;">
								
								
 
				<h1>Portfolio</h1>
 <div class="pnpslide">
	<div class="tn3 album">
	
<ol>
<!--
		<li>
		    <h4>Hohensalzburg Castle</h4>
		    <div class="tn3 description">Salzburg, Austria</div>
		    <a href="images/1.jpg">
			<img src="images/114x72/1.jpg" />
		    </a>
		</li> {exp:ce_img:single src="{field}" alt="{title}" width="250" crop="yes|center,center"}
		 
-->
{exp:channel:entries orderby="date" sort="desc" channel="portfolio"  disable="pagination|member_data|trackbacks" rdf="off" limit="1" }
{port-set var_prefix="assets" limit="10"}
		<li>
		<h4>{title}</h4>
		 <div class="tn3 description">{assets:caption}</div> 
		
		<a href="{exp:ce_img:pair alt="{title} {assets:caption}" src="{assets:url}" max_width="890" max_height="450" crop="yes|center,center"}{made}{/exp:ce_img:pair}"><img src="{exp:ce_img:pair alt="{title} {assets:caption}" src="{assets:url}" height="72" width="115" crop="yes|center,center"}{made}{/exp:ce_img:pair}" /></a>
		</li>
{/port-set}
{/exp:channel:entries}	
	</ol>						
 
 
  </div> 

  								
 
 
</div> 
</div>
</div> 
 
</div> 


 			<div id="footer">
 		
				<div class="holder">
				 
					 		 
				</div>

{embed="embeds/global-footer"}