add links to images in documentation

diff --git a/www/documentation.html b/www/documentation.html
index af1200a..82134dc 100755 (executable)
--- a/www/documentation.html
+++ b/www/documentation.html
@@ -25,7 +25,8 @@
                <h2>Documentation</h2>
                <h3>Menu</h3>
                <ul>
-                       <li><b>Menu File</b><img class="doc_img" src="img/Tools.png" align="right" width="150px">
+                       <li><b>Menu File</b>
+                       <a href="img/Tools.png"><img class="doc_img" src="img/Tools.png" align="right" width="150px"></a>
                        <ul>
                                <li><b>New</b> - create new empty image</li>
                                <li><b>Open</b> - open local graphic image</li>
@@ -53,20 +54,20 @@
                                accelerometer of device. To move brush in this mode, you must tilt a tablet in space.</li>
                        <ul>
                                <li><b>Drawing: </b> to draw in this mode you must touch and hold touchscreen in right bottom corner (see screenshot) </li>
-                               <img class="doc_img" src="img/Finger.png" aligh="center" width="350px">
+                               <a href="img/Finger.png"><img class="doc_img" src="img/Finger.png" aligh="center" width="350px"></a>
                        </ul>
                        <li><b>Touchscreen Mode</b> - in this mode control of any tools is implemented using touchscreen.</li>                  
                </ul>    
                <h3>Additional Features</h3>         
                <ul>
                        <li><b>Clearing workspace</b> - to clear workspace you must shake device on X axis: </li>
-                       <img src="img/X.png" aligh="center" width="180">
+                       <a href="img/X.png"><img src="img/X.png" aligh="center" width="180"></a>
                        <li><b>Blur</b> - to implement Blur effect on all workspace you must shake device on Y axis: </li>
-                       <img src="img/Y.png" aligh="center" width="400">
+                       <a href="img/Y.png"><img src="img/Y.png" aligh="center" width="400"></a>
                        <li><b>Switch Modes</b> - switch between drawing modes (Accelerometer/Touchscreen) is implemented by shaking device on Z axis:</li>
-                       <img src="img/Z.png" aligh="center" width="180">
+                       <a href="img/Z.png"><img src="img/Z.png" aligh="center" width="180"></a>
                        <li><b>Brush Size</b> - to change brush size you must touch brush and wait until popup menu appears:
-                       <img class="doc_img" src="img/popup.png" width="350">                   
+                       <a href="img/popup.png"><img class="doc_img" src="img/popup.png" width="350"></a>                       
                </ul>    
                <br>
        </div>