{embed="includes/document_head" entry_title="Photo Gallery"}

<body id="photo_gallery">
<div id="wrapper">
		
{embed="includes/header"} 
		
<div id="section-title"{exp:channel:entries channel="pages" entry_id="37" status="open|closed|Hidden|Featured" dynamic='off'}
{reverse_related_entries channel="header_image"}
	style="background-image: url('{header_image}');"
{/reverse_related_entries}
{/exp:channel:entries}>
	<h2>News and Resources</h2>
</div>

<div id="page">    
 	<div id="side">
        <div class="inner">
			<div id="subnav">
				<h2><a href="news_and_events/">News and Events</a></h2>				
				{exp:structure:nav_sub start_from="news_and_resources" show_depth="2" current_class="active" add_unique_id="yes"}

			</div>
			
		</div>
     </div>
     <div id="content">
          <div class="inner">

<h1>Photo Gallery</h1>
<!--  / ALBUM BOX \ --> 
<div class="albumBox"> 

{exp:channel:entries channel="gallery" status="hidden|Open"}
        
                            <h3>{title}</h3> 
                            

{gallery offset="{segment_3}" limit="1"}
{if segment_3!='0'}<a href="{path='{segment_1}/{segment_2}/{exp:mx_calc expression='{segment_3}-1'}'}" class="arrow-left"></a>{/if}
{if segment_3=='0'}<span class="arrow-none"></span>{/if}

    {exp:imgsizer:size src="{image}" auto="475" base_path="/home/ausable/public_html/"}
      <img src="{site_url}{sized}" alt="{image_title}" style="margin-left: 25px;" class="addthis_shareable" />
    {/exp:imgsizer:size}
{if {gallery:total_rows}=={exp:mx_calc expression='{segment_3}+1'}}<span class="arrow-none"></span>{if:else}    
<a href="{path='{segment_1}/{segment_2}/{exp:mx_calc expression='{segment_3}+1'}'}" class="arrow-right"></a>
{/if}
    <h4>{image_title}</h4>
<p>{image_description}</p>

  {/gallery}
{/exp:channel:entries}                       
                            
</div> 
<!--  \ ALBUM BOX / -->

</div>
	     </div>
	<div class="clear"></div>
	</div>
	     {embed="includes/footer"}
	</div>
	{embed="includes/analytics"}
	</body>
	</html>