New structure of file for help.html

DE/NL/IT languages.

git-svn-id: http://piwigo.org/svn/branches/2.0@3051 68402e56-0260-453c-a942-63ccdbb3a9ee

3 files changed, 492 insertions, 202 deletions

diff --git a/language/de_DE/help.html b/language/de_DE/help.html
index 2417ceac9..1fddbdc97 100644
--- a/language/de_DE/help.html
+++ b/language/de_DE/help.html
@@ -1,31 +1,62 @@
 <div class="instructions">
 <h2>Hilfe</h2>
 
+<div id="instructionPLoader" class="instructionBlock">
+  <div
+    id="pLoader_header"
+    class="instructionBlockHeaderCollapsed"
+    onclick="blockToggleDisplay('pLoader_header', 'pLoader_content')"
+  ><span>
+    <!--TODO-->Add photos, the pLoader way
+  </span></div>
+  <div
+    id="pLoader_content"
+    class="instructionBlockContent"
+    style="display:none"
+  >
+    <ol>
+      <!--TODO--><li>Create a directory "upload" next to directory "galleries" in your Piwigo installation, with write access.</li>
+      <!--TODO--><li>Install pLoader on your computer, start it and fill the connection settings : your gallery URL, your username and password.</li>
+      <!--TODO--><li>Drag'n drop photos from your directory browser into pLoader photo selection.</li>
+      <!--TODO--><li>Create a category and select it.</li>
+      <!--TODO--><li>Select some photos.</li>
+      <!--TODO--><li>Click on the green arrow to transfer photos in your gallery</li>
+    </ol>
+<!--TODO-->Congratulations! You have successfuly created the first category of your photo gallery.
+  </div> <!-- pLoader_content -->
+</div> <!-- instructionPLoader -->
+
+<div id="instructionFTP" class="instructionBlock">
+  <div
+    id="FTP_header"
+    class="instructionBlockHeaderCollapsed"
+    onclick="blockToggleDisplay('FTP_header', 'FTP_content')"
+  ><span>
+    <!--TODO-->Add photos, the FTP way
+  </span></div>
+  <div
+    id="FTP_content"
+    class="instructionBlockContent"
+    style="display:none"
+  >
+
 <h3>Schnellstart</h3>
 
 <ol>
+  <!--TODO--><li>Create a directory on your computer.</li>  
 
-  <li>Erstellen Sie auf ihrem Computer einen Ordner "Testkategorie".</li>
-
-  <li>Füllen Sie den Ordner "Testkategorie" mit Fotos.</li>
-
-  <li>Öffnen Sie eine FTP-Verbindung zu ihrer installierten Piwigo-Gallerie</li>
-
-  <li>Upload des Ordners "Testkategorie" in das Remote-Verzeichnis "galleries" und Geben Sie dem Ordner alle Rechte per CHMOD (777) </li>
+  <!--TODO--><li>Copy some photos inside this directory, resize them for web display. <em>Warning</em>: the name of directories and files must contain only letters, figures, "-", "_" or ".". No blank space, no accentuated characters.</li>
 
-  <li>Rufen Sie in ihrem Webbrowser ihre Gallerie auf und melden Sie sich als Administrator an</li>
+  <!--TODO--><li>With a FTP client, copy your directory in the "galleries" directory of your Piwigo installation.</li>
 
-  <li>Gehen Sie in die <span class="pwgScreen">Verwaltung, Bilder,
-Thumbnails</span>. Die Gallerie wird nach fehlenden Thumbnails suchen und ihnen anbieten, diese zu erstellen. Erstellen Sie diese.</li>
+  <!--TODO--><li>Logon your gallery and go to <span class="pwgScreen">Administration &raquo; Pictures &raquo; Thumbnails</span> to create missing thumbnails.</li>
 
-  <li>Gehen Sie auf <span class="pwgScreen"> Verwaltung, Kategorien,
-Synchronisieren </span>. Kontrollkästchen "Ordner + Dateien"  wählen, "nur Simulation"  aus und bestätigen Sie die Synchronisierung.</li>
-
-  <li>Geschafft, Sie haben soeben die erste Testkategorie in ihrer Gallerie erstellt.</li>
-  
+  <!--TODO--><li>Go to <span class="pwgScreen">Administration</span> and click on the big Synchronization button.</li>
 </ol>
 
-<h3>Weitere Elemente hinzufügen</h3>
+<!--TODO-->Congratulations! You have successfuly created the first category of your photo gallery.
+
+<!--TODO--><h3>Directories and files organization</h3>
 
 <ul>
 
@@ -105,7 +136,7 @@ Es ist aber empfehlenswert und übersichtlicher, wenn eine Kategorie entweder El
 
    <li>Wenn Sie Dateien, Bilder und Thumbnail in die richtigen Ordner hochgeladen haben, 
 loggen Sie sich ein und gehen Sie auf<span
-class = "pwgScreen">Verwaltung, Kategorien, synchronisieren</span>.</li>
+class = "pwgScreen">Verwaltung &raquo; Kategorien &raquo; synchronisieren</span>.</li>
 
 </ul>
 
@@ -125,8 +156,7 @@ der Konfiguration festgelegt <code>prefix_thumbnail</code>
 "GIF" als Vorschaubild haben.</li>
 
    <li> Es wird empfohlen, ein externes Programm für die Erstellung von
-Miniaturen zu verwenden. (PhpMyVignettes oder ThumbClic z.B. finden Sie auf der Website von 
-Piwigo verlinkt).</li>
+Miniaturen zu verwenden.</li>
 
    <li> Sie können auch das Tool zum Erstellen von Thumbnails der Piwigo verwenden aber dies wird 
    nicht empfohlen, da meistens die Qualität enttäuschend ist und der Server stark belastet wird.
@@ -137,34 +167,76 @@ Piwigo verlinkt).</li>
 
 </ul>
 
-<h3>Berechtigungen</h3>
+
+  </div> <!-- FTP_content -->
+</div> <!-- instructionFTP -->
+
+<div id="instructionPermissions" class="instructionBlock">
+  <div
+    id="permissions_header"
+    class="instructionBlockHeaderCollapsed"
+    onclick="blockToggleDisplay('permissions_header', 'permissions_content')"
+  ><span>
+    <!--TODO-->Permissions
+  </span></div>
+  <div
+    id="permissions_content"
+    class="instructionBlockContent"
+    style="display:none"
+  >
 
 <ul>
 
-   <li>Sie können den Zugriff auf bestimmte Kategorien beschränken. Die Kategorien können
-öffentlich oder privat sein. Die Zugriffsbeschränkungen fur bestimmte Benutzer oder Gruppen 
-können nur für private Kategorien eingerichtet werden.</li>
+   <!--TODO--><li>You can forbid access to categories. Switch the category access type to "private" if you want to manage permissions.</li>
   
    <li>So können Sie eine einzelne öffentliche Kategorie in eine private ändern (<span
-class = "pwgScreen">Verwaltung, Kategorien, Verwalten, Bearbeiten (Icon rechts)</span>) oder
+class = "pwgScreen">Verwaltung &raquo; Kategorien &raquo; Verwalten &raquo; Bearbeiten (Icon rechts)</span>) oder
 alle Kategorien verwalten (<span
-class = "pwgScreen">Verwaltung, Kategorien, Eigenschaften, Public / Private</span>).</li>
+class = "pwgScreen">Verwaltung &raquo; Kategorien &raquo; Eigenschaften &raquo; Public / Private</span>).</li>
 
-   <li>Sobald bestimmte Kategorien als "Privat" gekennzeichnet haben können Sie die Berechtigungen 
-   einzelner Benutzer oder Gruppen festlegenen
-   (<span
-class = "pwgScreen">Verwaltung, Identifikation</span>).</li>
+  <li>
 
-</ul>
+    <p><!--TODO-->Once the category is private, you can manage permissions for groups
+    and users with 3 screens:</p>
+
+    <ul>
+
+      <!--TODO--><li><span class="pwgScreen">Administration &raquo; Identification &raquo; Users &raquo;
+      permissions action</span> (one link per user)</li>
+
+      <!--TODO--><li><span class="pwgScreen">Administration &raquo; Identification &raquo; Groups &raquo;
+      permissions action</span> (one link per group)</li>
 
-<h3>Benutzergruppen</h3>
+      <!--TODO--><li><span class="pwgScreen">Administration &raquo; Categories &raquo; Manage &raquo; edit
+      category permissions action</span> (one link per category)</li>
 
+    </ul>
+
+  </li>
+
+</ul>
+  </div> <!-- permissions_content --> 
+</div> <!-- instructionPermissions -->
+
+<div id="instructionGroups" class="instructionBlock">
+  <div
+    id="groups_header"
+    class="instructionBlockHeaderCollapsed"
+    onclick="blockToggleDisplay('groups_header', 'groups_content')"
+  ><span>
+    Benutzergruppen
+  </span></div>
+  <div
+    id="groups_content"
+    class="instructionBlockContent"
+    style="display:none"
+  >
 <ul>
 
-   <li>Piwigo kann ganze Benutzergruppen verwalten.</li>
+  <!--TODO--><li>Groups is a convenient way to set permissions for a list of users.</li>
 
    <li>Sie können Gruppen und Benutzer hinzufügen und erstellen unter:
-<span class="pwgScreen">Verwaltung, Verwaltung, Gruppen</span>.</li>
+<span class="pwgScreen">Verwaltung &raquo; Verwaltung &raquo; Gruppen</span>.</li>
 
    <li>Ein Benutzer kann mehreren Gruppen angehören. Die Freigaben der "stärksten Gruppe"
 sind relevant.
@@ -173,50 +245,82 @@ Wenn der Benutzer "Stein" zu den Gruppen "Familie" und "Freunde" gehört und nur
  dieser Kategorie ansehen.</li>
   
 </ul>
-
-<h3>Hinzufügen von Dateien durch die Benutzer</h3>
-
-<p>Damit Benutzer Dateien hinzufügen können:</p>
+  </div> <!-- groups_content --> 
+</div> <!-- instructionGroups -->
+
+<div id="instructionUpload" class="instructionBlock">
+  <div
+    id="upload_header"
+    class="instructionBlockHeaderCollapsed"
+    onclick="blockToggleDisplay('upload_header', 'upload_content')"
+  ><span>
+    Hinzufügen von Dateien durch die Benutzer
+  </span></div>
+  <div
+    id="upload_content"
+    class="instructionBlockContent"
+    style="display:none"
+  >
+<!--TODO--><p>Users can upload their photos too.</p>
 
 <ol>
 
-   <li>erlauben Sie das Hinzufügen von Bildern auf einer beliebigen Kategorie (<span
-class = "pwgScreen">Verwaltung, Kategorien, Verwalten, Bearbeiten (Icon rechts)</span> oder <span
-class = "pwgScreen">Verwaltung, Kategorien, Eigenschaften, Upload (oben rechts) </span>).</li>
+  <!--TODO--><li>Authorize upload on any physical categories (<span
+  class="pwgScreen">Administration &raquo; Categories &raquo; Manage &raquo; edit</span> or <span
+  class="pwgScreen">Administration &raquo; Categories &raquo; Properties &raquo; Upload</span>). Virtual categories can't receive any upload.</li>
+
 
    <li>Geben Sie allen Benutzern die Berechtigung zum Upload auf freigegebene Kategorien.</li>
 </ol>
-   <p>Die hinzugefügten Dateien sind durch die Benutzer nicht direkt
-sichtbar sondern nur für einem Administrator. Um sie sichtbar zu machen muss der Administrator 
-sich einloggen umd im Bereich Verwaltung, Bilder, die Dateien bestätigen oder ablehnen. 
-Danach muss die Datenbank syncronisiert werden damit die Bilder eingebunden werden.</p>
-
-
-
-<h3>Verbindungen zwischen Elementen, Kategorien und virtuellen Kategorien</h3>
+<!--TODO--><p>Photos uploaded by users are not directly visible on the website. An administrator
+must validate uploaded photos in <span class="pwgScreen">Administration &raquo; Pictures &raquo; Waiting</span>.</p>
+  </div> <!-- upload_content --> 
+</div> <!-- instructionUpload -->
+
+<div id="instructionCategoryLinks" class="instructionBlock">
+  <div
+    id="categoryLinks_header"
+    class="instructionBlockHeaderCollapsed"
+    onclick="blockToggleDisplay('categoryLinks_header', 'categoryLinks_content')"
+  ><span>
+    Verbindungen zwischen Elementen, Kategorien und virtuellen Kategorien
+  </span></div>
+  <div
+    id="categoryLinks_content"
+    class="instructionBlockContent"
+    style="display:none"
+  >
 
 <ul>
 
-   <li>Piwigo trennt zwischen gespeicherten Kategorien und Kategorien in denen Elemente angezeigt werden.</li>
-
-   <li>Standardmäßig werden die Elemente angezeigt wie sie auf dem Server gespeichert sind.</li>
+  <!--TODO--><li>Photos are displayed in the category corresponding to the file directory.</li>
 
-   <li>Um ein Element in einer Virtuellen Kategorie zu verlinken erstellen Sie eine Virtuelle Kategorie (<span
-class = "pwgScreen">Verwaltung, Kategorien, Verwalten, Virtuelle Kategorie hinzufügen :</span>
-In der Verwaltung von Kategorien oder über den Sammelkorb können Sie Elemente den Virtuellen Kategorien hinzufügen</li>
+  <!--TODO--><li>You can also display a picture in several categories, without duplicating the file on your web server. Associate the photo to any category from the photo editing screen (that any administrator can reach from the photo page on the gallery side).</li>
 
-   <li>Ausgehend von diesem Prinzip ist es möglich, Kategorien zu erstellen, denen kein reales Verzeichnis zugrunde liegt.
-Erstellen von virtuellen Gruppen auf <span class="pwgScreen">Verwaltung,
-Kategorie, verwalten</span>.</li>
+  <!--TODO--><li>Virtual categories are based on this concept: they have no corresponding directory. Create virtual categories from <span class="pwgScreen">Administration &raquo; Categories &raquo; Manage</span>.</li>
 
 </ul>
-
-<h3>Verschiedenes</h3>
+  </div> <!-- categoryLinks_content --> 
+</div> <!-- instructionCategoryLinks -->
+
+<div id="instructionMisc" class="instructionBlock">
+  <div
+    id="misc_header"
+    class="instructionBlockHeaderCollapsed"
+    onclick="blockToggleDisplay('misc_header', 'misc_content')"
+  ><span>
+    Verschiedenes
+  </span></div>
+  <div
+    id="misc_content"
+    class="instructionBlockContent"
+    style="display:none"
+  >
 
 <ul>
   
    <li>Nachdem Sie Ihre Galerie erstellt haben, konfigurieren Sie die gewünschte Anzeige über
-<span class="pwgScreen">Verwaltung, Konfiguration, Standartanzeige</span>. Jeder neu registrierte Benutzer
+<span class="pwgScreen">Verwaltung &raquo; Konfiguration &raquo; Standartanzeige</span>. Jeder neu registrierte Benutzer
 bekommt diese Einstellungen als Standart vorgegeben.</li>
 
    <li>Bei Fragen besuchen Sie bitte das Forum. Wenn ihre Frage dort nicht schon beantwortet wurde, scheuen Sie sich 
@@ -226,9 +330,11 @@ bekommt diese Einstellungen als Standart vorgegeben.</li>
 auch <a href="http://phpwebgallery.net/doc">Offizielle Dokumentation von Piwigo</a> für 
 weitere Informationen. </li>
 
-
- <li>PS: Deutsche Übersetzung von Daniel Riedel  Bei Verbesserungen an der Übersetzung bitte Vorschläge mailen an  news_at_areasunshine_dot_de
- Da meine Zeit zur Übersetzung begrenzt war, wird es bestimmt den einen oder anderen kleinen Fehler geben.</li>
+   <!--TODO--><li>If you have any question, Piwigo community will welcome you on <a
+  href="http://forum.phpwebgallery.net">its forum</a>.</li>
 
 </ul>
+  </div> <!-- misc_content --> 
+</div> <!-- instructionMisc -->
+
 </div>
\ No newline at end of file
diff --git a/language/it_IT/help.html b/language/it_IT/help.html
index 3f69d10b9..7d7589ec1 100644
--- a/language/it_IT/help.html
+++ b/language/it_IT/help.html
@@ -1,36 +1,62 @@
 <div class="instructions">

 <h2>Aiuto</h2>

 

+<div id="instructionPLoader" class="instructionBlock">

+  <div

+    id="pLoader_header"

+    class="instructionBlockHeaderCollapsed"

+    onclick="blockToggleDisplay('pLoader_header', 'pLoader_content')"

+  ><span>

+    <!--TODO-->Add photos, the pLoader way

+  </span></div>

+  <div

+    id="pLoader_content"

+    class="instructionBlockContent"

+    style="display:none"

+  >

+    <ol>

+      <!--TODO--><li>Create a directory "upload" next to directory "galleries" in your Piwigo installation, with write access.</li>

+      <!--TODO--><li>Install pLoader on your computer, start it and fill the connection settings : your gallery URL, your username and password.</li>

+      <!--TODO--><li>Drag'n drop photos from your directory browser into pLoader photo selection.</li>

+      <!--TODO--><li>Create a category and select it.</li>

+      <!--TODO--><li>Select some photos.</li>

+      <!--TODO--><li>Click on the green arrow to transfer photos in your gallery</li>

+    </ol>

+<!--TODO-->Congratulations! You have successfuly created the first category of your photo gallery.

+  </div> <!-- pLoader_content -->

+</div> <!-- instructionPLoader -->

+

+<div id="instructionFTP" class="instructionBlock">

+  <div

+    id="FTP_header"

+    class="instructionBlockHeaderCollapsed"

+    onclick="blockToggleDisplay('FTP_header', 'FTP_content')"

+  ><span>

+    <!--TODO-->Add photos, the FTP way

+  </span></div>

+  <div

+    id="FTP_content"

+    class="instructionBlockContent"

+    style="display:none"

+  >

+

 <h3>Presa in mano rapida</h3>

 

 <ol>

+  <!--TODO--><li>Create a directory on your computer.</li>  

 

-  <li>Creare una directory locale chiamandola, ad esempio, "prova_categoria".</li>

-

-  <li>Copiare le Vostre immagini nella directory "prova_categoria".</li>

-

-  <li>Aprire una connessione FTP con la galleria remota.</li>

-

-  <li>Caricare la directory locale "prova_categoria" nella vostra directory 

-"galleries" remota. Impostare i diritti di accesso a 777 sulla nuova directory 

-caricata "galleries/prova_categoria".</li>

+  <!--TODO--><li>Copy some photos inside this directory, resize them for web display. <em>Warning</em>: the name of directories and files must contain only letters, figures, "-", "_" or ".". No blank space, no accentuated characters.</li>

 

-  <li>Accedete alla vostra Piwigo come amministratore.</li>

+  <!--TODO--><li>With a FTP client, copy your directory in the "galleries" directory of your Piwigo installation.</li>

 

-  <li>Andare su <span class="pwgScreen">Amministrazione -> Immagini

--> Miniature</span>. Piwigo troverà le miniature mancanti nella

-directory "prova_categoria" e le creerà in automatico.</li>

+  <!--TODO--><li>Logon your gallery and go to <span class="pwgScreen">Administration &raquo; Pictures &raquo; Thumbnails</span> to create missing thumbnails.</li>

 

-  <li>Andare su <span class="pwgScreen">Amministrazione -> Generale

--> Sincronizza</span>. Selezionare l'opzione "directory + file", deselezionare

-"effettuare solo una simulazione" ed avviare la sincronizzazione.</li>

-

-  <li>Fatto!!! Avete creato una categoria chiamata "prova_categoria" alla base

-della Vostra galleria.</li>

-  

+  <!--TODO--><li>Go to <span class="pwgScreen">Administration</span> and click on the big Synchronization button.</li>

 </ol>

 

-<h3>Aggiungere gli elementi</h3>

+<!--TODO-->Congratulations! You have successfuly created the first category of your photo gallery.

+

+<!--TODO--><h3>Directories and files organization</h3>

 

 <ul>

 

@@ -114,7 +140,7 @@ quelle che invece contengono sottocategorie.</li>
 

   <li>Una volta che i file, le miniature e i file rappresentativi sono

 correttamente piazzati nelle directory, andare nello schermo <span

-class="pwgScreen">Amministrazione -> Generale -> Sincronizza</span>.</li>

+class="pwgScreen">Amministrazione &raquo; Generale &raquo; Sincronizza</span>.</li>

 

 </ul>

 

@@ -135,8 +161,7 @@ personalizzato dal parametro di configurazione <code>prefix_thumbnail</code>
 dell'immagine che rappresenta (per esempio, un'immagine ".JPG" può avere

 come miniatura un'immagine ".GIF").</li>

 

-  <li>È altamente consigliato di usare un software esterno (come ThumbClic

-o PhpMyVignettes, vedi il sito di presentazione di Piwigo) per la

+  <li>È altamente consigliato di usare un software esterno per la

 creazione delle miniature.</li>

 

   <li>È anche possibile usare la creazione delle miniature integrata a

@@ -151,34 +176,76 @@ altri).</li>
 

 </ul>

 

-<h3>Autorizzazioni</h3>

+

+  </div> <!-- FTP_content -->

+</div> <!-- instructionFTP -->

+

+<div id="instructionPermissions" class="instructionBlock">

+  <div

+    id="permissions_header"

+    class="instructionBlockHeaderCollapsed"

+    onclick="blockToggleDisplay('permissions_header', 'permissions_content')"

+  ><span>

+    <!--TODO-->Permissions

+  </span></div>

+  <div

+    id="permissions_content"

+    class="instructionBlockContent"

+    style="display:none"

+  >

 

 <ul>

 

-  <li>È possibile impedire l'accesso alle categorie. Le categorie

-possono essere pubbliche o private. I permessi (per i gruppi e utenti)

-possono essere configurati solo se la categoria è privata.</li>

+  <!--TODO--><li>You can forbid access to categories. Switch the category access type to "private" if you want to manage permissions.</li>

 

   <li>Potete rendere una categoria privata modificandola da <span

-class="pwgScreen">Amministrazione -> Categorie -> Gestire -> Modificare</span>

+class="pwgScreen">Amministrazione &raquo; Categorie &raquo; Gestire &raquo; Modificare</span>

 o selezionando l'opzione nell'albero delle categorie <span

-class="pwgScreen">Amministrazione -> Categorie -> Pubblica/Privata</span>).</li>

+class="pwgScreen">Amministrazione &raquo; Categorie &raquo; Pubblica/Privata</span>).</li>

+

+  <li>

 

-  <li>Una volta che certe categorie sono impostate come private, potete

-gestire i permessi per i gruppi e utenti (<span class="pwgScreen">

-Amministrazione -> Identificazione</span>).</li>

+    <p><!--TODO-->Once the category is private, you can manage permissions for groups

+    and users with 3 screens:</p>

 

-</ul>

+    <ul>

+

+      <!--TODO--><li><span class="pwgScreen">Administration &raquo; Identification &raquo; Users &raquo;

+      permissions action</span> (one link per user)</li>

 

-<h3>Utenti e gruppi</h3>

+      <!--TODO--><li><span class="pwgScreen">Administration &raquo; Identification &raquo; Groups &raquo;

+      permissions action</span> (one link per group)</li>

+

+      <!--TODO--><li><span class="pwgScreen">Administration &raquo; Categories &raquo; Manage &raquo; edit

+      category permissions action</span> (one link per category)</li>

+

+    </ul>

+

+  </li>

+

+</ul>

+  </div> <!-- permissions_content --> 

+</div> <!-- instructionPermissions -->

+

+<div id="instructionGroups" class="instructionBlock">

+  <div

+    id="groups_header"

+    class="instructionBlockHeaderCollapsed"

+    onclick="blockToggleDisplay('groups_header', 'groups_content')"

+  ><span>

+    Utenti e gruppi

+  </span></div>

+  <div

+    id="groups_content"

+    class="instructionBlockContent"

+    style="display:none"

+  >

 

 <ul>

 

-  <li>Piwigo permette di gestire dei gruppi di utenti. Può essere molto

-utile per gestire permessi di accesso comune su categorie private.</li>

+  <!--TODO--><li>Groups is a convenient way to set permissions for a list of users.</li>

 

-  <li>È possibile creare gruppi in <span class="pwgScreen">Amministrazione

--> Identificazione -> Gruppi</span> e associarci degli utenti.</li>

+  <li>È possibile creare gruppi in <span class="pwgScreen">Amministrazione &raquo; Identificazione &raquo; Gruppi</span> e associarci degli utenti.</li>

 

   <li>Un utente può appartenere a diversi gruppi. L'autorizzazione è

 prioritaria rispetto alla proibizione. Ad esempio se l'utente "pippo"

@@ -187,66 +254,92 @@ appartiene ai gruppi "famiglia" e "amici" e, tra questi gruppi, solo il gruppo
 "pippo" sarà abilitato a visionare la categoria "Natale 2006".</li>

 

 </ul>

-

-<h3>Immagini caricate dagli utenti</h3>

-

-<p>Per permettere agli utenti di caricare i file occorre:</p>

+  </div> <!-- groups_content --> 

+</div> <!-- instructionGroups -->

+

+<div id="instructionUpload" class="instructionBlock">

+  <div

+    id="upload_header"

+    class="instructionBlockHeaderCollapsed"

+    onclick="blockToggleDisplay('upload_header', 'upload_content')"

+  ><span>

+    Immagini caricate dagli utenti

+  </span></div>

+  <div

+    id="upload_content"

+    class="instructionBlockContent"

+    style="display:none"

+  >

+

+<!--TODO--><p>Users can upload their photos too.</p>

 

 <ol>

 

-  <li>autorizzare il caricamento in ogni categoria (<span 

-class="pwgScreen"> Amministrazione -> Categorie -> Gestire -> Modificare</span> 

-oppure <span class="pwgScreen">Amministrazione -> Categorie -> Proprietà

--> Aggiungere immagine</span>).</li>

+  <!--TODO--><li>Authorize upload on any physical categories (<span

+  class="pwgScreen">Administration &raquo; Categories &raquo; Manage &raquo; edit</span> or <span

+  class="pwgScreen">Administration &raquo; Categories &raquo; Properties &raquo; Upload</span>). Virtual categories can't receive any upload.</li>

 

   <li>dare i diritti di scrittura (per tutti gli utenti) sulle directory

 delle categorie autorizzate a l'aggiunta dei file</li>

 

 </ol>

 

-  <p>Il file caricati dagli utenti non sono visibili direttamente sul sito

-in quanto devono essere convalidati da un amministratore. A questo scopo

-un amministratore deve recarsi in <span class="pwgScreen">Amministrazione

--> Immagini -> In attesa</span> per convalidare o rifiutare i file proposti.

-È poi necessario sincronizzare il filesystem con la base dati.</p>

-

-

-<h3>Collegamenti tra elementi e categorie e le categorie virtuali</h3>

+<!--TODO--><p>Photos uploaded by users are not directly visible on the website. An administrator

+must validate uploaded photos in <span class="pwgScreen">Administration &raquo; Pictures &raquo; Waiting</span>.</p>

+  </div> <!-- upload_content --> 

+</div> <!-- instructionUpload -->

+

+<div id="instructionCategoryLinks" class="instructionBlock">

+  <div

+    id="categoryLinks_header"

+    class="instructionBlockHeaderCollapsed"

+    onclick="blockToggleDisplay('categoryLinks_header', 'categoryLinks_content')"

+  ><span>

+    Collegamenti tra elementi e categorie e le categorie virtuali

+  </span></div>

+  <div

+    id="categoryLinks_content"

+    class="instructionBlockContent"

+    style="display:none"

+  >

 

 <ul>

 

-  <li>Piwigo dissocia le categorie che contengono le immagini da quelle

-che le visualizzano.</li>

+  <!--TODO--><li>Photos are displayed in the category corresponding to the file directory.</li>

 

-  <li>Di default, gli elementi sono presenti solo nelle categorie reali

-che corrispondono alle directory sul server.</li>

+  <!--TODO--><li>You can also display a picture in several categories, without duplicating the file on your web server. Associate the photo to any category from the photo editing screen (that any administrator can reach from the photo page on the gallery side).</li>

 

-  <li>Per legare un elemento a una categoria, è sufficente associarlo sulla pagina

-di modifica del elemento (un link esiste verso la pagina quando siete collegati

-come amministratore), sulla pagina di gestione degli elementi della categoria

-o grazie al cestino.</li>

-

-  <li>Usando questo stesso principio è possibile creare delle categorie virtuali :

-nessuna directory fisica corrisponde a queste nuove categorie. È possibile creare

-le categorie virtuali da <span class="pwgScreen">Amministrazione -> Categorie

--> Gestire</span>.</li>

+  <!--TODO--><li>Virtual categories are based on this concept: they have no corresponding directory. Create virtual categories from <span class="pwgScreen">Administration &raquo; Categories &raquo; Manage</span>.</li>

 

 </ul>

-

-<h3>Informazioni</h3>

+  </div> <!-- categoryLinks_content --> 

+</div> <!-- instructionCategoryLinks -->

+

+<div id="instructionMisc" class="instructionBlock">

+  <div

+    id="misc_header"

+    class="instructionBlockHeaderCollapsed"

+    onclick="blockToggleDisplay('misc_header', 'misc_content')"

+  ><span>

+    Informazioni

+  </span></div>

+  <div

+    id="misc_content"

+    class="instructionBlockContent"

+    style="display:none"

+  >

 

 <ul>

 

   <li>Dopo aver creato la Vostra galleria, modificatene le proprietà

-di visualizzazione di default da <span class="pwgScreen">Amministrazione

--> Configurazione -> Visualizzazione di default</span>. In questo modo

+di visualizzazione di default da <span class="pwgScreen">Amministrazione &raquo; Configurazione &raquo; Visualizzazione di default</span>. In questo modo

 ogni nuovo utente visualizzerrà la galleria con le stesse impostazioni.</li>

 

-  <li>Per qualsiasi altra domanda, non esitare a visitare il

-<a href="http://forum.phpwebgallery.net">forum</a> disponibile sul sito ufficiale di

-<a href="http://www.phpwebgallery.net">Piwigo</a> sul quale troverete

-anche un'ampia <a href="http://phpwebgallery.net/doc">documentazione</a> in cui

-potrete trovare risposte ai vostri dubbi.</li>

+   <!--TODO--><li>If you have any question, Piwigo community will welcome you on <a

+  href="http://forum.phpwebgallery.net">its forum</a>.</li>

 

 </ul>

+  </div> <!-- misc_content --> 

+</div> <!-- instructionMisc -->

+

 </div>
\ No newline at end of file
diff --git a/language/nl_NL/help.html b/language/nl_NL/help.html
index 3bee826d2..936013c1e 100644
--- a/language/nl_NL/help.html
+++ b/language/nl_NL/help.html
@@ -1,35 +1,63 @@
 <div class="instructions">
 <h2>Help</h2>
 
-<h3>Snelle start</h3>
-
-<ol>
-  
-  <li>Maak een lokale map "test_categorie".</li>
+<div id="instructionPLoader" class="instructionBlock">
+  <div
+    id="pLoader_header"
+    class="instructionBlockHeaderCollapsed"
+    onclick="blockToggleDisplay('pLoader_header', 'pLoader_content')"
+  ><span>
+    <!--TODO-->Add photos, the pLoader way
+  </span></div>
+  <div
+    id="pLoader_content"
+    class="instructionBlockContent"
+    style="display:none"
+  >
+    <ol>
+      <!--TODO--><li>Create a directory "upload" next to directory "galleries" in your Piwigo installation, with write access.</li>
+      <!--TODO--><li>Install pLoader on your computer, start it and fill the connection settings : your gallery URL, your username and password.</li>
+      <!--TODO--><li>Drag'n drop photos from your directory browser into pLoader photo selection.</li>
+      <!--TODO--><li>Create a category and select it.</li>
+      <!--TODO--><li>Select some photos.</li>
+      <!--TODO--><li>Click on the green arrow to transfer photos in your gallery</li>
+    </ol>
+<!--TODO-->Congratulations! You have successfuly created the first category of your photo gallery.
+  </div> <!-- pLoader_content -->
+</div> <!-- instructionPLoader -->
+
+<div id="instructionFTP" class="instructionBlock">
+  <div
+    id="FTP_header"
+    class="instructionBlockHeaderCollapsed"
+    onclick="blockToggleDisplay('FTP_header', 'FTP_content')"
+  ><span>
+    <!--TODO-->Add photos, the FTP way
+  </span></div>
+  <div
+    id="FTP_content"
+    class="instructionBlockContent"
+    style="display:none"
+  >
 
-  <li>Kopieer de afbeeldingen maar "test_categorie".</li>
 
-  <li>Open an FTP verbinding naar de gallerie.</li>
+<h3>Snelle start</h3>
 
-  <li>Upload lokale map "test_categorie" in de galleriemap de map heet
-  "galleries". Stel de mapeigenschappen in op 777 on directory
-  "galleries/test_categorie".</li>
+<ol>
+  <!--TODO--><li>Create a directory on your computer.</li>  
 
-  <li>Login op de Piwigo als een beheerder.</li>
+  <!--TODO--><li>Copy some photos inside this directory, resize them for web display. <em>Warning</em>: the name of directories and files must contain only letters, figures, "-", "_" or ".". No blank space, no accentuated characters.</li>
 
-  <li>Ga naar <span class="pwgScreen">Beheer, Afbeeldingen,
-  Thumbnails</span>. Piwigo vind de afbeeldingen in de map "test_category"
-  zonder thumbnails. Vraag om thumbnails te maken.</li>
+  <!--TODO--><li>With a FTP client, copy your directory in the "galleries" directory of your Piwigo installation.</li>
 
-  <li>Ga naar <span class="pwgScreen">Beheer, Categorieën,
-  Synchronizeer</span>. vink aan "mappen + bestanden" optie, vink uit "alleen
-  een simulatie uitvoeren" en bevestig de synchronizatie.</li>
+  <!--TODO--><li>Logon your gallery and go to <span class="pwgScreen">Administration &raquo; Pictures &raquo; Thumbnails</span> to create missing thumbnails.</li>
 
-  <li>Klus geklaard. Je hebt een categorie "test_categorie" in het begin van de gallerie gemaakt.</li>
-  
+  <!--TODO--><li>Go to <span class="pwgScreen">Administration</span> and click on the big Synchronization button.</li>
 </ol>
 
-<h3>Toeveoegen elementen</h3>
+<!--TODO-->Congratulations! You have successfuly created the first category of your photo gallery.
+
+<!--TODO--><h3>Directories and files organization</h3>
 
 <ul>
 
@@ -104,8 +132,7 @@ op het zelfde moment. Desalnietemin, word je geadviseerd om te kiezen uit catego
 die sub-categorieën bevatten.</li>
 
   <li>Als bestanden, thumbnails en representativev corrct zijn geplaatst in
- mappen ga dan naar: <span class="pwgScreen">Administratie, Categorieën,
-  Synchronizeren</span></li>
+ mappen ga dan naar: <span class="pwgScreen">Administratie &raquo; Categorieën &raquo; Synchronizeren</span></li>
 
 </ul>
 
@@ -135,18 +162,31 @@ die sub-categorieën bevatten.</li>
 
 </ul>
 
-<h3>Toegangs authorizatie</h3>
+
+  </div> <!-- FTP_content -->
+</div> <!-- instructionFTP -->
+
+<div id="instructionPermissions" class="instructionBlock">
+  <div
+    id="permissions_header"
+    class="instructionBlockHeaderCollapsed"
+    onclick="blockToggleDisplay('permissions_header', 'permissions_content')"
+  ><span>
+    <!--TODO-->Permissions
+  </span></div>
+  <div
+    id="permissions_content"
+    class="instructionBlockContent"
+    style="display:none"
+  >
 
 <ul>
 
-  <li>U kunt toegang tot categorieën verbieden. 
-  De categorieën kunnen openbaar of private zijn. De toestemming (voor groepen en gebruikers)
-   kunnen worden aangepast als de categorie private is.
-</li>
+  <!--TODO--><li>You can forbid access to categories. Switch the category access type to "private" if you want to manage permissions.</li>
 
   <li>U kunt een categorie aan private maken door het aanpassen van een enkele categorie(<span
-  class="pwgScreen">Administratie, Categorieën, Beheren, bewerken</span>) of bij het aanpassen van de opties op de hele categorie map (<span
-  class="pwgScreen">Administratie, Categorieën, Eigenschappen, Publiek / Private</span>).</li>
+  class="pwgScreen">Administratie &raquo; Categorieën &raquo; Beheren &raquo; bewerken</span>) of bij het aanpassen van de opties op de hele categorie map (<span
+  class="pwgScreen">Administratie &raquo; Categorieën &raquo; Eigenschappen &raquo; Publiek / Private</span>).</li>
 
   <li>
 
@@ -154,75 +194,126 @@ die sub-categorieën bevatten.</li>
 
     <ul>
 
-      <li><span class="pwgScreen">Administratie, Identificatie, Gebruikers, rechten aanpassen (een link per gebruiker)</span></li>
+      <li><span class="pwgScreen">Administratie &raquo; Identificatie &raquo; Gebruikers &raquo; rechten aanpassen (een link per gebruiker)</span></li>
 
-      <li><span class="pwgScreen">Administratie, Identificatie, Groepen, rechten aanpassen (een link per groep)</span></li>
+      <li><span class="pwgScreen">Administratie &raquo; Identificatie &raquo; Groepen &raquo; rechten aanpassen (een link per groep)</span></li>
 
-      <li><span class="pwgScreen">Administratie, Categorieën, Beheren, bewerk categorie rechten aanpassen (one link per categorie)</span></li>
+      <li><span class="pwgScreen">Administratie &raquo; Categorieën &raquo; Beheren &raquo; bewerk categorie rechten aanpassen (one link per categorie)</span></li>
 
     </ul>
 
   </li>
 
 </ul>
-
-<h3>Gebruikers en groepen</h3>
-
+  </div> <!-- permissions_content --> 
+</div> <!-- instructionPermissions -->
+
+<div id="instructionGroups" class="instructionBlock">
+  <div
+    id="groups_header"
+    class="instructionBlockHeaderCollapsed"
+    onclick="blockToggleDisplay('groups_header', 'groups_content')"
+  ><span>
+    Gebruikers en groepen
+  </span></div>
+  <div
+    id="groups_content"
+    class="instructionBlockContent"
+    style="display:none"
+  >
 <ul>
 
-  <li>Piwigo heeft de mogelijkheid tot het beheren van gebruikers en groepen. Dit kan erg handig zijn als er gemeenschappelijk rechten zijn voor toegang tot private categorieën.</li>
+    <!--TODO--><li>Groups is a convenient way to set permissions for a list of users.</li>
 
-  <li>Je kan groepen maken in <span class="pwgScreen">Administratie, Identificatie, Groepen</span> en voeg gebruikers toe aan de groep via <span class="pwgScreen">Administratie, Identicatie, Gebruikers</span>.</li>
+  <li>Je kan groepen maken in <span class="pwgScreen">Administratie &raquo; Identificatie &raquo; Groepen</span> en voeg gebruikers toe aan de groep via <span class="pwgScreen">Administratie, Identicatie, Gebruikers</span>.</li>
 
   <li>Een gebruiker kan behoren tot verschillende groepen. De vergunning is sterker dan verbod : als gebruiker "jack" behoord tot de groep "familie" en "Vrienden", en alleen de groep "familie" kan de categorie "Christmas 2003" zien,
   "jack" zal de mogelijkheid hebben om de categorie "Christmas 2003" te zien.</li>
 
 </ul>
-
-<h3>Bestands upload door gebruikers</h3>
-
-<p>Piwigo geeft de mogelijkheid aan gebruikers om bestanden uploaden. Om het mogelijk te maken :</p>
+  </div> <!-- groups_content --> 
+</div> <!-- instructionGroups -->
+
+<div id="instructionUpload" class="instructionBlock">
+  <div
+    id="upload_header"
+    class="instructionBlockHeaderCollapsed"
+    onclick="blockToggleDisplay('upload_header', 'upload_content')"
+  ><span>
+    Bestands upload door gebruikers
+  </span></div>
+  <div
+    id="upload_content"
+    class="instructionBlockContent"
+    style="display:none"
+  >
+<!--TODO--><p>Users can upload their photos too.</p>
 
 <ol>
 
-  <li>authorizeer upload op een categorie (<span class="pwgScreen">Administratie, Categorieën, Beheren, bewerken</span> of <span class="pwgScreen">Administratie paneel, Categorieën, Eigenschappen, Upload</span>)</li>
+  <!--TODO--><li>Authorize upload on any physical categories (<span
+  class="pwgScreen">Administration &raquo; Categories &raquo; Manage &raquo; edit</span> or <span
+  class="pwgScreen">Administration &raquo; Categories &raquo; Properties &raquo; Upload</span>). Virtual categories can't receive any upload.</li>
 
   <li>geef rechten op de mappen 777 (gebruiker, groepen, wereld)</li>
 
 </ol>
 
-<p>Bestanden geupload door gebruikers zijn niet direct zichtbaar op de website, ze moeten gevalideerd worden door een beheerder.
- Voor dat doel moet de beheerder gaan naar <span class="pwgScreen">Administratie, Afbeeldingen, Wachten</span>
- om de bestanden te bevestigen of te weigeren, dan worden voorgesteld om te synchroniseren met de database.</p>
-
-
-<h3>Links tussen elementen en categorieën, virtuele categorieën</h3>
-
+<!--TODO--><p>Photos uploaded by users are not directly visible on the website. An administrator
+must validate uploaded photos in <span class="pwgScreen">Administration &raquo; Pictures &raquo; Waiting</span>.</p>
+  </div> <!-- upload_content --> 
+</div> <!-- instructionUpload -->
+
+<div id="instructionCategoryLinks" class="instructionBlock">
+  <div
+    id="categoryLinks_header"
+    class="instructionBlockHeaderCollapsed"
+    onclick="blockToggleDisplay('categoryLinks_header', 'categoryLinks_content')"
+  ><span>
+    Links tussen elementen en categorieën, virtuele categorieën
+  </span></div>
+  <div
+    id="categoryLinks_content"
+    class="instructionBlockContent"
+    style="display:none"
+  >
 <ul>
 
-  <li>Piwigo scheidt categorieën waar de elementen en categorieën worden opgeslagen waar zij worden getoond.</li>
-
-  <li>Standaard, de elementen worden getoond slechts in hun echte categorieën: de die aan mappen op de webserver beantwoorden.</li>
+  <!--TODO--><li>Photos are displayed in the category corresponding to the file directory.</li>
 
-  <li>Om een element met een categorie te koppelen, moet u enkel de vereniging op de pagina van elementenuitgave maken (verbinding met dit scherm 
-  picture.php ingelogt zijn als beheerder) of op informatie van alle elementen van een categorie.</li>
+  <!--TODO--><li>You can also display a picture in several categories, without duplicating the file on your web server. Associate the photo to any category from the photo editing screen (that any administrator can reach from the photo page on the gallery side).</li>
 
-  <li>Gebruik dit principe, is het mogelijk om virtuele categorieën tot stand te brengen: geen folder corespondeerd aan deze categorie.
-   U kunt virtuele categorieën maken in <span class="pwgScreen">Administratie, Categorieë, Beheren</span>.</li>
+  <!--TODO--><li>Virtual categories are based on this concept: they have no corresponding directory. Create virtual categories from <span class="pwgScreen">Administration &raquo; Categories &raquo; Manage</span>.</li>
 
 </ul>
-
-<h3>Diverse informatie</h3>
+  </div> <!-- categoryLinks_content --> 
+</div> <!-- instructionCategoryLinks -->
+
+<div id="instructionMisc" class="instructionBlock">
+  <div
+    id="misc_header"
+    class="instructionBlockHeaderCollapsed"
+    onclick="blockToggleDisplay('misc_header', 'misc_content')"
+  ><span>
+    Diverse informatie
+  </span></div>
+  <div
+    id="misc_content"
+    class="instructionBlockContent"
+    style="display:none"
+  >
 
 <ul>
 
   <li>Als je je gallery-installatie hebt afgerond, verander dan het uiterlijk van de standaard weergave 
-  in <span class="pwgScreen">Administratie paneel, Configuratie, 
+  in <span class="pwgScreen">Administratie paneel &raquo; Configuratie &raquo; 
   Standaard</span>. Elke nieuwe geregistreerde gebruiker zal dezelfde standaard vertoningseigenschappen hebben.</li>
 
-  <li>Als je vragen hebt, twijfel niet en bezoek het forum om naar het antwoord te zoeken of stel zelf een vraag.
- Het <a href="http://forum.phpwebgallery.net">forum</a> (Berichtenbord) is beschikbaar op de website van
-Piwigo. Bekijk de <a href="http://phpwebgallery.net/doc/" target="blank">officiele Piwigo documentatie</a> voor meer informatie.</li>
+   <!--TODO--><li>If you have any question, Piwigo community will welcome you on <a
+  href="http://forum.phpwebgallery.net">its forum</a>.</li>
 
 </ul>
+  </div> <!-- misc_content --> 
+</div> <!-- instructionMisc -->
+
 </div>
\ No newline at end of file