{% if IMAGEUPLOAD_USE_UPLOAD and loops.images|length and IMAGEUPLOAD_POSTTAB_ENABLE %}
<div id="imageupload-panel" class="panel bg3">
	<div class="inner">
		<fieldset class="fields1">
			<p>{{ lang('IMAGEUPLOAD_POSTINGPAGE') }}</p>
			<div class="panel upload_inner" style="max-height:150px; overflow-x:hidden; overflow-y:auto;">
				<div class="inner">
					{% for images in loops.images %}
						<div style="float:left; text-align: center;" class="upload_enabled">
							<div class="imageupload_index-preview">
								<img class="imageupload_index" id="{{ images.FILENAME_REAL }}" src="{{ images.IMAGEPATH }}" title="{{ images.FILENAME }} - {{ images.WIDTH }} {{ lang('PIXEL') }} * {{ images.HEIGHT }} {{ lang('PIXEL') }} - {{ images.SIZE }}"	/>
							</div>
							<div class="imageupload-name">
								{{ images.FILENAME }}&nbsp;<i onclick="insert_text(' [img]{{ images.IMAGE_POSTING_BUTTON }}[/img] ');"	title="{{ lang('IMAGEUPLOAD_INSERT_IMAGE') }}" class="icon fa-arrow-circle-o-up fa-fw"></i>
							</div>
							<div id="myimages" class="myimages">
								<span class="imgclose" onclick="document.getElementById('myimages').style.display='none'">&times;</span>
								<img class="myimages-content" id="image_show_id">
								<div id="caption"></div>
							</div>
						</div>
						<script>
							var myimages = document.getElementById('myimages');

							var img = document.getElementById('{{ images.FILENAME_REAL }}');
							var myimagesImg = document.getElementById("image_show_id");
							var captionText = document.getElementById("caption");
							img.onclick = function(){
								myimages.style.display = "block";
								myimagesImg.src = this.src;
								captionText.innerHTML = this.alt;
							}

							var span = document.getElementsByClassName("imgclose")[0];

							span.onclick = function() {
								myimages.style.display = "none";
							}
						</script>
					{% endfor %}
				</div>
			</div>
		</fieldset>
		<div class="action-bar bar-bottom">
			{% if loops.pagination|length or IMAGEUPLOAD_PAG_IMAGES %}
			<div class="pagination">
				{{ IMAGEUPLOAD_PAG_IMAGES }}
				{% if loops.pagination|length %}
					{% INCLUDE 'pagination.html' %}
				{% else %}
					&bull; {{ PAGE_NUMBER }}
				{% endif %}
			</div>
			{% endif %}
		</div>
	</div>
</div>

{% endif %}