{config_load file=$language_path section="general"}
<style type="text/css">
    {literal}
    div.module_attachments_list {
	padding: 3px;
	display: block;
    }
    
    div.module_attachments_list .module_attachments_file {
	float: left;
	padding: 3px;
	margin: 5px;
	color: #000000;
	border: 1px dashed #0000AA;
	background-color: #CCCCFF;
    }
    div.module_attachments_list .module_attachments_file .download_module_attachment{
	text-decoration: none;
    }
    div.module_attachments_list .module_attachments_file .delete_module_attachment{
	cursor: pointer;
    }
    {/literal}
</style>
<script type="text/javascript" src="minify_js.php?file=js/ajaxupload.min.js"></script>
<script type="text/javascript">
    var BASELINK = '{$BASELINK}';
    var text_delete = '{#delete#}';
    var JS_REALLY_DELETE_ATTACHMENT = '{$JS_REALLY_DELETE_ATTACHMENT}';
    {literal}
    
    $().ready(function(){
	attachmentHandler(); // upload items klickbar machen
	new AjaxUpload($('input.add_attachment'),
	{
		action: BASELINK,
		name: 'attachment',
		data: {/*
			filenr : image_nr,
			products_id : pid,
			products_previous_image : image_name
			*/
		},
		responseType: 'json',
		onComplete : function(file,json){
			if(json.ERROR != ''){
			    alert("Error\r\n"+json.ERROR);
			}else{
			    alert("Success: "+json.FILE+' uploaded');
			    addModuleAttachmentToModal(json.FILE);
			    updateModuleAttachmentButtonText(1);
			    attachmentHandler();
			}
		},
		error: function(XMLHttpRequest, textStatus, errorThrown){
			alert(XMLHttpRequest.status+': '+errorThrown);
		}
	});
    });
    function updateModuleAttachmentButtonText(count){
	var current_text = $('.module_attachments_button').text().trim();
	var current_html = $('.module_attachments_button').html();
	var new_html = current_html.replace(current_text,'');
	var new_text = '';
	var current_text_parts = current_text.split(' ');
	if(current_text_parts.length == 2){
	    // zahl vorhanden
	    current_count = parseInt(current_text_parts[0]);
	    current_count += count;
	    if(current_count > 0){
		new_text = current_count+' '+current_text_parts[1];
	    }else{
		new_text = current_text_parts[1];
	    }
	}else{
	    // keine Zahl vorhanden
	    new_text = count+' '+current_text_parts[0];
	}
	$('.module_attachments_button').html(new_html+new_text);
    }
    function removeModuleAttachmentToModal(file){
	$('.module_attachments_list .module_attachments_file[id="'+file+'"]').remove();
    }
    function addModuleAttachmentToModal(file){
	$('.module_attachments_list').append('<div class="module_attachments_file" id="'+file+'"></div>');
    }
    function attachmentHandler(){
	$('.module_attachments_list .module_attachments_file').each(function(){
	   $(this).html( '<img src="images/minus.gif" id="'+$(this).attr('id')+'" align="left" class="delete_module_attachment" title="'+text_delete+'" />&nbsp;<a class="download_module_attachment" id="'+$(this).attr('id')+'" href="javascript:;" title="Download">'+$(this).attr('id')+'</a>');
	});
	$('.module_attachments_list .module_attachments_file a.download_module_attachment').each(function(){
	   $(this).unbind('click');
	   $(this).bind('click',function(){
	       var filename = $(this).attr('id');
	       window.location.href = BASELINK+'&download_filename='+filename;
	   });
	});
	$('.module_attachments_list .module_attachments_file img.delete_module_attachment').each(function(){
	   $(this).unbind('click').css('cursor','pointer');
	   $(this).bind('click',function(){
	       
	       yes = confirm(JS_REALLY_DELETE_ATTACHMENT);
	       if(!yes) return false;
	       var filename = $(this).attr('id');
	       $.ajax({
		   url: BASELINK,
		   data: {
		       delete_filename: filename
		   },
		   dataType: 'json',
		   success: function(json){
		       if(json.ERROR != ''){
			   alert(json.ERROR);
		       }else{
			   removeModuleAttachmentToModal(filename);
			   updateModuleAttachmentButtonText(-1);
		       }
		   }
	       });
	   });
	});
    }
    {/literal}
</script>
<h3>{$MODULE_ATTACHMENTS_HEADING_TITLE} - {$MODULE_NAME} {$MODULE_ID}</h3>
<input type="button" class="add_attachment ui-corner-all ui-state-default" value="{$MODULE_ATTACHMENTS_ADD_FILE}" />
<br />
<div class="ui-widget">
    <b>{$MODULE_ATTACHMENTS_FILES}</b><br />
    <div class="module_attachments_list">
	{foreach from=$ATTACHMENTS item=att}
	<div class="module_attachments_file" id="{$att}"></div>
	{/foreach}
    </div>
</div>