{html_head}
{literal}
<style>#footer {display: none;}</style>
{/literal}
{/html_head}
<div id="light_slideshow">

	<div class="titrePage" id="imageHeaderBar">
		<div class="browsePath">
			&nbsp;
		</div>
	    <ul class="randomButtons">
			<li id="imageToolBar">
				{include file='picture_nav_buttons.tpl'|@get_extent:'picture_nav_buttons'}
			</li>
		</ul>
		<div style="clear: both;"></div>
	</div> <!-- imageHeaderBar -->

	<div id="content">
		{assign var='display_description_tab' value=false}
		{if (!($stripped.showDescriptionInsteadOfTitle) && isset($COMMENT_IMG))}
			{assign var='display_description_tab' value=true}
		{/if}

		{assign var='showTitle' value=false}
		{if ($SHOW_PICTURE_NAME_ON_TITLE && (isset($COMMENT_IMG) || !($stripped.showDescriptionInsteadOfTitle) ))}
			{assign var='showTitle' value=true}
		{/if}

		<div id="theImageAndTitle">
			<div id="theImageBox">
				<div id="theImage">
					{$ELEMENT_CONTENT}
				</div>
			</div>
			{if $showTitle }
				<div id="imageTitleContainer"><div id="imageTitle">
					{if $stripped.showDescriptionInsteadOfTitle}
						{$COMMENT_IMG|strip_tags:false}
					{else}
						{$current.TITLE}
					{/if}
				</div></div>
			{/if}
		</div> <!-- theImage -->
		<div style="clear: both;"></div>
	</div>

</div>