<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title><!--{$UUDEV_PAGE_TITLE}--></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script src="js/jquery/jquery.min.js" charset="utf-8">
</script>
<style>
	.img_list li { float:left; padding:4px; margin:4px; height:64px; width:64px; position:relative; overflow:hidden; }
	.img_list li img { border:1px #CCCCCC solid;}
</style>
</head>
<body>
    <div class="div_divide_line"></div>
	<div class="content">
   	    	<ul class="img_list">
   	    	<!--{foreach from=$data item=data}-->
            <li><img class="simg"  width="64" height="64" alt="Photo 1" src="<!--{$basicFolder}-->/<!--{$data}-->">
              <div class="imgtoolbox_bg" style="opacity: 0.5; display: none;"></div>
              <div class="imgtoolbox" style="display: none;">
                <a href="javascript:();"><img width="16" height="16" alt="" src="images/edit.png"> </a>
            	<a href="javascript:();"><img width="16" height="16" alt="" src="images/delete.png"></a>
              </div></li>
			  <!--{/foreach}-->
          </ul>
		  
       </div>
<!--{if !empty($data)}-->
<div style="clear:both; font-size:12px;"><!--{$pager}--></div>
<!--{/if}-->
<script>
$(document).ready(function(){
	$(".simg").click(function(){
		parent.$("#image-url").val($(this).attr("src"));
		parent.$("#preview").attr("src",$(this).attr("src"));
		parent.$("#preview").fadeIn("slow");
	});
});
</script>
</body>
</html>