{header}
<script language="javascript" type="text/javascript">
$(function(){
<!-- begin_image_edit -->
   $('#DescEditable_{image_id}').editable_input({lAdd: '{l_add_desc}',
                                 lEdit: '{l_edit_desc}',
                                 lSave: '{l_saving}',
                                 type: 'image',
                                 classInput: 'gallery_image_editable_input',
                                 classHover: 'gallery_image_editable_hov',
                                 inputLength:{gallery_image_description_length}});
<!-- end_image_edit -->
    var img = new Image();
    $(img).load(function() {
        $('#load_image').hide().attr('src', '{image_src}').fadeTo(500, 1);
    });
    img.src = '{image_src}';
});
</script>
<script type="text/javascript">
$(document).ready(function(){
    $('body').on('click','.comment_del',function(){
        if (confirm('{l_are_you_sure}')) {
            var comment_id = $(this).attr('comment_id');
            var photo_id = $(this).attr('photo_id');
            $('#comment_' + comment_id).remove();
            $('#comments_count').html(Math.floor($('#comments_count').html()) - 1);
            $.post("{url_main}gallery_comment_del_ajax.php", { id: comment_id, pid: photo_id });
        }
        return false;
        });
});
</script>
<div class="wrapper-wide">
<div class="userinfo-c-wide">
	<div class="userinfo">



      <div id="padbox">

      <div id="gallery">

            <div class="gallery_top ltc">
                <div class="rtc">
                    <div class="buck">

<div class="album_title_01">
	<div class="album_title" style="display:block; float:left; margin-left: 1px; padding: 0;">
		<div class="gallery_image_editable text-overflow"  id="DescEditable_{image_id}" style="{ttl_cursor}">{image_description}</div>
	</div>
</div>

                        <div class="my_pic">
                        <a class="link_back" href="javascript:history.back()">{l_back}</a>
                        <i class="l"></i><span><a href="{url_main}<!-- begin_edit_on -->gallery_admin_edit_album.php?album_id={album_id}">{l_edit}<!-- end_edit_on --><!-- begin_edit_off -->gallery_admin.php">{l_add_photos}<!-- end_edit_off --></a></span><i class="r"></i></div>

                        <h2 class="noback">{l_albums_all}</h2>
                    </div>
                </div>
            </div>

            <div class="image" style="height:{image_height}px; width:100%; display:table;">
                <div style="display:table-cell; vertical-align:middle;">
                <!-- begin_link--><a class="gallery_image_url" href="{url_main}gallery_image.php?img_id={next_id}"><!-- end_link-->
                <img id="load_image" src="{url_tmpl_main}images/svg/loading-spin-oryx.svg" alt="{alt}" />
                <!-- begin_link2--></a><!-- end_link2-->
                </div>
            </div>
            <div class="gallery_bottom lbc">
                <div class="rbc">
                    <div class="buck_gallery">
                  <!-- begin_yes_pagination -->
                    <div class="logerf">
                    <i class="l"></i>
                    <span><a href="{url_main}gallery_image.php?img_id={prev_id}">{l_prev}</a></span>
                    <i class="r"></i>
                    </div>
                    <div class="logerf">
                    <i class="l"></i>
                    <span class="left"><a href="{url_main}gallery_image.php?img_id={next_id}">{l_next}</a></span>
                    <i class="r"></i>
                    </div>
                  <!-- end_yes_pagination -->
                    <div class="back_to_album">{dash}<a href="{url_main}gallery_album.php?album_id={album_id}">{album}</a></div>
                    <div class="uploaded_by">{l_uploaded_by} <a href="{url_main}search_results.php?display=profile&name={name_prof}">{name_prof}</a> {uploaded_time_ago}</div>
		    </div>
                </div>
            </div>

        </div>

	  <div id="narrow">

		<div id="comments">

		  <h3 style="font-size:11px; font-weight:bold; padding-left:10px; padding-bottom:5px;">{l_comments} <span>(<span style="font-weight:normal;" id="comments_count">{num_comments}</span>)</span></h3>

          <ul class="comment">
		  <!-- begin_comment -->
          <li id="comment_{comment_id}">
              <div class="head"><a name="{cid}" href="search_results.php?display=profile&name={user_name}" class="name">{user_name}</a><span>({date})</span><!-- begin_delete_comment --> <a href="#" comment_id='{comment_id}' photo_id='{pid}' class='comment_del'>{l_delete}</a> <!-- end_delete_comment --></div>
              <div class="body">
              <table>
                  <tr>
                      <td width="1">
                        <a onmousemove="show_face(pic{num},'usr0{num}')" onmouseout="hide_face('usr0{num}')" href="search_results.php?display=profile&name={user_name}"><img id="pic{num}" src="{url_files}{photo}" class="img" /></a>
                      </td>
                      <td>
                          <p>{comment_text}</p>
                      </td>
                  </tr>
              </table>
              </div>
              <div class="bottom"></div>
          </li>
		  <!-- end_comment -->
          </ul>
		  <!-- begin_error -->
		  <div class="error" style="margin-bottom:10px;color: #C33;font-weight: bold;">{l_error}</div>
  		  <!-- end_error -->

		  <script language="javascript" type="text/javascript">
		  function submitHandler()
		  {
		  	document.getElementById('make_comment').value='1';
		  }
		  </script>
			<!-- If comments are on for this image AND album... -->

       <ul class="comment">
          <li>
            <div class="head" style="font-weight:bold;">{l_leave_comment}:</div>

			<div class="body">

                        <form id="commentform" action="#" method="post" onsubmit="javascript:submitHandler();">

                            <input id="make_comment" type="hidden" name="make_comment" value="0" />

                            <textarea name="comment"></textarea>
							<br />

								<input type="submit" value="{l_add_comment}" class="pushbutton button" style="padding-left: 5px; padding-right: 5px;cursor:pointer; font-size: 11px;" />

                        </form>

              </div>
              <div class="bottom"></div>
          </li>
          </ul>


		  </div>


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


	<div class="userinfo-links-wide" style="clear:both;"></div>
</div>
</div>
<div class="cl"></div>
{footer}

<!-- begin_show_info -->
<span class="popup-info" id="usr0{num}">
    <span class="dx">{l_nick}: <strong>{user_name}</strong>
    <br>{l_age}: <strong>{user_age}</strong>
    <br>{l_from}: <strong>{user_country_sub}</strong></span>
</span>
<!-- end_show_info -->