{embed="embeds/global-title"}
{exp:seo_lite title_override="{title} Portfolio | {site_name}"}

{if segment_2 != ""}

<link media="screen" type="text/css" rel="stylesheet" href="/js/galleria/themes/classic/galleria.classic.css" />
<script src="/js/galleria/galleria-1.2.8.min.js"></script>
<script src="/js/galleria/themes/classic/galleria.classic.min.js"></script>
        <style type="text/css">
            /* This rule is read by Galleria to define the gallery height: */
            #galleria{height:600px}
        </style>
{/if}        
        
{embed="embeds/global-header"}

			<div id="main">
				<div class="m1">
					<div class="main-block">
						<div class="main-frame">
							<div class="main-holder">

		<div class="container">
			<div  style="width:845px;">
								
{if segment_2 == ""}
	<div class="group">
	
	<div id="content"  style="width:845px;"><h1>Portfolio</h1></div>

		{exp:channel:entries orderby="date" sort="asc" channel="portfolio" dynamic="no" disable="pagination|member_data|trackbacks" }
		<div class="port-thumb">
		{portfolio_set limit="1"}
		<a href="{title_permalink=portfolio/index}">{exp:ce_img:make alt="{title}" src="{portfolio-photo}" max_width="230" max_height="170" crop="yes|center,center"}</a>
		{/portfolio_set}
		<p>{title}</p>
		</div>
		{/exp:channel:entries}							
 			   
 </div> 

{if:else}

	<ul id="topnav">
	<li>View More: </li>
	{exp:channel:entries orderby="date" sort="asc" channel="portfolio" dynamic="no" disable="pagination|member_data|trackbacks" }
	<li><a href="{title_permalink=portfolio/index}">{title}</a></li>
	{/exp:channel:entries}
	</ul>

		{exp:channel:entries orderby="date" sort="desc" channel="portfolio"  disable="pagination|member_data|trackbacks" rdf="off" limit="1" }
		<div class="content"><h1>{title}</h1></div>
		
		<div class="group">
		 <div id="galleria">
	 
		
		{portfolio_set}
			<a href="{exp:ce_img:pair src="{portfolio-photo}" max_width="815" max_height="600"}{made}{/exp:ce_img:pair}">
			{exp:ce_img:pair src="{portfolio-photo}" max_width="75" max_height="75" crop="yes|left,top"}
				<img src="{made}" width="75" height="75" data-description="{exp:tagstripper:tagsToSave tags='a'}
				{exp:low_replace find="QUOTE" replace="'" multiple="yes"}
				{portfolio-label}
				{/exp:low_replace}
				{/exp:tagstripper:tagsToSave}" >
			{/exp:ce_img:pair}
 			</a>
		{/portfolio_set}
						
			</div>
		</div> 
		
		
		{if description !=""}<div class="port-description">{description}</div>{/if}
 
{/exp:channel:entries}	
  								
{/if}
 
</div>
								
								</div>
								<div class="bottom-bar">
									<ul class="breadcrumbs">
{exp:crumbly:breadcrumbs pages:include_unassigned="yes"}
<li>
    {if count < total_results}<a href="{breadcrumb_url}"><span>{/if}
     {breadcrumb_title}
    {if count < total_results}</a></span>{/if}</li>
{/exp:crumbly:breadcrumbs}
 									</ul>	
									<div class="social-block">
									 <div class="tweeter">{exp:socialeesta:tweet count_position="none"}</div> 
									 <div class="liker">{exp:socialeesta:like  }</div> 
									 <div class="plusoner">{exp:socialeesta:plusone annotation="none"}</div> 
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
  			</div>
			</div>
 

{if segment_2 != ""}
<script type="text/javascript">
 // Load the classic theme
	Galleria.loadTheme('/js/galleria/themes/classic/galleria.classic.min.js');
	
$(document).ready(function() { 
		$('#galleria').galleria({
    		autoplay: 5000,
    		transition: 'fade',
            width: 815,
            height: 600,
		    preload: 3,
		    _toggleInfo: false
		});
}); 
</script>
{/if}
 
 {embed="embeds/global-footer"}