2 files changed, 15 insertions, 6 deletions
diff --git a/admin/themes/default/template/configuration.tpl b/admin/themes/default/template/configuration.tpl
index 10210428a..08bd97593 100644
--- a/admin/themes/default/template/configuration.tpl
+++ b/admin/themes/default/template/configuration.tpl
@@ -33,7 +33,7 @@ jQuery(document).ready(function(){
 <h2>{'Piwigo configuration'|@translate} {$TABSHEET_TITLE}</h2>
 
 {if !isset($default)}
-<form method="post" action="{$F_ACTION}" class="properties">
+<form method="post" action="{$F_ACTION}" class="properties"{if isset($watermark)} enctype="multipart/form-data"{/if}>
 {/if}
 <div id="configContent">
 {if isset($main)}
@@ -479,20 +479,28 @@ jQuery(document).ready(function() {
       jQuery("#positionCustomDetails").hide();
     }
   });
+
+  jQuery(".addWatermarkOpen").click(function(){
+    jQuery("#addWatermark, #selectWatermark").toggle();
+  });
 });
 {/literal}{/footer_script}
 
-
 <fieldset id="watermarkConf">
   <legend></legend>
   <ul>
     <li>
-      <label>{'Select a file'|@translate}</label>
+      <span id="selectWatermark"{if isset($ferrors.watermarkImage)} style="display:none"{/if}><label>{'Select a file'|@translate}</label>
       <select name="w[file]" id="wSelect">
 	{html_options options=$watermark_files selected=$watermark.file}
       </select>
-      <br>{'... or '|@translate}<a href="#" class="addWatermarkOpen" title="{'add a new watermark'|@translate}">{'add a new watermark'|@translate}</a>
-      <br><img id="wImg"></img>
+      {'... or '|@translate}<a href="#" class="addWatermarkOpen">{'add a new watermark'|@translate}</a>
+      <br><img id="wImg"></img></span>{* #selectWatermark *}
+      <span id="addWatermark"{if isset($ferrors.watermarkImage)} style="display:inline"{/if}>
+      <a href="#" class="addWatermarkOpen">{'add a new watermark'|@translate}</a> (png)
+      <br><input type="file" size="60" id="watermarkImage" name="watermarkImage"{if isset($ferrors.watermarkImage)} class="dError"{/if}>
+      {if isset($ferrors.watermarkImage)}<span class="dErrorDesc" title="{$ferrors.watermarkImage}">!</span>{/if}
+      </span>{* #addWatermark *}
     </li>
 
     <li>
diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css
index d85dab084..2e7c25643 100644
--- a/admin/themes/default/theme.css
+++ b/admin/themes/default/theme.css
@@ -1112,4 +1112,5 @@ FORM#categoryOrdering .categoryLi:hover p.albumActions {visibility:visible;}
 input[type="text"].dError {border-color:#ff7070; background-color:#FFe5e5;}
 .dErrorDesc {background-color:red; color:white; padding:0 5px;border-radius:10px; font-weight:bold;cursor:help;}
 
-#wImg {max-height:100px;border:2px solid #ccc;}
-\ No newline at end of file
+#wImg {max-height:100px;border:2px solid #ccc;margin-top:5px;}
+#addWatermark {display:none;}
+\ No newline at end of file