{if isset($errors)}
	<div class="errors">
		<ul>
			{foreach from=$errors item=error}
				<li>{$error}</li>
			{/foreach}
		</ul>
	</div>
{/if}
{if isset($infos)}
	<div class="infos">
		<ul>
			{foreach from=$infos item=info}
				<li>{$info}</li>
			{/foreach}
		</ul>
	</div>
{/if}

<div class="titrePage" id="imageHeaderBar">
	<div class="browsePath">
		{$SECTION_TITLE}
		{if ($smarty.config.showTitleOnBrowsePath)}{$LEVEL_SEPARATOR}{$current.TITLE}{/if}
	</div>
    <ul class="randomButtons">
        {if isset($PLUGIN_PICTURE_ACTIONS)}{$PLUGIN_PICTURE_ACTIONS}{/if}
		{if isset($favorite) }
			<li><a href="{$favorite.U_FAVORITE}" title="{$favorite.FAVORITE_HINT}">{'Favorites'|@translate}</a></li>
        {/if}
        {if !empty($U_SET_AS_REPRESENTATIVE) }
			<li><a href="{$U_SET_AS_REPRESENTATIVE}" title="{'set as category representative'|@translate}">{'representative'|@translate}</a></li>
        {/if}
        {if isset($U_ADMIN) }
			<li><a href="{$U_ADMIN}" title="{'Modify information'|@translate}">{'edit'|@translate}</a></li>
        {/if}
		{if isset($U_CADDIE) }{*caddie management BEGIN*}
			<script type="text/javascript">
				{literal}function addToCadie(aElement, rootUrl, id)
				{
				if (aElement.disabled) return;
				aElement.disabled=true; 
				var y = new PwgWS(rootUrl);

				y.callService(
				  "pwg.caddie.add", {image_id: id} ,
				  {
					onFailure: function(num, text) { alert(num + " " + text); document.location=aElement.href; },
					onSuccess: function(result) { aElement.disabled = false; }
				  }
				  );
				}{/literal}
			</script>
			<li><a href="{$U_CADDIE}" onclick="addToCadie(this, '{$ROOT_URL|@escape:'javascript'}', {$current.id}); return false;" title="{'add to caddie'|@translate}">{'caddie'|@translate}</a></li>
		{/if}{*caddie management END*}
        {if isset($U_SLIDESHOW_START) }
			<li><a href="{$U_SLIDESHOW_START}" title="{'slideshow'|@translate}" rel="nofollow">{'slideshow'|@translate}</a></li>
        {/if}
		<li id="imageToolBar">
			{include file='picture_nav_buttons.tpl'|@get_extent:'picture_nav_buttons'}
		</li>
		<li class="imageNumber">{$PHOTO}</li>
		{php}
			global $pwg_loaded_plugins;
			$this->assign('GMaps_loaded', isset($pwg_loaded_plugins[ 'GMaps' ]));
		{/php}
		{if ($GMaps_loaded)}<div id="text_gmaps" style="display:none">{'GMap'|@translate}</div>{/if}
    </ul>
	<div style="clear:both;"></div>
</div> <!-- imageHeaderBar -->

{if !empty($PLUGIN_PICTURE_BEFORE)}{$PLUGIN_PICTURE_BEFORE}{/if}
<div id="content">

 <!-- Image HD --> 
  <div id="theImageHigh" style="display:none;">
    <div id="theImgHighBg"></div>
    <div id="theImgHighContainer">
      <div id="theImgHighCloseButton" onclick="closeDisplayHigh();"></div>
      <div id="theImgHighZoomButton" class="fit" onclick="switchZoomHigh();"></div>
      <div id="theImgHighContainer2">
        <img id="theImgHigh" src="" style="display:none;" alt="{$ALT_IMG}">
      </div>
    </div>
  </div>

	{assign var='display_description_tab' value=false}
	{if (!($smarty.config.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) || !($smarty.config.showDescriptionInsteadOfTitle) ))}
		{assign var='showTitle' value=true}
	{/if}

{php}
	global $pwg_loaded_plugins;
	$this->assign('nothumbs', (isset($pwg_loaded_plugins[ 'Autosize' ]) || isset($pwg_loaded_plugins[ 'look_like_gbo2' ])));
	$this->assign('usertags', (isset($pwg_loaded_plugins[ 'user_tags' ])));
{/php}

<div id="theImageAndTitle">
	<div id="theImageBox">
		{if ($DISPLAY_NAV_THUMB) && !($nothumbs)}
			{if isset($previous) }<div id="linkPrevOut"><a id="linkPrevIn" href="{$previous.U_IMG}" title="{'previous_page'|@translate} : {$previous.TITLE}" rel="prev"><div class="navThumb" ><img src="{$previous.THUMB_SRC}" alt="{$previous.TITLE}" /></div></a></div>{/if}
			{if isset($next) }<div id="linkNextOut"><a id="linkNextIn" href="{$next.U_IMG}" title="{'next_page'|@translate} : {$next.TITLE}" rel="next"><div class="navThumb" ><img src="{$next.THUMB_SRC}" alt="{$next.TITLE}" /></div></a></div>{/if}
		{/if}
		<div id="theImage">
			{$ELEMENT_CONTENT}
		</div>
	</div>
	{if $showTitle }
		<div id="imageTitleContainer"><div id="imageTitle">
			{if $smarty.config.showDescriptionInsteadOfTitle}
				{$COMMENT_IMG|strip_tags:false}
			{else}
				{$current.TITLE}
			{/if}
		</div></div>
	{/if}
 </div> <!-- theImage -->
 <div style="clear: both;"></div>

	<div id="tabZone">

		{assign var='display_info_panel' value=false}
		{assign var='display_count' value='0'}
		{if $display_info.author}{assign var='display_count' value=$display_count+1}{/if}
		{if $display_info.created_on}{assign var='display_count' value=$display_count+1}{/if}
		{if $display_info.posted_on}{assign var='display_count' value=$display_count+1}{/if}
		{if $display_info.dimensions}{assign var='display_count' value=$display_count+1}{/if}
		{if $display_info.file}{assign var='display_count' value=$display_count+1}{/if}
		{if $display_info.filesize}{assign var='display_count' value=$display_count+1}{/if}
		{if $display_info.categories}{assign var='display_count' value=$display_count+1}{/if}
		{if $display_info.visits}{assign var='display_count' value=$display_count+1}{/if}
		{if $display_info.average_rate and isset($rate_summary) }{assign var='display_count' value=$display_count+1}{/if}
		{if isset($rating)}{assign var='display_count' value=$display_count+1}{/if}
		{if $display_info.privacy_level and isset($available_permission_levels) }{assign var='display_count' value=$display_count+1}{/if}
		{if (($display_count > 0) && ((isset($U_ADMIN)) || ($smarty.config.infoTabAdminOnly == false)))}
			{assign var='display_info_panel' value=true}
		{/if}
		<div id="tabTitleBar">
			<ul id="tabTitles">
				{if $display_description_tab}
					<li id="tabTcaption" class="tabTitle">{'Description'|@translate}</li>
				{/if}
				{if ($display_info.tags && (isset($related_tags) || ($usertags)))}
					<li id="tabTtags" class="tabTitle">{'Tags'|@translate}</li>
				{/if}
				{if isset($metadata)}
					{foreach from=$metadata item=meta key=id}
						<li id="tabTmeta{$id}" class="tabTitle">{$meta.TITLE}</li>
					{/foreach}
				{/if}
				{if $display_info_panel}
					<li id="tabTinfo" class="tabTitle">{'Informations'|@translate}</li>
				{/if}
				{if (isset($COMMENT_COUNT) and ($COMMENT_COUNT>0)) or isset($comment_add) }
					<li id="tabT_comments" class="tabTitle" title="{'Add a comment'|@translate}">{$pwg->l10n_dec('%d comment', '%d comments',$COMMENT_COUNT)}</li>
				{/if}
			</ul>
		</div>
		<div id="tabs">
			{if $display_description_tab}
				<div id="Tcaption" class="tabBlock"><div class="tabBlockContent">
					{$COMMENT_IMG}
				</div></div>
			{/if}
			{if ($display_info.tags && (isset($related_tags) || ($usertags)))}
				<div id="Ttags" class="tabBlock"><div class="tabBlockContent">
				{if ($usertags)}<table id="Tags" ><td class="label"></td><td class="value">{/if}
				{foreach from=$related_tags item=tag name=tag_loop}{if !$smarty.foreach.tag_loop.first}, {/if}
					<a href="{$tag.URL}">{$tag.name}</a>
				{/foreach}
				{if ($usertags)}</td></table>{/if}
				</div></div>
			{/if}
			{if isset($metadata)}
				{foreach from=$metadata item=meta key=id}
					<div id="Tmeta{$id}" class="tabBlock"><div class="tabBlockContent">
						{if count($meta.lines)>0 and !array_key_exists('<!--rawContent-->', $meta.lines)}
							<table id="table_meta{$id}" class="infoTable2">
								{foreach from=$meta.lines item=value key=label}
									  <tr>
										<td class="label">{$label|@translate}</td>
										<td class="value">{$value}</td>
									  </tr>
								{/foreach}
							</table>
						{else}
							  {assign var='empty' value='<!--rawContent-->'}
							  {$meta.lines.$empty}
						{/if}
					</div></div>
				{/foreach}
			{/if}
			{if $display_info_panel}
				<div id="Tinfo" class="tabBlock"><div class="tabBlockContent">
					<table id="standard" class="infoTable" summary="{'Some info about this picture'|@translate}">
						{if $display_info.author}
							<tr id="Author">
								<td class="label">{'Author'|@translate}</td>
								<td class="value">{if isset($INFO_AUTHOR)}{$INFO_AUTHOR}{else}{'N/A'|@translate}{/if}</td>
							</tr>
						{/if}
						{if $display_info.created_on}
							<tr id="datecreate">
								<td class="label">{'Created on'|@translate}</td>
								<td class="value">{if isset($INFO_CREATION_DATE)}{$INFO_CREATION_DATE}{else}{'N/A'|@translate}{/if}</td>
							</tr>
						{/if}
						{if $display_info.posted_on}
							<tr id="datepost">
								<td class="label">{'Posted on'|@translate}</td>
								<td class="value">{$INFO_POSTED_DATE}</td>
							</tr>
						{/if}
						{if $display_info.dimensions}
							<tr id="Dimensions">
								<td class="label">{'Dimensions'|@translate}</td>
								<td class="value">{if isset($INFO_DIMENSIONS)}{$INFO_DIMENSIONS}{else}{'N/A'|@translate}{/if}</td>
							</tr>
						{/if}
						{if $display_info.file}
							<tr id="File">
								<td class="label">{'File'|@translate}</td>
								<td class="value">{$INFO_FILE}</td>
							</tr>
						{/if}
						{if $display_info.filesize}
							<tr id="Filesize">
								<td class="label">{'Filesize'|@translate}</td>
								<td class="value">{if isset($INFO_FILESIZE)}{$INFO_FILESIZE}{else}{'N/A'|@translate}{/if}</td>
							</tr>
						{/if}
						{if $display_info.categories}
							<tr id="Categories">
								<td class="label">{'Categories'|@translate}</td>
								<td class="value">
								{if isset($related_categories)}
									<ul>
										{foreach from=$related_categories item=cat}
											<li>{$cat}</li>
										{/foreach}
									</ul>
								{/if}
								</td>
							</tr>
						{/if}
						{if $display_info.visits}
							<tr id="Visits">
								<td class="label">{'Visits'|@translate}</td>
								<td class="value">{$INFO_VISITS}</td>
							</tr>
						{/if}

						{if $display_info.average_rate and isset($rate_summary) }
							<tr id="Average">
								<td class="label">{'Average rate'|@translate}</td>
								<td class="value" id="ratingSummary">
								{if $rate_summary.count}
									{assign var='rate_text' value='%.2f (rated %d times)'|@translate }
									{$pwg->sprintf($rate_text, $rate_summary.average, $rate_summary.count) }
								{else}
									{'no rate'|@translate}
								{/if}
								</td>
							</tr>
						{/if}
					  
						{if isset($rating)}
							<tr id="rating">
								<td class="label">
									<span id="updateRate">{if isset($rating.USER_RATE)}{'Update your rating'|@translate}{else}{'Rate this picture'|@translate}{/if}</span>
								</td>
								<td class="value">
									<form action="{$rating.F_ACTION}" method="post" id="rateForm" style="margin:0;">
									<div>&nbsp;
										{foreach from=$rating.marks item=mark name=rate_loop}
											{if !$smarty.foreach.rate_loop.first} | {/if}
											{if isset($rating.USER_RATE) && $mark==$rating.USER_RATE}
												<input type="button" name="rate" value="{$mark}" class="rateButtonSelected" title="{$mark}">
											{else}
												<input type="submit" name="rate" value="{$mark}" class="rateButton" title="{$mark}">
											{/if}
										{/foreach}
										<script type="text/javascript" src="{$ROOT_URL}themes/default/js/rating.js"></script>
										<script type="text/javascript">
											makeNiceRatingForm( {ldelim}rootUrl: '{$ROOT_URL|@escape:"javascript"}', image_id: {$current.id},
											updateRateText: "{'Update your rating'|@translate|@escape:'javascript'}", updateRateElement: document.getElementById("updateRate"),
											ratingSummaryText: "{'%.2f (rated %d times)'|@translate|@escape:'javascript'}", ratingSummaryElement: document.getElementById("ratingSummary") {rdelim} );
										</script>
									</div>
									</form>
								</td>
							</tr>
						{/if}

						{if $display_info.privacy_level and isset($available_permission_levels) }
							<tr id="Privacy">
								<td class="label">{'Who can see this photo?'|@translate}</td>
								<td class="value"> 
									<script type="text/javascript">
										{literal}function setPrivacyLevel(selectElement, rootUrl, id, level) {
											selectElement.disabled = true;
											var y = new PwgWS(rootUrl);
											y.callService(
												"pwg.images.setPrivacyLevel", {image_id: id, level:level} ,
												{
													method: "POST",
													onFailure: function(num, text) { selectElement.disabled = false; alert(num + " " + text); },
													onSuccess: function(result) { selectElement.disabled = false; }
												}
												);
										}{/literal}
									</script>
									<select onchange="setPrivacyLevel(this, '{$ROOT_URL|@escape:'javascript'}', {$current.id}, this.options[selectedIndex].value)">
										{foreach from=$available_permission_levels item=label key=level}
											<option label="{$label}" value="{$level}"{if $level == $current.level} selected="selected"{/if}>{$label}</option>
										{/foreach}
									</select>
								</td>
							</tr>
						{/if}

					</table>
				</div></div>
			{/if}
			{if (isset($COMMENT_COUNT) and ($COMMENT_COUNT>0)) or isset($comment_add) }
				<div id="Tcomments" class="tabBlock"><div id="theComments" class="tabBlockContent">
					<div id="theCommentsBlock">
						{if !empty($COMMENT_NAV_BAR)}
							<div class="navigationBar">{$COMMENT_NAV_BAR}</div>
						{/if}
						{if isset($comment_add)}
							<div id="commentAdd">
								<h4>{'Add a comment'|@translate}</h4>
								<form  method="post" action="{$comment_add.F_ACTION}" class="filter">
									{if $comment_add.SHOW_AUTHOR}
										<p><label>{'Author'|@translate}&nbsp;:</label></p>
										<p><input type="text" name="author" /></p>
									{/if}
									<p><label>{'Comment'|@translate}&nbsp;:</label></p>
									<p><textarea name="content" id="contentid" rows="5" cols="50">{$comment_add.CONTENT}</textarea></p>
									<p><input type="hidden" name="key" value="{$comment_add.KEY}" />
									   <input class="submit" type="submit" value="{'Submit'|@translate}"></p>
								</form>
							</div>
						{/if}
						{if !empty($navbar) }{include file='navigation_bar.tpl'|@get_extent:'navbar'}{/if}
						{if isset($comments)}
							<div id="commentList">
								{include file='comment_list.tpl'}
							</div>
						{/if}
						<div style="clear: both;"></div>
					</div>
				</div></div>
			{/if}
		</div>
	</div>
    <div style="clear: both;"></div>
</div>
{if !empty($PLUGIN_PICTURE_AFTER)}{$PLUGIN_PICTURE_AFTER}{/if}