gallery.php

Go to the documentation of this file.

<?php
namespace YAWK\PLUGINS\GALLERY {
    /**
     * @details <b>Gallery Plugin</b>
     * <p>Whenever you build a website, sooner or later you will get to the point where you need to put
     * a few photos within a lightbox on your page.
     * YaWK's gallery plugin help you out! It can build image galleries automatically. It does a perfect batch
     * job adding a watermark to every image or resize images and much more. To add a new gallery, just place
     * all your images in any folder and put that folder fia ftp to /media/images/{yourfolder}. If you don't like to use ftp,
     * you could also use yawk's built-in file manager to upload your files. Once the upload is complete, go
     * back to the gallery plugin and select your uploaded folder. (Or any other folder that is stored under /media/images)
     * Set some settings and you're ready to go. When the gallery is created, load the gallery widget into
     * any layout position you like, select which gallery to show up and you are done.</p>
     * <p><b>Basic Features:</b></p>
     * <ul>
     * <li>put a text watermark onto all your images</li>
     * <li>change color and style of your watermark text</li>
     * <li>use any custom .ttf font (must be in /system/fonts)</li>
     * <li>or watermark images overlaying any transparent image (eg. your logo as .png)</li>
     * <li>watermark placement at bottom, middle or top, left or right with any margin</li>
     * <li>change the size of your images</li>
     * <li>flip horizontal or vertical</li>
     * <li>rotate around 90 degrees</li>
     * <li>fit to width</li>
     * <li>fit to height</li>
     * <li>fit to thumbnail</li>
     * <li>auto create thumbnails with the size of your need</li></ul><br>
     * <p><b>Image Manipulation: </b>irrespective from all of that, you can easy overview all images on a page and adjust</p>
     * <ul><li>brightness</li>
     * <li>contrast</li>
     * <li>sharpen</li>
     * <li>blur</li>
     * <li>magic flatten</li>
     * <li>sepia and much more <b>with just a few clicks!</b></li><br>
     * </ul>
     * <p>Try it out - this is a really biiiig time-saver! In most cases you don't need to open all images in
     * photoshop. <i>(or something else)</i> Think about it: you <i>don't</i> need to open, edit and save every single
     * image for each - Yet another WebKit's Gallery Plugin is here to do that automatically for you - you just need
     * to set a few parameters, do a single click... - and everything will get set-up as you wish.</p>
     * <p><i>Class covers backend functionality only.
     * See Methods Summary for Details!</i></p>
     *
     * @author     Daniel Retzl <[email protected]>
     * @copyright  2009-2016 Daniel Retzl
     * @version    1.0.0/
     * @since      File available since Release 1.0.0
     * @brief The Gallery Plugin Class. Help you building powerful image galleries nearly automatically.
     */
    class gallery
    {
        /** * @param int gallery ID */
        public $id;
        /** * @param int item ID */
        public $itemID;
        /** * @param int order sortation number */
        public $sort;
        /** * @param string image manipulation action (eg. flip-horizontal) */
        public $action;
        /** * @param string images folder */
        public $folder;
        /** * @param string gallery title */
        public $title;
        /** * @param string item title */
        public $itemTitle;
        /** * @param string gallery description */
        public $description;
        /** * @param string images author (originator, photographer) */
        public $author;
        /** * @param string images author's url (originator, photographer) */
        public $authorUrl;
        /** * @param string single image author (originator, photographer) */
        public $itemAuthor;
        /** * @param string single image author's url (originator, photographer) */
        public $itemAuthorUrl;
        /** * @param string image filename */
        public $filename;
        /** * @param int 0|1 switch: 1 if thumbnails should be created, zero if not. */
        public $createThumbnails;
        /** * @param int image width in px */
        public $imageWidth;
        /** * @param int image height in px */
        public $imageHeight;
        /** * @param int 0|1 switch: 1 if images should be resized, zero if not */
        public $resizeImages;
        /** * @param string type of resizing (eg. thumbnail or fit to width...) */
        public $resizeType;
        /** * @param int thumbnail width in px */
        public $thumbnailWidth;
        /** * @param string watermark text */
        public $watermark;
        /** * @param int 0|1 switch: 1 if watermark is enabled, zero if not */
        public $watermarkEnabled;
        /** * @param string the image which should be overlayed for watermarking */
        public $watermarkImage;
        /** * @param string watermark position */
        public $watermarkPosition;
        /** * @param int offset Y in px */
        public $offsetY;
        /** * @param int offset X in px */
        public $offsetX;
        /** * @param string path and filename of the .ttf font to use for text watermarking */
        public $watermarkFont;
        /** * @param int watermark text size in pt */
        public $watermarkTextSize;
        /** * @param int watermark opacity */
        public $watermarkOpacity;
        /** * @param string watermark text color */
        public $watermarkColor;
        /** * @param string watermark text border color */
        public $watermarkBorderColor;
        /** * @param string watermark border thickness in px */
        public $watermarkBorder;
        /** * @param string headline */
        public $headline;
 
        /**
         * @brief define JS function doImageAction
         * gallery constructor.
         */
        public function __construct()
        {
            echo "<script type=\"text/javascript\">
                function doImageAction(action, id, folder, filename, itemID, createThumbnails, thumbnailWidth, watermark, watermarkImage, watermarkOpacity, watermarkPosition, offsetX, offsetY, watermarkFont, watermarkTextSize, watermarkColor, watermarkBorderColor, watermarkBorder) 
                {                    
                    $.ajax({
                        url:'../system/plugins/gallery/js/actions.php',
                        type:'post',
                        data:'action='+action+'&id='+id+'&folder='+folder+'&filename='+filename+'&itemID='+itemID+'&createThumbnails='+createThumbnails+'&thumbnailWidth='+thumbnailWidth+'&watermark='+watermark+'&watermarkImage='+watermarkImage+'&watermarkOpacity='+watermarkOpacity+'&watermarkPosition='+watermarkPosition+'&offsetX='+offsetX+'&offsetY='+offsetY+'&watermarkFont='+watermarkFont+'&watermarkTextSize='+watermarkTextSize+'&watermarkColor='+watermarkColor+'&watermarkBorderColor='+watermarkBorderColor+'&watermarkBorder='+watermarkBorder,
                        dataType: 'json',
                        // dataType: 'json',
                        success: function(data)
                        {   
                        // alert(data.status);
                         var status = data.status;
                         var action = data.action;
                         if(status == 'delete')
                         {   // delete successful, reload page afterwards to update gallery view
                             // console.log( data );
                             $('#imgCol-'+itemID).hide();
                             $('#toolset-'+itemID).hide();
                             return true;
                             // location.reload();
                         }
                         if(status == 'true') 
                         {  // after any other action, reload that image to see changes
                            $('#img-'+itemID).hide().removeAttr('src').attr('src', '../'+folder+'/'+filename+'?'+Math.random()).show();
                            return true;
                         }
                         if(status == 'false')
                         {  // could not manipulate image
                            alert('Sorry, the action '+action+'could not be done.');
                            return false;
                         }
                         else 
                         {  // any other error
                            alert('Sorry, undefined error executing '+action+'. Maybe there is a problem with your image folders, files or permissions.');
                            return false;
                         }
                        }
                    });
                }
                </script>";
        }
 
        /**
         * @brief draw (output) html folder select field, containing the sub folders of /media/images as value
         * @param array $lang language array
         * @param string $path usually media/images/
         */
        public function drawFolderSelect($lang, $path)
        {
            echo "<select name=\"folder\" class=\"form-control\" id=\"folder\">
                  <option value=\"\">$lang[SELECT_FOLDER]</option>
                  " . self::scanImageDirectory($path) . "
                  </select>";
        }
 
        /**
         * @brief draw (output) html folder select field, containing the current folder of /media/images as value
         * @param string $path usually media/images/
         * @param string $folder the folder of this gallery
         */
        public function drawFolderSelectFromGallery($path, $folder)
        {
            echo "<select name=\"folder\" class=\"form-control\" id=\"folder\">
                  <option value=\"$folder\">$folder</option>
                  " . self::scanImageDirectory($path) . "
                  </select>";
        }
 
        /**
         * @brief check if folder exists and create it on demand
         * @param string $folder affected folder
         * @return bool
         */
        public function checkDir($folder)
        {   // check if directory exists
            if (!is_dir("$folder/")) {   // folder does not exist, create it
                if (mkdir("$folder/")) {   // folder created,
                    return true;
                } else {   // could not create folder
                    return false;
                }
            } else {   // directory exists
                return true;
            }
        }
 
 
        /**
         * @brief scan system font directory for fonts and return fonts as select field option value
         * @param string $path the path to search for fonts. If its empty, the default folder will be ../system/fonts/
         * @return string oprion value containing all fonts from font directory
         */
        public function scanFonts($path)
        {
            $html = '';
            if (!isset($path)) {
                $path = "../system/fonts/"; // '.' for current
            }
            foreach (new \DirectoryIterator("$path") as $file) {
                if ($file->isDot()) continue;
                if ($file->isDir()) continue;
                if ($file->getExtension() === "ttf") {
                    // print $file->getFilename() . '<br>';
                    $html .= "<option value=\"$path" . $file->getFilename() . "\">system/fonts/" . $file->getFilename() . "</option>";
                }
 
            }
            return $html;
        }
 
        /**
         * @brief scan image directory and return images as select field option value
         * @param string $path usually media/images/
         * @return string option value containing all fonts from font directory
         */
        public function scanImageDirectory($path)
        {
            $html = '';
            if (!isset($path)) {
                $path = "media/images/"; // '.' for current
            }
            foreach (new \DirectoryIterator("../$path") as $file) {
                if ($file->isDot()) continue;
                if ($file->isDir()) {
                    // print $file->getFilename() . '<br>';
                    $html .= "<option value=\"$path" . $file->getFilename() . "\">images/" . $file->getFilename() . "</option>";
                }
            }
            return $html;
        }
 
        /**
         * @brief delete a gallery
         * @param object $db database
         * @return bool
         */
        public function delete($db)
        {
            /** @var $db \YAWK\db * */
            // check if a gallery ID is set and in correct format
            if (isset($_GET['id']) && (!empty($_GET['id']) && (is_numeric($_GET['id'])))) {
                // gallery folder
                $folder = $this->getGalleryFolderByID($db, $_GET['id']);
                // DELETE FILES
                // check if thumbnail directory is here
                if (is_dir("../$folder/thumbnails/")) {   // try to delete it recursively
                    if (!\YAWK\sys::recurseRmdir("../$folder/thumbnails/")) {   // did not work, throw notification
                        \YAWK\alert::draw("warning", "Could not delete thumbnails!", "$folder/thumbnails could not be deleted.", "", 5800);
                    } else {   // thumbnails deleted success msg
                        \YAWK\alert::draw("success", "Thumbnails deleted!", "$folder/thumbnails is removed.", "", 1200);
                    }
                }
                // check if edit directory is here
                if (is_dir("../$folder/edit/")) {   // try to delete it recursively
                    if (!\YAWK\sys::recurseRmdir("../$folder/edit/")) {   // did not work, throw notification
                        \YAWK\alert::draw("warning", "Could not delete edit folder!", "$folder/edit could not be deleted.", "", 5800);
                    } else {   // delete edit (tmp) folder did not work, throw notify...
                        // \YAWK\alert::draw("success", "TMP folder deleted!", "$folder/edit is removed.", "", 1200);
                    }
                }
 
                // check if there are backup files to restore
                if (is_dir("../$folder/original/")) {
                    // delete images in root folder of this gallery
                    foreach (new \DirectoryIterator("../$folder/") as $fileInfo) {
                        if ($fileInfo->isDir()) continue;
                        if ($fileInfo->isDot()) continue;
                        $filename = $fileInfo->getFilename();
                        unlink("../$folder/$filename");
                    }
                    // copy images back from backup folder
                    foreach (new \DirectoryIterator("../$folder/original") as $fileInfo) {
                        if ($fileInfo->isDir()) continue;
                        if ($fileInfo->isDot()) continue;
                        $filename = $fileInfo->getFilename();
                        // copy files from backup folder back to root directory
                        if (!copy("../$folder/original/$filename", "../$folder/$filename")) {   // could not copy file, throw notification
                            \YAWK\alert::draw("warning", "Could not restore file $filename", "This should not happen. We're sorry!", "", 800);
                        }
                    }
 
                    // delete backup folder
                    if (!\YAWK\sys::recurseRmdir("../$folder/original/")) {   // did not work, throw notification
                        \YAWK\alert::draw("warning", "Could not delete backup folder!", "$folder/original could not be deleted.", "", 5800);
                    }
                }
 
                // delete gallery from database
                if ($res = $db->query("DELETE FROM {plugin_gallery} WHERE id = '$_GET[id]'")) {   // gallery deleted...
                    // now go ahead with the items
                    if (!$deleteItems = $db->query("DELETE FROM {plugin_gallery_items} 
                                                           WHERE galleryID = '$_GET[id]'")) {   // could not delete items
                        \YAWK\alert::draw("warning", "Could not delete gallery items from database", "Please try again!", "", 5800);
                    }
 
                    // RESET AUTO INCREMENT
                    // ALTER table and set auto_increment value to prevent errors when deleting + adding new tpl
                    if ($alterTable = $db->query("SELECT MAX(id) FROM {plugin_gallery}")) {   // get MAX ID
                        $row = mysqli_fetch_row($alterTable);
                        if ($row[0] >= 1) {
                            if (!$alterTable = $db->query("ALTER TABLE {plugin_gallery} AUTO_INCREMENT=$row[0]")) {   // could not delete plugin_gallery
                                return false;
                            }
                        } else {
                            // could not get maxID, maybe there is not entry - reset auto increment value to zero
                            if (!$alterTable = $db->query("ALTER TABLE {plugin_gallery} AUTO_INCREMENT=1")) {   // could not select auto encrement
                                return false;
                            }
 
                        }
                    }
                    // RESET AUTO INCREMENT
                    // ALTER table and set auto_increment value to prevent errors when deleting + adding new tpl
                    if ($alterItemsTable = $db->query("SELECT MAX(id) FROM {plugin_gallery_items}")) {   // get MAX ID
                        $row = mysqli_fetch_row($alterItemsTable);
                        if ($row[0] >= 1) {
                            if (!$alterItemsTable = $db->query("ALTER TABLE {plugin_gallery_items} AUTO_INCREMENT=$row[0]")) {   // could not delete plugin_gallery
                                return false;
                            }
                        } else {
                            // could not get maxID, maybe there is not entry - reset auto increment value to zero
                            if (!$alterItemsTable = $db->query("ALTER TABLE {plugin_gallery_items} AUTO_INCREMENT=1")) {   // could not select auto encrement
                                return false;
                            }
 
                        }
                    }
                } else {   // delete failed, throw error
                    \YAWK\alert::draw("danger", "Could not delete this gallery", "Please try again!", "", 5800);
                }
            }
            return true;
        }
 
        /**
         * @brief return gallery folder by given gallery ID
         * @param object $db database
         * @param int $galleryID the gallery ID to get the folder from
         * @return string|bool gallery folder or false
         */
        public function getGalleryFolderByID($db, $galleryID)
        {
            /** @var $db \YAWK\db * */
            if ($res = $db->query("SELECT folder from {plugin_gallery} WHERE id='$galleryID'")) {   // fetch data
                $row = mysqli_fetch_row($res);
                return $row[0]; // return folder
            } else {   // error fetch data
                return false;
            }
        }
 
        /**
         * @brief re-scan a folder to check if there a new images added TODO: STILL BUGGY - needs to be fixed + finished
         * @param object $db database
         * @param int $galleryID the gallery ID
         * @return bool
         */
        public function reScanFolder($db, $galleryID)
        {
            /** @var $db \YAWK\db * */
            if (isset($galleryID) && (!empty($galleryID) && (is_numeric($galleryID)))) {   // check if folder obj property is set
                if (!isset($this->folder) && (empty($this->folder))) {   // if not, get folder from ID
                    $this->folder = $this->getGalleryFolderByID($db, $galleryID);
                }
                if ($res = $db->query("SELECT filename from {plugin_gallery_items} WHERE galleryID = $galleryID")) {   // get items from database
                    $dbItems = mysqli_fetch_assoc($res);
                } else {
                    $dbItems = '';
                }
 
                // TODO: only files that are NOT in the folder should be processed - still buggy yet!
 
                // walk through images folder
                foreach (new \DirectoryIterator("../$this->folder/") as $image) {   // exclude dots'n'dirs
                    if ($image->isDot()) continue;        // exclude dots
                    if ($image->isDir()) continue;        // exclude subdirectories
                    $filename = $image->getFilename();
 
                    foreach ($dbItems as $item) {
                        if ($item === $filename) {
 
                        } else {
                            \YAWK\alert::draw("info", "$item", "$item", "", 5800);
                            if (!@copy("../$this->folder/$filename", "../$this->folder/original/$filename")) {   // could not copy file, throw notification
                                \YAWK\alert::draw("warning", "Could not copy file $filename to original folder", "Could not copy image to backup folder!", "", 800);
                            }
                            if (!@copy("../$this->folder/$filename", "../$this->folder/edit/$filename")) {   // could not copy file, throw notification
                                \YAWK\alert::draw("warning", "Could not copy file $filename to edit folder", "Could not copy image to backup folder!", "", 800);
                            }
                            if (!$res = $db->query("INSERT INTO {plugin_gallery_items} (galleryID, filename) VALUES ('" . $galleryID . "', '" . $filename . "')")) {   // could not add image data to db
                                \YAWK\alert::draw("warning", "Could not add image data to database.", "Error inserting <b>$filename</b>.", "", 2800);
                            }
                        }
                    }
                }
                return true;
            } else {   // no id is set
                return false;
            }
        }
 
        /**
         * @brief add a new gallery
         * @param object $db database
         * @return bool
         * @throws \Exception
         */
        public function add($db)
        {
            /** @var $db \YAWK\db * */
            // add a new gallery
            // 1.) check vars
            // 2.) manipulate images corresponding to selected settings
            // 3.) insert into database
 
            // loading info...
            \YAWK\alert::draw("success", "Gallery will be created. . .", "<div class=\"text-center\"><i class=\"fa fa-spinner fa-spin\" style=\"font-size:24px\"></i><br>Please be patient, this should only take a few seconds.</div>", "", 3800);
 
            // include SimpleImage Class
            require_once 'SimpleImage.php';
            // create object
            $img = new \YAWK\SimpleImage();
 
            if (isset($_POST['folder']) && (!empty($_POST['folder']))) {   // gallery folder
                $this->folder = $db->quote($_POST['folder']);
            }
            if (isset($_POST['customFolder']) && (!empty($_POST['customFolder']))) {   // if a custom folder is set, overwrite gallery folder
                $this->folder = $_POST['customFolder'];
            }
            if (isset($_POST['title']) && (!empty($_POST['title']))) {   // gallery title
                $this->title = $db->quote($_POST['title']);
            }
            if (isset($_POST['description']) && (!empty($_POST['description']))) {   // gallery description
                $this->description = $db->quote($_POST['description']);
            }
            if (isset($_POST['createThumbnails']) && (!empty($_POST['createThumbnails']))) {   // thumbnails? 0|1
                $this->createThumbnails = $db->quote($_POST['createThumbnails']);
            }
            if (isset($_POST['thumbnailWidth']) && (!empty($_POST['thumbnailWidth']))) {   // thumbnail width in px
                $this->thumbnailWidth = $db->quote($_POST['thumbnailWidth']);
            }
            if (isset($_POST['watermark']) && (!empty($_POST['watermark']))) {   // any string can do the watermark job
                $this->watermark = $db->quote($_POST['watermark']);
            }
            if (isset($_POST['watermarkPosition']) && (!empty($_POST['watermarkPosition']))) {   // position of the watermark (bottom left, bottom right, top left, top right, bottom, center, top)
                $this->watermarkPosition = $db->quote($_POST['watermarkPosition']);
            }
            if (isset($_POST['author']) && (!empty($_POST['author']))) {   // name of the author, studio, photographer, originator
                $this->author = $db->quote($_POST['author']);
            }
            if (isset($_POST['authorUrl']) && (!empty($_POST['authorUrl']))) {   // url of the photographer (author, originator)
                $this->authorUrl = $db->quote($_POST['authorUrl']);
            }
            if (isset($_POST['watermarkImage']) && (!empty($_POST['watermarkImage']))) {   // any image used as watermark (preferably transparent png-24)
                $this->watermarkImage = $db->quote($_POST['watermarkImage']);
            }
            if (isset($_POST['offsetY']) && (!empty($_POST['offsetY']))) {   // offset bottom (from bottom)
                $this->offsetY = $db->quote($_POST['offsetY']);
            }
            if (isset($_POST['offsetX']) && (!empty($_POST['offsetX']))) {   // offset right (from right)
                $this->offsetX = $db->quote($_POST['offsetX']);
            }
            if (isset($_POST['watermarkFont']) && (!empty($_POST['watermarkFont']))) {   // true type font to use for watermarking (located in system/fonts/)
                // $this->watermarkFont = $db->quote($_POST['watermarkFont']);
                $this->watermarkFont = ($_POST['watermarkFont']);
            }
            if (isset($_POST['watermarkTextSize']) && (!empty($_POST['watermarkTextSize']))) {   // text size of your watermark
                $this->watermarkTextSize = $db->quote($_POST['watermarkTextSize']);
            }
            if (isset($_POST['watermarkOpacity']) && (!empty($_POST['watermarkOpacity']))) {   // opacity (this works only, when watermark is set to an image!)
                $this->watermarkOpacity = $db->quote($_POST['watermarkOpacity']);
            }
            if (isset($_POST['watermarkColor']) && (!empty($_POST['watermarkColor']))) {   // text color of your text-watermark
                $this->watermarkColor = $db->quote($_POST['watermarkColor']);
            }
            if (isset($_POST['watermarkBorderColor']) && (!empty($_POST['watermarkBorderColor']))) {   // border color of your text-watermark
                $this->watermarkBorderColor = $db->quote($_POST['watermarkBorderColor']);
            }
            if (isset($_POST['watermarkBorder']) && (!empty($_POST['watermarkBorder']))) {   // text-border in px
                $this->watermarkBorder = $db->quote($_POST['watermarkBorder']);
            }
 
            if ($this->watermarkPosition === "---") {
                $this->watermarkPosition = "bottom right";
            }
            if (empty($this->thumbnailWidth) || ($this->thumbnailWidth === "0")) {
                $this->thumbnailWidth = 200;
            }
 
            // add new gallery to database
            if ($res = $db->query("INSERT INTO {plugin_gallery} (folder, 
                                                                 title, 
                                                                 description, 
                                                                 createThumbnails,
                                                                 thumbnailWidth, 
                                                                 watermark, 
                                                                 watermarkEnabled, 
                                                                 watermarkPosition, 
                                                                 watermarkImage, 
                                                                 offsetY, 
                                                                 offsetX, 
                                                                 watermarkFont, 
                                                                 watermarkTextSize,
                                                                 watermarkOpacity,
                                                                 watermarkColor,
                                                                 watermarkBorderColor,
                                                                 watermarkBorder)
                                    VALUES ('" . $this->folder . "',
                                            '" . $this->title . "',
                                            '" . $this->description . "',
                                            '" . $this->createThumbnails . "',
                                            '" . $this->thumbnailWidth . "',
                                            '" . $this->watermark . "',
                                            '" . $this->watermarkEnabled . "',
                                            '" . $this->watermarkPosition . "',
                                            '" . $this->watermarkImage . "',
                                            '" . $this->offsetY . "',
                                            '" . $this->offsetX . "',
                                            '" . $this->watermarkFont . "',
                                            '" . $this->watermarkTextSize . "',
                                            '" . $this->watermarkOpacity . "',
                                            '" . $this->watermarkColor . "',
                                            '" . $this->watermarkBorderColor . "',
                                            '" . $this->watermarkBorder . "')")) {   // all good
                // \YAWK\alert::draw("success", "Gallery created.", "Database entry success.", "", 800);
            } else {   // gallery could not be added - notify user
                \YAWK\alert::draw("danger", "Could not add the new gallery.", "Please check your data and try again.", "", 5800);
            }
 
            // get ID from current added gallery
            if ($res = $db->query("SELECT id from {plugin_gallery} WHERE folder = '$this->folder'")) {   // get last ID from db
                $row = mysqli_fetch_row($res);
                $galleryID = $row[0];
            } else {   // if ID cannot be found, use the gallery title as identifier
                $galleryID = $this->title;
            }
 
            // ITERATE THROUGH FOLDER
            // check settings, set them...
            // and save each file in a db row.
            $i = 0;
            foreach (new \DirectoryIterator("../$this->folder") as $fileInfo) {
                if ($fileInfo->isDot()) continue;        // exclude dots
                if ($fileInfo->isDir()) continue;        // exclude subdirectories
                $i++;
                // store filename in var for better handling
                $filename = $fileInfo->getFilename();
                // MANIPULATE IMAGES IN A ROW
 
                // check if a watermark should be set
                if (!empty($this->watermark) || (!empty($this->watermarkImage))) {   // check watermark position
                    if ($this->watermarkPosition === "---") {   // default position, if no pos is set
                        $this->watermarkPosition = "bottom right";
                    }
                    // CREATE EDIT FOLDER
                    // images here are stored to keep settings while user is in edit preview
                    if (!is_dir("../$this->folder/edit")) {   // if no edit folder is set
                        mkdir("../$this->folder/edit");
                        // copy original files to backup folder
                        // iterate through folder and write backup files
                        foreach (new \DirectoryIterator("../$this->folder") as $backupFile) {   // exclude dots'n'dirs
                            if ($fileInfo->isDot()) continue;        // exclude dots
                            if ($fileInfo->isDir()) continue;        // exclude subdirectories
                            $copyFile = $backupFile->getFilename();
                            if (!@copy("../$this->folder/$copyFile", "../$this->folder/edit/$copyFile")) {   // could not copy file, throw notification
                                \YAWK\alert::draw("warning", "Could not copy file $filename to edit folder", "This should not happen. We're sorry!", "", 800);
                            }
                        } // end backup copy original files
                    }
 
                    // BACKUP
                    // keep non-watermarked files in folder original
                    // check if backup folder exists
                    if (!is_dir("../$this->folder/original")) {   // if not, create folder
                        mkdir("../$this->folder/original");
                        // copy original files to backup folder
                        // iterate through folder and write backup files
                        foreach (new \DirectoryIterator("../$this->folder") as $backupFile) {   // exclude dots'n'dirs
                            if ($fileInfo->isDot()) continue;        // exclude dots
                            if ($fileInfo->isDir()) continue;        // exclude subdirectories
                            $copyFile = $backupFile->getFilename();
                            if (!@copy("../$this->folder/$copyFile", "../$this->folder/original/$copyFile")) {   // could not copy file, throw notification
                                \YAWK\alert::draw("warning", "Could not backup file $filename", "This should not happen. We're sorry!", "", 800);
                            }
                        } // end backup copy original files
                    }
                    // add watermark with stroke to every image
                    if (!empty($this->watermarkImage)) {   // Overlay image watermark
                        $img->fromFile("../$this->folder/$filename")
                            ->overlay("../$this->watermarkImage",
                                "$this->watermarkPosition",
                                $this->watermarkOpacity)
                            ->toFile("../$this->folder/$filename");
                    }
                    if (!empty($this->watermark)) {   // text watermark
                        $img->fromFile("../$this->folder/$filename")
                            ->text("$this->watermark",
                                "$this->watermarkFont",
                                $this->watermarkTextSize,
                                "#$this->watermarkColor",
                                "$this->watermarkPosition",
                                "$this->offsetX",
                                "$this->offsetY",
                                "#$this->watermarkBorderColor",
                                $this->watermarkBorder)
                            ->toFile("../$this->folder/$filename");
                    }
 
                    // check if thumbnails should be created
                    if ($this->createThumbnails === "1") {   // check if tn width is set
                        if (empty($this->thumbnailWidth)) {   // if no default width is set, take this as default value
                            $this->thumbnailWidth = 200;
                        } else {   // remove all but numbers from thumbnail width
                            $this->thumbnailWidth = preg_replace("/[^0-9]/", "", $this->thumbnailWidth);
                        }
                        // check if thumbnail folder exists
                        $this->checkDir("../$this->folder/thumbnails");
                        // add watermark with stroke to every thumbnail image
                        $img->fromFile("../$this->folder/$filename")
                            ->text("$this->watermark",
                                "$this->watermarkFont",
                                $this->watermarkTextSize,
                                "#$this->watermarkColor",
                                "$this->watermarkPosition",
                                "$this->offsetX",
                                "$this->offsetY",
                                "#$this->watermarkBorderColor",
                                $this->watermarkBorder)
                            ->bestFit($this->thumbnailWidth, 600)
                            ->toFile("../$this->folder/thumbnails/$filename");
                    }
                } else {   // no watermark required...
 
                    // BACKUP
                    // but to keep the usability of the edit function (pixlate, sharpen etc)
                    // we do a backup of original images here too. (in case no watermark is needed)
                    // keep non-watermarked files in folder original
                    // check if backup folder exists
                    if (!is_dir("../$this->folder/original")) {   // if not, create folder
                        mkdir("../$this->folder/original");
                        // copy original files to backup folder
                        // iterate through folder and write backup files
                        foreach (new \DirectoryIterator("../$this->folder") as $backupFile) {   // exclude dots'n'dirs
                            if ($fileInfo->isDot()) continue;        // exclude dots
                            if ($fileInfo->isDir()) continue;        // exclude subdirectories
                            $copyFile = $backupFile->getFilename();
                            if (!@copy("../$this->folder/$copyFile", "../$this->folder/original/$copyFile")) {   // could not copy file, throw notification
                                \YAWK\alert::draw("warning", "Could not backup file $filename", "This should not happen. We're sorry!", "", 800);
                            }
                        } // end backup copy original files
                    }
 
                    // CREATE EDIT FOLDER
                    // images here are stored to keep settings while user is in edit preview
                    if (!is_dir("../$this->folder/edit")) {   // if no edit folder is set
                        mkdir("../$this->folder/edit");
                        // copy original files to backup folder
                        // iterate through folder and write backup files
                        foreach (new \DirectoryIterator("../$this->folder") as $backupFile) {   // exclude dots'n'dirs
                            if ($fileInfo->isDot()) continue;        // exclude dots
                            if ($fileInfo->isDir()) continue;        // exclude subdirectories
                            $copyFile = $backupFile->getFilename();
                            if (!@copy("../$this->folder/$copyFile", "../$this->folder/edit/$copyFile")) {   // could not copy file, throw notification
                                \YAWK\alert::draw("warning", "Could not copy file $filename to edit folder", "This should not happen. We're sorry!", "", 800);
                            }
                        } // end backup copy original files
                    }
 
                    // check if thumbnails should be created
                    if ($this->createThumbnails === "1") {   // check if tn width is set
                        if (empty($this->thumbnailWidth)) {   // if no default width is set, take this as default value
                            $this->thumbnailWidth = 200;
                        }
                        // check if thumbnail folder exits
                        $this->checkDir("../$this->folder/thumbnails");
                        // fit to width
                        $img->fromFile("../$this->folder/$filename")
                            ->bestFit($this->thumbnailWidth, 600)
                            ->toFile("../$this->folder/thumbnails/$filename");
                    }
                }
 
                // TODO: this needs to be improved:
                // TODO: 1 db insert per file is NOT! ok - but how to implement implode() correctly to avoid that memory lack?
                if ($res = $db->query("INSERT INTO {plugin_gallery_items} (galleryID, sort, filename, title, author, authorUrl)
                        VALUES ('" . $galleryID . "', '" . $i . "', '" . $filename . "', '" . $this->title . "', '" . $this->author . "', '" . $this->authorUrl . "')")) {   // all good
                    // \YAWK\alert::draw("success", "Gallery created.", "Database entry success.", "", 800);
                } else {   // error inserting data, throw notification
                    \YAWK\alert::draw("warning", "Could not insert $filename", "Database error. Please check folder and try again.", "", 1200);
                }
            }
            return true;
        }
 
        /**
         * @brief load gallery settings into object properties
         * @param object $db database
         * @param int $galleryID
         */
        public function loadProperties($db, $galleryID)
        {
            /** @var $db \YAWK\db * */
            // load all gallery properties
            if ($res = $db->query("SELECT * from {plugin_gallery} where id = $galleryID")) {
                while ($row = mysqli_fetch_assoc($res)) {
                    $this->id = $galleryID;
                    $this->folder = $row['folder'];
                    $this->title = $row['title'];
                    $this->description = $row['description'];
                    $this->author = $row['author'];
                    $this->authorUrl = $row['authorUrl'];
                    $this->createThumbnails = $row['createThumbnails'];
                    $this->imageWidth = $row['imageWidth'];
                    $this->imageHeight = $row['imageHeight'];
                    $this->resizeImages = $row['resizeImages'];
                    $this->resizeType = $row['resizeType'];
                    $this->thumbnailWidth = $row['thumbnailWidth'];
                    $this->watermark = $row['watermark'];
                    $this->watermarkEnabled = $row['watermarkEnabled'];
                    $this->watermarkPosition = $row['watermarkPosition'];
                    $this->watermarkImage = $row['watermarkImage'];
                    $this->offsetY = $row['offsetY'];
                    $this->offsetX = $row['offsetX'];
                    $this->watermarkFont = $row['watermarkFont'];
                    $this->watermarkTextSize = $row['watermarkTextSize'];
                    $this->watermarkOpacity = $row['watermarkOpacity'];
                    $this->watermarkColor = $row['watermarkColor'];
                    $this->watermarkBorderColor = $row['watermarkBorderColor'];
                    $this->watermarkBorder = $row['watermarkBorder'];
                }
            }
        }
 
        /**
         * @brief edit (update) a gallery
         * @param object $db database
         * @param int $galleryID gallery ID to edit
         * @return bool
         * @throws \Exception
         */
        public function edit($db, $galleryID)
        {
            /** @var $db \YAWK\db * */
 
            // quote all POST vars
            $this->id = $galleryID;
            $this->folder = $db->quote($_POST['folder']);
            $this->title = $db->quote($_POST['title']);
            $this->description = $db->quote($_POST['description']);
            $this->author = $db->quote($_POST['author']);
            $this->authorUrl = $db->quote($_POST['authorUrl']);
            $this->createThumbnails = $db->quote($_POST['createThumbnails']);
            $this->imageWidth = $db->quote($_POST['imageWidth']);
            $this->imageHeight = $db->quote($_POST['imageHeight']);
            $this->imageHeight = $db->quote($_POST['imageHeight']);
            $this->resizeImages = $db->quote($_POST['resizeImages']);
            $this->resizeType = $db->quote($_POST['resizeType']);
            $this->thumbnailWidth = $db->quote($_POST['thumbnailWidth']);
            $this->watermark = $db->quote($_POST['watermark']);
            $this->watermarkEnabled = $db->quote($_POST['watermarkEnabled']);
            $this->watermarkPosition = $db->quote($_POST['watermarkPosition']);
            $this->watermarkImage = $db->quote($_POST['watermarkImage']);
            $this->offsetY = $db->quote($_POST['offsetY']);
            $this->offsetX = $db->quote($_POST['offsetX']);
            $this->watermarkFont = $db->quote($_POST['watermarkFont']);
            $this->watermarkTextSize = $db->quote($_POST['watermarkTextSize']);
            $this->watermarkOpacity = $db->quote($_POST['watermarkOpacity']);
            $this->watermarkColor = $db->quote($_POST['watermarkColor']);
            $this->watermarkBorderColor = $db->quote($_POST['watermarkBorderColor']);
            $this->watermarkBorder = $db->quote($_POST['watermarkBorder']);
 
            // check if count is set to calculate estimating time for the fancy user notification
            if (isset($_GET['imageCount']) && (is_numeric($_GET['imageCount']))) {   // prepare and calculate
                $i = $_GET['imageCount'];           // the number of images
                $processingDurationPerImage = 200;  // estimated processing time per item in ms
                $notifyDuration = $i * $processingDurationPerImage; // time that the notify box will be shown
                $notifyDurationShort = $notifyDuration / 2;
            } else {   // count images to calculate notify box
                $i = $this->countEntries($db, $this->id);
                $processingDurationPerImage = 200;  // estimated processing time per item in ms
                $notifyDuration = $i * $processingDurationPerImage; // time that the notify box will be shown
                $notifyDurationShort = $notifyDuration / 2;
            }
 
            $oldThumbnailWidth = $_POST['thumbnailWidth-old'];
            if ($oldThumbnailWidth !== $this->thumbnailWidth) {   // "saving thumbnails" message
                \YAWK\alert::draw("success", "Saving new thumbnails. . .", "<div class=\"text-center\"><i class=\"fa fa-spinner fa-spin\" style=\"font-size:24px\"></i><br>Please be patient, this should only take a few seconds.</div>", "", $notifyDuration);
            }
            if ($this->resizeImages === "1") {
                {   // "changing image size" message
                    \YAWK\alert::draw("success", "Resizing your images. . .", "<div class=\"text-center\"><i class=\"fa fa-spinner fa-spin\" style=\"font-size:24px\"></i><br>Please be patient, this should only take a few seconds.</div>", "", $notifyDuration);
                }
            } else {
                \YAWK\alert::draw("success", "Settings saved.", "Gallery updated.", "", $notifyDurationShort);
            }
 
            // check, if any itemIDs need to be updated, get get them and loop through items...
            if ($res = $db->query("SELECT id from {plugin_gallery_items} 
                                   WHERE galleryID = $this->id")) {   // foreach itemID
                while ($row = mysqli_fetch_assoc($res)) {   // set itemID
                    $this->itemID = $row['id'];
                    // set vars to compare if they have changed...
                    // filename
                    $oldFile = $_POST['filename-' . $this->itemID . '-old'];
                    $newFile = $_POST['filename-' . $this->itemID . ''];
                    // title
                    $oldTitle = $_POST['title-' . $this->itemID . '-old'];
                    $newTitle = $_POST['title-' . $this->itemID . ''];
                    // author
                    $oldAuthor = $_POST['author-' . $this->itemID . '-old'];
                    $newAuthor = $_POST['author-' . $this->itemID . ''];
                    // authorUrl
                    $oldAuthorUrl = $_POST['authorUrl-' . $this->itemID . '-old'];
                    $newAuthorUrl = $_POST['authorUrl-' . $this->itemID . ''];
 
                    // item sortation
                    $oldSort = $_POST['sort-' . $this->itemID . '-old'];
                    $newSort = $_POST['sort-' . $this->itemID . ''];
                    if ($oldSort !== $newSort) {
                        if (!$db->query("UPDATE {plugin_gallery_items} 
                                         SET sort = '$newSort' 
                                         WHERE id = $this->itemID")) {   // could not rename file in database, notify user
                            \YAWK\alert::draw("warning", "Could not save new filename $newFile in database!", "But... the file is already renamed. Expect errors.", "", 5800);
                        }
                    }
 
                    // ## CHECK IF IMAGE FILENAME HAS CHANGED...
                    if ($oldFile === $newFile) {   // files MATCH, no rename required: save ressources + do nothing :)
                        // \YAWK\alert::draw("warning", "files match!", "no rename required.", "", 800);
                    } else {   // files DO NOT match - RENAME file
                        if (rename("../$this->folder/$oldFile", "../$this->folder/$newFile")) {   // filename did change - notify user about that
                            \YAWK\alert::draw("success", "$oldFile renamed to $newFile", "$this->itemID", "", 800);
                            // update database: save new file name
                            if (!$saveItem = $db->query("UPDATE {plugin_gallery_items} 
                                                         SET filename = '$newFile' 
                                                         WHERE id = $this->itemID")) {   // could not rename file in database, notify user
                                \YAWK\alert::draw("warning", "Could not save new filename $newFile in database!", "But... the file is already renamed. Expect errors.", "", 5800);
                            }
 
                            // check if there are any originals to rename...
                            if (is_dir("../$this->folder/original/")) {   // thumbnail directory exist
                                if (!rename("../$this->folder/original/$oldFile", "../$this->folder/original/$newFile")) {   // rename thumbnail failed, throw error
                                    \YAWK\alert::draw("warning", "Could not rename original/$oldFile to $newFile", "Please check folder permissions!", "", 5800);
                                }
                            }
 
                            // check if there are any originals to rename...
                            if (is_dir("../$this->folder/edit/")) {   // thumbnail directory exist
                                if (!rename("../$this->folder/edit/$oldFile", "../$this->folder/edit/$newFile")) {   // rename thumbnail failed, throw error
                                    \YAWK\alert::draw("warning", "Could not rename edit/$oldFile to $newFile", "Please check folder permissions!", "", 5800);
                                }
                            }
 
                            // check if there are thumbnails to rename...
                            if (is_dir("../$this->folder/thumbnails/")) {   // thumbnail directory exist
                                if (!rename("../$this->folder/thumbnails/$oldFile", "../$this->folder/thumbnails/$newFile")) {   // rename thumbnail failed, throw error
                                    \YAWK\alert::draw("warning", "Could not rename thumbnails/$oldFile to $newFile", "Please check folder permissions!", "", 5800);
                                }
                            }
                        } else {   // rename failed
                            \YAWK\alert::draw("danger", "Could not rename $oldFile to $newFile", "Please check folder permissions!", "", 5800);
                        }
                    }
                    // ## CHECK IF IMAGE TITLE HAS CHANGED...
                    if ($oldTitle === $newTitle) {
                        // files MATCH, no action required: save ressources + do nothing :)
                    } else {   // change title for this image in database
                        if (!$saveItem = $db->query("UPDATE {plugin_gallery_items} 
                                                         SET title = '$newTitle' 
                                                         WHERE id = $this->itemID")) {   // could not change title in db => notify user
                            \YAWK\alert::draw("warning", "Could not change title $newTitle", "Please check your data and try again!", "", 5800);
                        } else {   // change title success
                            \YAWK\alert::draw("success", "Changed $oldTitle to $newTitle", "affected image ID: $this->itemID", "", 800);
                        }
                    }
                    // ## CHECK IF IMAGE AUTHOR HAS CHANGED...
                    if ($oldAuthor === $newAuthor) {
                        // authors MATCH, no action required: save ressources + do nothing :)
                    } else {   // change author for this image in database
                        if (!$saveItem = $db->query("UPDATE {plugin_gallery_items} 
                                                         SET author = '$newAuthor' 
                                                         WHERE id = $this->itemID")) {   // could not change author => notify user
                            \YAWK\alert::draw("warning", "Could not change author $newAuthor", "Please check your data and try again!", "", 5800);
                        } else {   // change title success
                            \YAWK\alert::draw("success", "Changed $oldAuthor to $newAuthor", "affected image ID: $this->itemID", "", 800);
                        }
                    }
                    // ## CHECK IF IMAGE AUTHOR URL HAS CHANGED...
                    if ($oldAuthorUrl === $newAuthorUrl) {
                        // authors MATCH, no action required: save ressources + do nothing :)
                    } else {   // change authorUrl for this image in database
                        if (!$saveItem = $db->query("UPDATE {plugin_gallery_items} 
                                                         SET authorUrl = '$newAuthorUrl' 
                                                         WHERE id = $this->itemID")) {   // could not change author => notify user
                            \YAWK\alert::draw("warning", "Could not change author URL to $newAuthorUrl", "Please check your data and try again!", "", 5800);
                        } else {   // change title success
                            \YAWK\alert::draw("success", "Changed Author URL to $newAuthorUrl", "affected image ID: $this->itemID", "", 800);
                        }
                    }
                }
 
                // load SimpleImage Class
                require_once 'SimpleImage.php';
                // create object
                $img = new \YAWK\SimpleImage();
 
                if (empty($this->watermark) || ($this->watermarkEnabled === "0")) {
                    // watermark not changed, no action required: save ressources + do nothing :)
                    // check if thumbnails should be created
                    if ($this->createThumbnails === "1") {   // check if tn width is set
                        if (empty($this->thumbnailWidth)) {   // if no default width is set, take this as default value
                            $this->thumbnailWidth = 200;
                        }
                        // walk through images folder
                        foreach (new \DirectoryIterator("../$this->folder/edit/") as $image) {   // exclude dots'n'dirs
                            if ($image->isDot()) continue;        // exclude dots
                            if ($image->isDir()) continue;        // exclude subdirectories
                            // store filename in var for better handling
                            $filename = $image->getFilename();
                            $img->fromFile("../$this->folder/edit/$filename")
                                ->toFile("../$this->folder/$filename")
                                ->bestFit($this->thumbnailWidth, 600)
                                ->toFile("../$this->folder/thumbnails/$filename");
                        }
                    } else {   // no thumbnails required, just change watermark to root folder images
                        // walk through images folder
                        foreach (new \DirectoryIterator("../$this->folder/edit/") as $image) {   // exclude dots'n'dirs
                            if ($image->isDot()) continue;        // exclude dots
                            if ($image->isDir()) continue;        // exclude subdirectories
                            // store filename in var for better handling
                            $filename = $image->getFilename();
                            $img->fromFile("../$this->folder/edit/$filename")
                                ->toFile("../$this->folder/$filename");
                        }
                    }
 
                } else {   // save new watermark onto files
                    // check if thumbnails should be created
                    if ($this->createThumbnails === "1") {   // check if tn width is set
                        if (empty($this->thumbnailWidth)) {   // if no default width is set, take this as default value
                            $this->thumbnailWidth = 200;
                        }
                        // walk through images folder
                        foreach (new \DirectoryIterator("../$this->folder/edit/") as $image) {   // exclude dots'n'dirs
                            if ($image->isDot()) continue;        // exclude dots
                            if ($image->isDir()) continue;        // exclude subdirectories
                            // store filename in var for better handling
                            $filename = $image->getFilename();
                            $img->fromFile("../$this->folder/edit/$filename")
                                ->text("$this->watermark",
                                    "$this->watermarkFont",
                                    $this->watermarkTextSize,
                                    "#$this->watermarkColor",
                                    "$this->watermarkPosition",
                                    "$this->offsetX",
                                    "$this->offsetY",
                                    "#$this->watermarkBorderColor",
                                    $this->watermarkBorder)
                                ->toFile("../$this->folder/$filename")
                                ->bestFit($this->thumbnailWidth, 600)
                                ->toFile("../$this->folder/thumbnails/$filename");
                        }
                    } else {   // no thumbnails required, just change watermark to root folder images
                        // walk through images folder
                        foreach (new \DirectoryIterator("../$this->folder/edit/") as $image) {   // exclude dots'n'dirs
                            if ($image->isDot()) continue;        // exclude dots
                            if ($image->isDir()) continue;        // exclude subdirectories
                            // store filename in var for better handling
                            $filename = $image->getFilename();
                            $img->fromFile("../$this->folder/edit/$filename")
                                ->text("$this->watermark",
                                    "$this->watermarkFont",
                                    $this->watermarkTextSize,
                                    "#$this->watermarkColor",
                                    "$this->watermarkPosition",
                                    "$this->offsetX",
                                    "$this->offsetY",
                                    "#$this->watermarkBorderColor",
                                    $this->watermarkBorder)
                                ->toFile("../$this->folder/$filename");
                        }
                    }
                }
                // ## CHECK IF WATERMARK HAS CHANGED...
                if (empty($this->watermarkImage)) {
                    // watermark not changed, no action required: save ressources + do nothing :)
 
                } else {  // walk through images folder
                    foreach (new \DirectoryIterator("../$this->folder/edit/") as $image) {   // exclude dots'n'dirs
                        if ($image->isDot()) continue;        // exclude dots
                        if ($image->isDir()) continue;        // exclude subdirectories
                        // store filename in var for better handling
                        $filename = $image->getFilename();
 
                        // check if thumbnails should be created
                        if ($this->createThumbnails === "1") {   // check if tn width is set
                            if (empty($this->thumbnailWidth)) {   // if no default width is set, take this as default value
                                $this->thumbnailWidth = 200;
                            }
                            // add watermark with stroke to every image + save as thumbnail
                            $img->fromFile("../$this->folder/edit/$filename")
                                ->overlay("../$this->watermarkImage",
                                    "$this->watermarkPosition",
                                    $this->watermarkOpacity)
                                ->toFile("../$this->folder/$filename")
                                ->bestFit($this->thumbnailWidth, 600)
                                ->toFile("../$this->folder/thumbnails/$filename");
                        } else {
                            // add watermark with stroke to every image
                            $img->fromFile("../$this->folder/edit/$filename")
                                ->overlay("../$this->watermarkImage",
                                    "$this->watermarkPosition",
                                    $this->watermarkOpacity)
                                ->toFile("../$this->folder/$filename");
                        }
                    }
                }
 
                // ## CHECK IF THUMBNAILS SHOULD BE CHANGED...
                if ($oldThumbnailWidth === $this->thumbnailWidth) {
                    // thumbnail size not changed, no action required: save ressources + do nothing :)
                } else {   // save thumbnails new...
                    // check if thumbnails should be created
                    if ($this->createThumbnails === "1") {   // check if tn width is set
                        if (empty($this->thumbnailWidth)) {   // if no default width is set, take this as default value
                            $this->thumbnailWidth = 200;
                        }
                        // include SimpleImage Class
                        require_once 'SimpleImage.php';
                        // create object
                        $img = new \YAWK\SimpleImage();
 
                        // walk through images folder
                        foreach (new \DirectoryIterator("../$this->folder") as $image) {   // exclude dots'n'dirs
                            if ($image->isDot()) continue;        // exclude dots
                            if ($image->isDir()) continue;        // exclude subdirectories
                            // store filename in var for better handling
                            $filename = $image->getFilename();
                            $img->fromFile("../$this->folder/$filename")
                                ->bestFit($this->thumbnailWidth, 600)
                                ->toFile("../$this->folder/thumbnails/$filename");
                        }
                    }
                }
 
                // SHOULD IMAGES BE RESIZED?
                // ## CHECK IF IMAGES SHOULD BE RESIZED...
                if ($this->resizeImages === "1") {
                    $this->imageWidth = preg_replace('![^0-9]!', '', $this->imageWidth);
                    $this->imageHeight = preg_replace('![^0-9]!', '', $this->imageHeight);
 
                    // if width is empty, try to take height
                    if (!isset($this->imageWidth) || (empty($this->imageWidth))) {
                        $this->imageWidth = $this->imageHeight;
                    }
                    // if height is empty, try to take width
                    if (!isset($this->imageHeight) || (empty($this->imageHeight))) {
                        $this->imageHeight = $this->imageWidth;
                    }
                    // if both values are empty...
                    if (empty($this->imageWidth) && (empty($this->imageHeight))) {   // set default value
                        $this->imageWidth = 300;
                        $this->imageHeight = 300;
                    }
 
                    if ($this->resizeType === "fit_to_width") {
                        // walk through images folder
                        foreach (new \DirectoryIterator("../$this->folder") as $image) {   // exclude dots'n'dirs
                            if ($image->isDot()) continue;        // exclude dots
                            if ($image->isDir()) continue;        // exclude subdirectories
                            // store filename in var for better handling
                            $filename = $image->getFilename();
                            $img->fromFile("../$this->folder/$filename")
                                ->bestFit($this->imageWidth, 600)
                                ->toFile("../$this->folder/$filename");
                        }
                    }
                    if ($this->resizeType === "fit_to_height") {
                        // walk through images folder
                        foreach (new \DirectoryIterator("../$this->folder") as $image) {   // exclude dots'n'dirs
                            if ($image->isDot()) continue;        // exclude dots
                            if ($image->isDir()) continue;        // exclude subdirectories
                            // store filename in var for better handling
                            $filename = $image->getFilename();
                            $img->fromFile("../$this->folder/$filename")
                                ->bestFit($this->imageWidth, 600)
                                ->toFile("../$this->folder/$filename");
                        }
                    }
                    if ($this->resizeType === "best_fit") {
                        // walk through images folder
                        foreach (new \DirectoryIterator("../$this->folder") as $image) {   // exclude dots'n'dirs
                            if ($image->isDot()) continue;        // exclude dots
                            if ($image->isDir()) continue;        // exclude subdirectories
                            // store filename in var for better handling
                            $filename = $image->getFilename();
                            $img->fromFile("../$this->folder/$filename")
                                ->bestFit($this->imageWidth, $this->imageHeight)
                                ->toFile("../$this->folder/$filename");
                        }
                    }
                    if ($this->resizeType === "resize") {
                        // walk through images folder
                        foreach (new \DirectoryIterator("../$this->folder") as $image) {   // exclude dots'n'dirs
                            if ($image->isDot()) continue;        // exclude dots
                            if ($image->isDir()) continue;        // exclude subdirectories
                            // store filename in var for better handling
                            $filename = $image->getFilename();
                            $img->fromFile("../$this->folder/$filename")
                                ->resize($this->imageWidth, $this->imageHeight)
                                ->toFile("../$this->folder/$filename");
                        }
                    }
                    if ($this->resizeType === "thumbnail") {
                        // walk through images folder
                        foreach (new \DirectoryIterator("../$this->folder") as $image) {   // exclude dots'n'dirs
                            if ($image->isDot()) continue;        // exclude dots
                            if ($image->isDir()) continue;        // exclude subdirectories
                            // store filename in var for better handling
                            $filename = $image->getFilename();
                            $img->fromFile("../$this->folder/$filename")
                                ->thumbnail($this->imageWidth, $this->imageHeight, 'top')
                                ->toFile("../$this->folder/$filename");
                        }
                    }
                }
            }
 
            // update database: gallery settings
            if (!$res = $db->query("UPDATE {plugin_gallery} 
                                   SET folder='$this->folder',
                                       title='$this->title',
                                       description='$this->description',
                                       author='$this->author',
                                       authorUrl='$this->authorUrl',
                                       createThumbnails='$this->createThumbnails',
                                       thumbnailWidth='$this->thumbnailWidth',
                                       imageWidth='$this->imageWidth',
                                       imageHeight='$this->imageHeight',
                                       resizeImages='$this->resizeImages',
                                       resizeType='$this->resizeType',
                                       watermark='$this->watermark',
                                       watermarkPosition='$this->watermarkPosition',
                                       watermarkImage='$this->watermarkImage',
                                       offsetY='$this->offsetY',
                                       offsetX='$this->offsetX',
                                       watermarkFont='$this->watermarkFont',
                                       watermarkTextSize='$this->watermarkTextSize',
                                       watermarkOpacity='$this->watermarkOpacity',
                                       watermarkColor='$this->watermarkColor',
                                       watermarkBorderColor='$this->watermarkBorderColor',
                                       watermarkBorder='$this->watermarkBorder' WHERE id = '$this->id'")) {   // update gallery not worked, notify user
                \YAWK\alert::draw("warning", "Could not save gallery settings.", "Please check your input data and try again.", "", 5800);
            } else {   // all good,
                return true;
            }
            // something above did not worked,
            return false;
        }
 
        /**
         * @brief count and return the number of gallery entries
         * @param object $db database
         * @param int $galleryID gallery ID to count
         * @return int|bool number of entries or false
         */
        public function countEntries($db, $galleryID)
        {
            /** @var $db \YAWK\db * */
            // count gallery item entries
            $i = 0; // init entries counter
            if ($res = $db->query("SELECT id from {plugin_gallery_items} WHERE galleryID = '$galleryID'")) {   // loop
                while ($row = mysqli_fetch_assoc($res)) {   // add counter
                    $i++;
                }
            } else {   // could not get data from db
                return false;
            }
            return $i;
        }
 
        /**
         * @brief get and draw (output) html gallery preview
         * @param object $db database
         * @param array $lang language array
         * @return null echo html output
         */
        public function getPreview($db, $lang)
        {
            /** @var $db \YAWK\db * */
            // get gallery titles...
 
            if ($res = $db->query("SELECT * from {plugin_gallery}")) {
                while ($row = mysqli_fetch_assoc($res)) {
                    if (!$getPreviewImages = $db->query("SELECT galleryID, filename from {plugin_gallery_items} WHERE galleryID = '$row[id]' ORDER by sort, filename DESC LIMIT 5")) {   // store info msg, if files could not be retrieved
                        $previewError = "Sorry, no preview available.";
                    }
                    $imageCount = $this->countEntries($db, $row['id']);
                    // preview without images
                    echo "<div class=\"row\"><div class=\"col-md-4\"><a class=\"fa fa-trash-o\" role=\"dialog\" data-confirm=\"Soll die Galerie &laquo;" . $row['id'] . " / " . $row['title'] . "&raquo; wirklich gel&ouml;scht werden?\"
                      title=\"" . $lang['DEL'] . "\" href=\"index.php?plugin=gallery&delete=1&id=" . $row['id'] . "\"></a>
                      <!-- &nbsp;<a href=\"index.php?plugin=gallery&refresh=1&id=$row[id]&folder=$row[folder]\" title=\"refresh\"><i class=\"fa fa-refresh\"></i></a> -->
                      &nbsp;<a href=\"index.php?plugin=gallery&pluginpage=edit&id=$row[id]&folder=$row[folder]&imageCount=$imageCount\" title=\"edit\"><i class=\"fa fa-edit\"></i>
                      &nbsp;<b>" . $row['title'] . "</b></a><br><small><strong>$imageCount Images</strong><br> " . $row['description'] . "</small></div>
                    <div class=\"col-md-8\">";
                    if (isset($previewError)) {   // if files could not be loaded from db
                        echo $previewError;
                    } else {   // previewImage array is set, walk through it...
                        foreach ($getPreviewImages as $property => $image) {   // display preview images
                            $rnd = uniqid();
                            echo "<a href=\"index.php?plugin=gallery&pluginpage=edit&id=$row[id]&folder=$row[folder]&imageCount=$imageCount\" title=\"edit gallery\">
                                  <img src=\"../$row[folder]/$image[filename]?$rnd\" class=\"img-thumbnail\" width=\"100\"></a>";
                        }
                    }
                    echo "</div></div>
                    <hr>";
                }
            }
            return null;
        }
 
        /**
         * @brief @param object $db database
         * @param array $lang language array
         * @param int $galleryID gallery ID to load
         */
        public function drawImageGallery($db, $galleryID)
        {
            /** @var $db \YAWK\db * */
            if ($res = $db->query("SELECT * from {plugin_gallery} WHERE id = $galleryID")) {
                while ($row = mysqli_fetch_assoc($res)) {
                    if (!$getPreviewImages = $db->query("SELECT id, galleryID, sort, filename, title, author, authorUrl
                                                         from {plugin_gallery_items} 
                                                         WHERE galleryID = $galleryID ORDER BY sort, filename DESC")) {   // store info msg, if files could not be retrieved
                        $previewError = "Sorry, could not get preview images";
                    }
                    if (isset($previewError)) {   // if files could not be loaded from db
                        echo $previewError;
                    } else {   // previewImage array is set, walk through it...
                        $count = 3;
                        echo '    
                                    <div class="row">
                                    ';
                        foreach ($getPreviewImages as $property => $image) {   // display preview images
                            for ($i = 0; $i < count($property); $i++) {
                                $this->itemID = $image['id'];
                                $this->sort = $image['sort'];
                                $this->filename = $image['filename'];
                                $this->itemTitle = $image['title'];
                                $this->itemAuthor = $image['author'];
                                $this->itemAuthorUrl = $image['authorUrl'];
                                // $rnd = uniqid();
 
                                if ($count % 3 == 0) { // time to break line
                                    echo '
                                    </div>';
                                    echo '
                                    <div class="row">
                                      <div class="col-md-4 animate text-center" id="imgCol-' . $this->itemID . '">
                                          <a href="' . $row['folder'] . "/" . $this->filename . '" data-lightbox="' . $galleryID . '" data-title="' . $this->itemTitle . '"><img class="img-responsive img-rounded hvr-grow" id="img-' . $this->itemID . '" width="400" alt="' . $this->itemTitle . '" title="' . $this->itemTitle . '" src="' . $row['folder'] . "/" . $this->filename . '"></a><br><br>
                                      </div>';
                                } else {
                                    echo '  
                                      <div class="col-md-4 animate text-center" id="imgCol-' . $this->itemID . '">
                                    <a href="' . $row['folder'] . "/" . $this->filename . '" data-lightbox="' . $galleryID . '" data-title="' . $this->itemTitle . '"><img class="img-responsive img-rounded hvr-grow"' . $this->itemTitle . '" id="img-' . $this->itemID . '" width="400" title="' . $this->itemTitle . '" src="' . $row['folder'] . "/" . $this->filename . '"></a><br><br>
                                      </div>';
                                }
                                $count++;
                            }
                        }
                    }
                    echo "</div>";
                }
            }
        }
 
 
        /**
         * @brief get and draw all editable images + edit controls
         * @param object $db database
         * @param array $lang language array
         * @param int $galleryID affected gallery ID
         * @return null echo html output
         */
        public function getEditableImages($db, $lang, $galleryID)
        {
            /** @var $db \YAWK\db * */
            // get gallery titles...
 
            if ($res = $db->query("SELECT * from {plugin_gallery} WHERE id = $galleryID")) {
                while ($row = mysqli_fetch_assoc($res)) {
                    if (!$getPreviewImages = $db->query("SELECT id, galleryID, sort, filename, title, author, authorUrl
                                                         from {plugin_gallery_items} 
                                                         WHERE galleryID = $galleryID ORDER BY sort, filename DESC")) {   // store info msg, if files could not be retrieved
                        $previewError = "Sorry, could not get preview images";
                    }
                    if (!isset($_GET['imageCount']) && (!empty($_GET['imageCount']))) {
                        $imageCount = $_GET['imageCount'];
                    } else {
                        $imageCount = '';
                    }
                    // preview without images
                    echo "<a class=\"fa fa-trash-o\" role=\"dialog\" data-confirm=\"Soll die Galerie &laquo;" . $row['id'] . " / " . $row['title'] . "&raquo; wirklich gel&ouml;scht werden?\"
                      title=\"" . $lang['DEL'] . "\" href=\"index.php?plugin=gallery&delete=1&id=" . $row['id'] . "\"></a>
                      &nbsp;<a href=\"index.php?plugin=gallery&pluginpage=edit&refresh=1&id=$row[id]&folder=$row[folder]&imageCount=" . $imageCount . "\" title=\"refresh\"><i class=\"fa fa-refresh\"></i></a>
                      &nbsp;<b>" . $row['title'] . "</b><br><small>" . $row['description'] . "</small><br>
                                    <div class=\"text-center\">";
                    if (isset($previewError)) {   // if files could not be loaded from db
                        echo $previewError;
                    } else {   // previewImage array is set, walk through it...
                        $count = 3;
                        echo '
                                    <div class="row">
                                    ';
                        foreach ($getPreviewImages as $property => $image) {
                            {   // display preview images
                                for ($i = 0; $i < mb_strlen($property); $i++) {
                                    $this->itemID = $image['id'];
                                    $this->sort = $image['sort'];
                                    $this->filename = $image['filename'];
                                    $this->itemTitle = $image['title'];
                                    $this->itemAuthor = $image['author'];
                                    $this->itemAuthorUrl = $image['authorUrl'];
                                    $rnd = uniqid();
 
                                    if ($count % 3 == 0) { // time to break line
                                        echo '
                                    </div>';
                                        echo '
                                    <div class="row"><div class="col-md-4" id="imgCol-' . $this->itemID . '">
                                    <a href="../' . $row['folder'] . "/" . $this->filename . '?' . $rnd . '" data-lightbox="' . $this->id . '"><img class="img-thumbnail" id="img-' . $this->itemID . '" width="400" title="' . $this->itemTitle . '" src="../' . $row['folder'] . "/" . $this->filename . '?' . $rnd . '"></a>
                                    <br>
                                         <div style="margin-top: 10px; margin-bottom:10px; cursor:pointer;" id="toolset-' . $this->itemID . '">
                                         <i class="fa fa-arrows-h" 
                                            id="flipHorizontal" 
                                            onclick="doImageAction(\'flip-horizontal\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-arrows-v" 
                                            id="flipVertical" 
                                            onclick="doImageAction(\'flip-vertical\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-undo" 
                                            id="rotate-90"
                                            onclick="doImageAction(\'rotate-90\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-adjust" 
                                            id="contrast-plus"
                                            onclick="doImageAction(\'contrast-plus\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-adjust text-muted" style="color:#ccc;"
                                            id="contrast-minus"
                                            onclick="doImageAction(\'contrast-minus\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-sun-o"
                                            id="brightness-plus"
                                            onclick="doImageAction(\'brightness-plus\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-sun-o text-muted" style="color:#ccc;"
                                            id="brightness-minus"
                                            onclick="doImageAction(\'brightness-minus\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-diamond"
                                            id="sharpen"
                                            onclick="doImageAction(\'sharpen\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-magic"
                                            id="selective-blur"
                                            onclick="doImageAction(\'selective-blur\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-tint text-muted"
                                            id="greyscale"
                                            onclick="doImageAction(\'greyscale\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-tint"
                                            style="color:#9b5c1c;"
                                            id="sepia"
                                            onclick="doImageAction(\'sepia\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-th text-muted"
                                            id="pixelate"
                                            onclick="doImageAction(\'pixelate\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-refresh"
                                            id="reset-file"
                                            onclick="doImageAction(\'reset-file\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-trash-o"
                                            id="delete-file"
                                            onclick="doImageAction(\'delete-file\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;<br>
                                         </div>
                                      <input type="hidden" name="filename-' . $this->itemID . '-old" value="' . $this->filename . '">
                                      <input type="hidden" name="title-' . $this->itemID . '-old" value="' . $this->itemTitle . '">
                                      <input type="hidden" name="author-' . $this->itemID . '-old" value="' . $this->itemAuthor . '">
                                      <input type="hidden" name="authorUrl-' . $this->itemID . '-old" value="' . $this->itemAuthorUrl . '">
                                      <input type="hidden" name="sort-' . $this->itemID . '-old" value="' . $this->sort . '">
                                      <input type="text" class="form-control" style="margin-bottom:2px;" maxlength="11" name="sort-' . $this->itemID . '" id="sort-' . $this->itemID . '" placeholder="0" value="' . $this->sort . '">
                                      <input type="text" class="form-control" style="margin-bottom:2px;" name="filename-' . $this->itemID . '" id="filename-' . $this->itemID . '" placeholder="filename.jpg" value="' . $this->filename . '">
                                      <input type="text" class="form-control" style="margin-bottom:2px;" name="title-' . $this->itemID . '" id="title-' . $this->itemID . '" placeholder="File Title" value="' . $this->itemTitle . '">
                                      <input type="text" class="form-control" style="margin-bottom:2px;" name="author-' . $this->itemID . '" id="author-' . $this->itemID . '" placeholder="Copyright owner of this picture" value="' . $this->itemAuthor . '">
                                      <input type="text" class="form-control" style="margin-bottom:2px;" name="authorUrl-' . $this->itemID . '" id="authorUrl-' . $this->itemID . '" placeholder="URL" value="' . $this->itemAuthorUrl . '"><br>
                                      <br></div>';
                                    } else {
                                        echo '  
                                      <div class="col-md-4" id="imgCol-' . $this->itemID . '">
                                    <a href="../' . $row['folder'] . "/" . $this->filename . '?' . $rnd . '" data-lightbox="' . $this->id . '"><img class="img-thumbnail" id="img-' . $this->itemID . '" width="400" title="' . $this->itemTitle . '" src="../' . $row['folder'] . "/" . $this->filename . '?' . $rnd . '"></a>
                                         
                                         <div style="margin-top: 10px; margin-bottom:10px; cursor:pointer;" id="toolset-' . $this->itemID . '">
                                         <i class="fa fa-arrows-h" 
                                            id="flipHorizontal" 
                                            onclick="doImageAction(\'flip-horizontal\',
                                                \'' . $this->id . '\',  
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-arrows-v" 
                                            id="flipVertical" 
                                            onclick="doImageAction(\'flip-vertical\',
                                                \'' . $this->id . '\',  
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-undo" 
                                            id="rotate-90"
                                            onclick="doImageAction(\'rotate-90\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-adjust" 
                                            id="contrast-plus"
                                            onclick="doImageAction(\'contrast-plus\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-adjust text-muted" style="color:#ccc;"
                                            id="contrast-minus"
                                            onclick="doImageAction(\'contrast-minus\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-sun-o"
                                            id="brightness-plus"
                                            onclick="doImageAction(\'brightness-plus\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-sun-o text-muted" style="color:#ccc;"
                                            id="brightness-minus"
                                            onclick="doImageAction(\'brightness-minus\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-diamond"
                                            id="sharpen"
                                            onclick="doImageAction(\'sharpen\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-magic"
                                            id="selective-blur"
                                            onclick="doImageAction(\'selective-blur\',
                                                \'' . $this->id . '\',  
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-tint text-muted"
                                            id="greyscale"
                                            onclick="doImageAction(\'greyscale\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-tint"
                                            style="color:#9b5c1c;"
                                            id="sepia"
                                            onclick="doImageAction(\'sepia\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-th text-muted"
                                            id="pixelate"
                                            onclick="doImageAction(\'pixelate\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-refresh"
                                            id="reset-file"
                                            onclick="doImageAction(\'reset-file\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;
                                         <i class="fa fa-trash-o"
                                            id="delete-file"
                                            onclick="doImageAction(\'delete-file\', 
                                                \'' . $this->id . '\', 
                                                \'' . $this->folder . '\', 
                                                \'' . $this->filename . '\', 
                                                \'' . $this->itemID . '\', 
                                                \'' . $this->createThumbnails . '\', 
                                                \'' . $this->thumbnailWidth . '\', 
                                                \'' . $this->watermark . '\', 
                                                \'' . $this->watermarkImage . '\', 
                                                \'' . $this->watermarkOpacity . '\', 
                                                \'' . $this->watermarkPosition . '\', 
                                                \'' . $this->offsetX . '\', 
                                                \'' . $this->offsetY . '\', 
                                                \'' . $this->watermarkFont . '\', 
                                                \'' . $this->watermarkTextSize . '\', 
                                                \'' . $this->watermarkColor . '\', 
                                                \'' . $this->watermarkBorderColor . '\', 
                                                \'' . $this->watermarkBorder . '\'
                                                )"></i>&nbsp;<br>
                                         </div>
                                      <input type="hidden" name="filename-' . $this->itemID . '-old" value="' . $this->filename . '">
                                      <input type="hidden" name="title-' . $this->itemID . '-old" value="' . $this->itemTitle . '">
                                      <input type="hidden" name="author-' . $this->itemID . '-old" value="' . $this->itemAuthor . '">
                                      <input type="hidden" name="authorUrl-' . $this->itemID . '-old" value="' . $this->itemAuthorUrl . '">
                                      <input type="hidden" name="sort-' . $this->itemID . '-old" value="' . $this->sort . '">
                                      <input type="text" class="form-control" style="margin-bottom:2px;" maxlength="11" style="margin-bottom:2px;" name="sort-' . $this->itemID . '" id="sort-' . $this->itemID . '" placeholder="0" value="' . $this->sort . '">
                                      <input type="text" class="form-control" style="margin-bottom:2px;" name="filename-' . $this->itemID . '" id="filename-' . $this->itemID . '" placeholder="filename.jpg" value="' . $this->filename . '">
                                      <input type="text" class="form-control" style="margin-bottom:2px;" name="title-' . $this->itemID . '" id="title-' . $this->itemID . '" placeholder="File Title" value="' . $this->itemTitle . '">
                                      <input type="text" class="form-control" style="margin-bottom:2px;" name="author-' . $this->itemID . '" id="author-' . $this->itemID . '" placeholder="Copyright owner of this picture" value="' . $this->itemAuthor . '">
                                      <input type="text" class="form-control" style="margin-bottom:2px;" name="authorUrl-' . $this->itemID . '" id="authorUrl-' . $this->itemID . '" placeholder="URL" value="' . $this->itemAuthorUrl . '"><br>
                                      <br></div>';
                                    }
                                    $count++;
                                }
                            }
                        }
                        echo "</div></div>
                    <hr>";
                    }
                }
                return null;
            }
 
        }
    }
}