diff --git a/deployed/jsn/administrator/components/com_jsn/access.xml b/deployed/jsn/administrator/components/com_jsn/access.xml
new file mode 100644
index 00000000..9f0ea711
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/access.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<access component="com_jsn">
+	<section name="component">
+		<action name="core.admin" title="JACTION_ADMIN" description="JACTION_ADMIN_COMPONENT_DESC" />
+		<action name="core.manage" title="JACTION_MANAGE" description="JACTION_MANAGE_COMPONENT_DESC" />
+		<action name="core.create" title="JACTION_CREATE" description="JACTION_CREATE_COMPONENT_DESC" />
+		<action name="core.delete" title="JACTION_DELETE" description="JACTION_DELETE_COMPONENT_DESC" />
+		<action name="core.edit" title="JACTION_EDIT" description="JACTION_EDIT_COMPONENT_DESC" />
+		<action name="core.edit.state" title="JACTION_EDITSTATE" description="JACTION_EDITSTATE_COMPONENT_DESC" />
+		<action name="core.admin.import" title="COM_JSN_IMPORTACCESS" description="COM_JSN_IMPORTACCESS_DESC" />
+	</section>
+</access>
diff --git a/deployed/jsn/administrator/components/com_jsn/assets/ImgPicker.php b/deployed/jsn/administrator/components/com_jsn/assets/ImgPicker.php
new file mode 100644
index 00000000..a632f84f
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/assets/ImgPicker.php
@@ -0,0 +1,906 @@
+<?php
+/**
+* @copyright    Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license      http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package      Easy Profile
+* website       www.easy-profile.com
+* Technical Support : Forum -   http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+class ImgPicker
+{
+    /**
+     * @var array
+     */
+    protected $options;
+
+    /**
+     * @var array
+     */
+    protected $errorMessages = array(
+        // File upload errors codes
+        // http://www.php.net/manual/en/features.file-upload.errors.php
+        1 => 'The uploaded file exceeds the upload_max_filesize directive in php.ini',
+        2 => 'The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form',
+        3 => 'The uploaded file was only partially uploaded',
+        4 => 'No file was uploaded',
+        6 => 'Missing a temporary folder',
+        7 => 'Failed to write file to disk',
+        8 => 'A PHP extension stopped the file upload',
+        'gd' => 'PHP GD library is NOT installed on your web server',
+        'post_max_size' => 'The uploaded file exceeds the post_max_size directive in php.ini',
+        'max_file_size' => 'File is too big',
+        'min_file_size' => 'File is too small',
+        'accept_file_types' => 'Filetype not allowed',
+        'max_width'  => 'Image exceeds maximum width of ',
+        'min_width'  => 'Image requires a minimum width of ',
+        'max_height' => 'Image exceeds maximum height of ',
+        'min_height' => 'Image requires a minimum height of ',
+        'upload_failed' => 'Failed to upload the file',
+        'move_failed' => 'Failed to upload the file',
+        'invalid_image' => 'Invalid image',
+        'image_resize' => 'Failed to resize image',
+        'not_exists' => 'Failed to load the image'
+    );
+
+    /**
+     * Create a new instance.
+     *
+     * @param  array $options
+     * @param  array $errorMessages
+     * @return void
+     */
+    public function __construct($options = array(), $errorMessages = array())
+    {
+        $this->options = array(
+            // Upload directory path:
+            'upload_dir' => __DIR__ . '/files/',
+
+            // Upload directory url:
+            'upload_url' => $this->getFullUrl() . '/files/',
+
+            // Accepted file types:
+            'accept_file_types' => 'png|jpg|jpeg|gif',
+
+            // Directory mode:
+            'mkdir_mode' => 0755,
+
+            // File size restrictions (in bytes):
+            'max_file_size' => null,
+            'min_file_size' => 1,
+
+             // Image resolution restrictions (in px):
+            'max_width'  => null,
+            'max_height' => null,
+            'min_width'  => 1,
+            'min_height' => 1,
+
+            // Auto orient image based on EXIF data:
+            'auto_orient' => true,
+
+            // Image versions
+            'versions' => array(
+                //'' => array(
+                    //'upload_dir' => '',
+                    //'upload_url' => '',
+                    // Create square images
+                //    'crop' => true,
+                //  'max_width' => 200,
+               //     'max_height' => 200,
+                //),
+
+                // 'avatar' => array(
+                //  'crop' => true,
+                //  'max_width' => 200,
+                //  'max_height' => 200
+                // ),
+
+                // 'small' => array(
+                //  'crop' => true,
+                //  'max_width' => 100
+                // )
+            )
+        );
+
+        $this->options = $options + $this->options;
+
+        $this->errorMessages = $errorMessages + $this->errorMessages;
+
+        $this->initialize();
+    }
+
+    /**
+     * Initialize upload and crop actions.
+     *
+     * @return void
+     */
+    protected function initialize()
+    {
+        if (!extension_loaded('gd') || !function_exists('gd_info')) {
+            $this->error = $this->getErrorMessage('gd');
+            return false;
+        }
+
+        $action = isset($_REQUEST['action']) ? $_REQUEST['action'] : null;
+
+        if (method_exists($this, $action.'Action')) {
+            return $this->{$action.'Action'}();
+        }
+    }
+
+    /**
+     * Load action.
+     *
+     * @return void
+     */
+    protected function loadAction()
+    {
+        if (!isset($this->options['load'])) {
+            return;
+        }
+
+        $files = call_user_func($this->options['load'], $this);
+
+        if (!$files) {
+            return;
+        }
+
+        if (!is_array($files)) {
+            $files  = array($files);
+            $single = true;
+        }
+
+        $images = array();
+
+        foreach ($files as $file) {
+            $image = new stdClass();
+            $image->path = $this->getUploadPath($file);
+
+            if (!file_exists($image->path)) {
+                continue;
+            }
+
+            $image->name = $file;
+            $image->type = $this->getFileExtension($image->name);
+            $image->url  = $this->getUploadUrl($image->name);
+
+            list($image->width, $image->height) = @getimagesize($image->path);
+
+            foreach ($this->options['versions'] as $version => $options) {
+                $filename = $this->getVersionFilename($image->name, $version);
+                $filepath = $this->getUploadPath($filename, $version);
+
+                list($width, $height) = @getimagesize($filepath);
+
+                $image->versions[$version] = array(
+                    'url'    => $this->getUploadUrl($filename, $version),
+                    'width'  => $width,
+                    'height' => $height
+                );
+            }
+
+            unset($image->path);
+
+            if (isset($single)) {
+                $images = $image;
+            } else {
+                $images[] = $image;
+            }
+        }
+
+        $this->generateResponse($images);
+    }
+
+    /**
+     * Preview action.
+     *
+     * @return void
+     */
+    protected function previewAction()
+    {
+        $get=JFactory::getApplication()->input->get->getArray();
+        $filename = basename(@$get['file']);
+        $width    = @$get['width'];
+        $rotate   = @$get['rotate'];
+
+        $filepath = $this->getUploadPath($filename);
+        $filetype = $this->getFileExtension($filename);
+
+        if (file_exists($filepath)) {
+            list($src_w, $src_h) = @getimagesize($filepath);
+
+            $dst_w = $src_w;
+            $dst_h = $src_h;
+
+            if (is_numeric($width) && $width > 0) {
+                $dst_w = $width;
+                $dst_h = $src_h / $src_w * $width;
+            }
+
+            $dst_path = $this->getUploadPath(md5($filename).'.'.$filetype);
+
+            $this->resizeImage($filepath, $dst_path, 0, 0, $dst_w, $dst_h, $src_w, $src_h);
+
+            if (in_array(abs($rotate), array(90, 180, 270))) {
+                $angle = ($rotate < 0) ? abs($rotate) : 360 - $rotate;
+                $this->rotateImage($dst_path, $angle);
+            }
+            $ext = pathinfo($dst_path, PATHINFO_EXTENSION);
+            
+            switch( $ext ) {
+                case "gif": $ctype="image/gif"; break;
+                case "png": $ctype="image/png"; break;
+                case "jpeg":
+                case "jpg": $ctype="image/jpeg"; break;
+                default:
+            }
+
+            header('Content-type: ' . $ctype);
+
+            header('Content-Length: ' . filesize($dst_path));
+            readfile($dst_path);
+            @unlink($dst_path);
+            exit();
+        }
+    }
+
+    /**
+     * Delete action
+     *
+     * @return void
+     */
+    protected function deleteAction()
+    {
+        if (!isset($this->options['delete'])) {
+            return;
+        }
+        $post=JFactory::getApplication()->input->post->getArray();
+        $filename = basename(@$post['file']);
+        $filepath = $this->getUploadPath($filename);
+
+        if (file_exists($filepath) && call_user_func($this->options['delete'], $filename, $this)) {
+            foreach ($this->options['versions'] as $version => $options) {
+                $name = $this->getVersionFilename($filename, $version);
+                $path = $this->getUploadPath($name, $version);
+                @unlink($path);
+            }
+
+            @unlink($filepath);
+        }
+    }
+
+    /**
+     * Upload action.
+     *
+     * @return void
+     */
+    protected function uploadAction()
+    {
+        $jform=JFactory::getApplication()->input->files->getArray();
+        $upload = isset($jform['file']) ? $jform['file'] : null;
+
+        $file = $this->handleFileUpload(
+            @$upload['tmp_name'],
+            @$upload['name'] == 'blob' ? md5(mt_rand()).'.jpg' : @$upload['name'],
+            @$upload['size'],
+            @$upload['error']
+        );
+
+        $this->generateResponse($file);
+    }
+
+    /**
+     * Handle file upload.
+     *
+     * @param  string  $uploaded_file
+     * @param  string  $name
+     * @param  integer $size
+     * @param  integer $error
+     * @return stdClass
+     */
+    protected function handleFileUpload($uploaded_file, $name, $size, $error)
+    {
+        $image = new stdClass();
+        $image->name = $this->getFilename($name);
+        $image->type = $this->getFileExtension($name);
+        $image->size = $this->fixIntOverflow(intval($size));
+        $image->path = $this->getUploadPath($image->name);
+        $image->url  = $this->getUploadUrl($image->name);
+        list($image->width, $image->height) = @getimagesize($uploaded_file);
+
+        if (!$this->validate($uploaded_file, $image, $error)) {
+            return $image;
+        }
+
+        $upload_dir = $this->getUploadPath();
+        if (!is_dir($upload_dir)) {
+            mkdir($upload_dir, $this->options['mkdir_mode'], true);
+        }
+
+        //Upload start callback
+        if (isset($this->options['upload_start'])) {
+            call_user_func($this->options['upload_start'], $image, $this);
+        }
+
+        $image->path = $this->getUploadPath($image->name);
+        $image->url  = $this->getUploadUrl($image->name);
+
+        if (!move_uploaded_file($uploaded_file, $image->path)) {
+            $image->error = $this->getErrorMessage('move_failed');
+            return $image;
+        }
+
+        // Orient the image
+        if (!empty($this->options['auto_orient'])) {
+            $this->orientImage($image->path);
+        }
+
+        list($image->width, $image->height) = @getimagesize($image->path);
+
+        // Generate image versions
+        $image->versions = $this->generateVersions($image, true);
+
+        // Upload complete callback
+        if (isset($this->options['upload_complete'])) {
+            call_user_func($this->options['upload_complete'], $image, $this);
+        }
+
+        unset($image->path);
+
+        return $image;
+    }
+
+    /**
+     * Crop action.
+     *
+     * @return void
+     */
+    protected function cropAction()
+    {
+        $post=JFactory::getApplication()->input->post->getArray();
+        $filename = basename(@$post['image']);
+        $rotate   = @$post['rotate'];
+
+        $image = new stdClass();
+        $image->name = $filename;
+        $image->type = $this->getFileExtension($image->name);
+        $image->path = $this->getUploadPath($image->name);
+        $image->url  = $this->getUploadUrl($image->name);
+
+        if (!file_exists($image->path)) {
+            return $this->generateResponse(array('error'=>$this->getErrorMessage('not_exists')));
+        }
+
+        if (!preg_match('/.('.$this->options['accept_file_types'].')+$/i', $image->name)) {
+            return;
+        }
+
+        list($image->width, $image->height) = @getimagesize($image->path);
+
+        @list($src_x, $src_y, $x2, $y2, $src_w, $src_h) = @array_values(@$post['coords']);
+
+        if (isset($this->options['crop_start'])) {
+            call_user_func($this->options['crop_start'], $image, $this);
+        }
+
+        $image->url  = $this->getUploadUrl($image->name);
+
+        if (empty($src_w) || empty($src_h)) {
+            $src_w = $image->width;
+            $src_h = $image->height;
+        }
+
+        if (empty($src_x) && empty($src_y)) {
+            $src_x = $src_y = 0;
+        }
+
+        $dst_w = $src_w;
+        $dst_h = $src_h;
+
+        $tmp = clone $image;
+        $tmp->path = $this->getUploadPath(md5($tmp->name).'.'.$tmp->type);
+
+        @copy($image->path, $tmp->path);
+
+        if (in_array(abs($rotate), array(90, 180, 270))) {
+            $angle = ($rotate < 0) ? abs($rotate) : 360 - $rotate;
+            $this->rotateImage($tmp->path, $angle);
+        }
+
+        $this->resizeImage($tmp->path, null, $src_x, $src_y, $dst_w, $dst_h, $src_w, $src_h);
+
+        list($tmp->width, $tmp->height) = @getimagesize($tmp->path);
+
+        $image->versions = $this->generateVersions($tmp);
+
+        @unlink($tmp->path);
+
+        if (!isset($this->options['versions'][''])) {
+            @rename($image->path, $this->getUploadPath($image->name));
+        }
+
+        list($image->width, $image->height) = @getimagesize($this->getUploadPath($image->name));
+
+        if ($image->path != $this->getUploadPath($image->name)) {
+            foreach ($this->options['versions'] as $version => $options) {
+                $filename = $this->getVersionFilename(basename($image->path), $version);
+                @unlink($this->getUploadPath($filename, $version));
+            }
+        }
+
+        // Crop complete callback
+        if (isset($this->options['crop_complete'])) {
+            call_user_func($this->options['crop_complete'], $image, $this);
+        }
+
+        unset($image->path);
+
+        // Generate json response
+        $this->generateResponse($image);
+    }
+
+    /**
+     * Generate image versions.
+     *
+     * @param  stdClass $image
+     * @param  bool     $is_upload
+     * @return array
+     */
+    protected function generateVersions($image, $is_upload = false)
+    {
+        $versions = array();
+        foreach ($this->options['versions'] as $version => $options) {
+            $dst_w = $src_w = $image->width;
+            $dst_h = $src_h = $image->height;
+            $src_x = $src_y = 0;
+
+            $max_width  = @$options['max_width'];
+            $max_height = @$options['max_height'];
+            $crop       = isset($options['crop']) && $options['crop'] === true;
+
+            if ($crop) {
+                $min   = min($src_w, $src_h);
+                $src_x = ($src_w - $min)/2;
+                $src_y = ($src_h - $min)/2;
+                $dst_w = $dst_h = $src_w = $src_h = $min;
+            }
+
+            if (!empty($max_width) && $src_w > $max_width || ($src_w < $max_width && $crop)) {
+                $dst_w = $max_width;
+                $dst_h = $src_h / $src_w * $max_width;
+            } else if (!empty($max_height) && $src_h > $max_height || ($src_h < $max_height && $crop)) {
+                $dst_h = $max_height;
+                $dst_w = $src_w / $src_h * $max_height;
+            }
+
+            $filename = $this->getVersionFilename($image->name, $version);
+            $filepath = $this->getUploadPath($filename, $version);
+            $upload_dir = $this->getUploadPath('', $version);
+
+            if (!is_dir($upload_dir)) {
+                mkdir($upload_dir, $this->options['mkdir_mode'], true);
+            }
+
+            if (!$is_upload || ($is_upload && $version != '')) {
+                $success = $this->resizeImage($image->path, $filepath, $src_x, $src_y, $dst_w, $dst_h, $src_w, $src_h);
+            }
+
+            if (!empty($success)) {
+                $versions[$version] = array(
+                    'url'    => $this->getUploadUrl($filename, $version),
+                    'width'  => $dst_w,
+                    'height' => $dst_h
+                );
+            }
+        }
+
+        return $versions;
+    }
+
+    /**
+     * Validate uploaded file.
+     *
+     * @param  string   $uploaded_file
+     * @param  stdClass $name
+     * @param  string   $error
+     * @return boolean
+     */
+    protected function validate($uploaded_file, $file, $error)
+    {
+        if (!$uploaded_file) {
+            $file->error = $this->getErrorMessage(4);
+            return false;
+        }
+
+        if ($error) {
+            $file->error = $this->getErrorMessage($error);
+            return false;
+        }
+
+        $content_length = $this->fixIntOverflow(intval($_SERVER['CONTENT_LENGTH']));
+        $post_max_size  = $this->getConfigBytes(ini_get('post_max_size'));
+
+        if ($post_max_size && $content_length > $post_max_size) {
+            $file->error = $this->getErrorMessage('post_max_size');
+            return false;
+        }
+
+        if ($this->options['max_file_size'] && $file->size > $this->options['max_file_size']) {
+            $file->error = $this->getErrorMessage('max_file_size');
+            return false;
+        }
+
+        if ($this->options['min_file_size'] && $file->size < $this->options['min_file_size']) {
+            $file->error = $this->getErrorMessage('min_file_size');
+            return false;
+        }
+
+        if (!preg_match('/.('.$this->options['accept_file_types'].')+$/i', $file->name)) {
+            $file->error = $this->getErrorMessage('accept_file_types');
+            return false;
+        }
+
+        if (empty($file->width) || empty($file->height)) {
+            $file->error = $this->getErrorMessage('invalid_image');
+            return false;
+        }
+
+        $max_width  = @$this->options['max_width'];
+        $max_height = @$this->options['max_height'];
+        $min_width  = @$this->options['min_width'];
+        $min_height = @$this->options['min_height'];
+
+        if ($max_width || $max_height || $min_width || $min_height) {
+            if ($max_width && $file->width > $max_width) {
+                $file->error = $this->getErrorMessage('max_width').$max_width.'px';
+                return false;
+            }
+
+            if ($max_height && $file->height > $max_height) {
+                $file->error = $this->getErrorMessage('max_height').$max_height.'px';
+                return false;
+            }
+
+            if ($min_width && $file->width < $min_width) {
+                $file->error = $this->getErrorMessage('min_width').$min_width.'px';
+                return false;
+            }
+
+            if ($min_height && $file->height < $min_height) {
+                $file->error = $this->getErrorMessage('min_height').$min_height.'px';
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * Get upload directory path.
+     *
+     * @param  string $filename
+     * @param  string $version
+     * @return string
+     */
+    public function getUploadPath($filename = '', $version = '')
+    {
+        $upload_dir = $this->options['upload_dir'];
+
+        if ($version != '') {
+            $dir = @$this->options['versions'][$version]['upload_dir'];
+
+            if (!empty($dir)) {
+                $upload_dir = $dir;
+            }
+        }
+
+        return $upload_dir . $filename;
+    }
+
+    /**
+     * Get upload directory url.
+     *
+     * @param  string $filename
+     * @param  string $version
+     * @return string
+     */
+    public function getUploadUrl($filename = '', $version = '')
+    {
+        $upload_url = $this->options['upload_url'];
+
+        if ($version != '') {
+            $url = @$this->options['versions'][$version]['upload_url'];
+
+            if (!empty($url)) {
+                $upload_url = $url;
+            }
+        }
+
+        return $upload_url . $filename;
+    }
+
+    /**
+     * Get full url.
+     *
+     * @return string
+     */
+    protected function getFullUrl() {
+        $https = !empty($_SERVER['HTTPS']) && strcasecmp($_SERVER['HTTPS'], 'on') === 0;
+
+        return
+            ($https ? 'https://' : 'http://').
+            (!empty($_SERVER['REMOTE_USER']) ? $_SERVER['REMOTE_USER'].'@' : '').
+            (isset($_SERVER['HTTP_HOST']) ? $_SERVER['HTTP_HOST'] : ($_SERVER['SERVER_NAME'].
+            ($https && $_SERVER['SERVER_PORT'] === 443 ||
+            $_SERVER['SERVER_PORT'] === 80 ? '' : ':'.$_SERVER['SERVER_PORT']))).
+            substr($_SERVER['SCRIPT_NAME'],0, strrpos($_SERVER['SCRIPT_NAME'], '/'));
+    }
+
+    /**
+     * Get file name.
+     *
+     * @param  string
+     * @return string
+     */
+    public function getFilename($name)
+    {
+        return $this->getUniqueFilename($name);
+    }
+
+    /**
+     * Get version name.
+     *
+     * @param  string
+     * @return string
+     */
+    public function getVersionFilename($filename, $version)
+    {
+        $ext = $this->getFileExtension($filename);
+
+        if ($version == '') {
+            return $filename;
+        }
+
+        return str_replace('.'.$ext, "-$version.$ext", $filename);
+    }
+
+    /**
+     * Get unique file name.
+     *
+     * @param  string
+     * @return string
+     */
+    public function getUniqueFilename($name)
+    {
+        while (is_dir($this->getUploadPath($name))) {
+            $name = $this->upcountName($name);
+        }
+
+        while (is_file($this->getUploadPath($name))) {
+            $name = $this->upcountName($name);
+        }
+
+        return $name;
+    }
+
+    /**
+     * Get file extension.
+     *
+     * @param  string $filename
+     * @return string
+     */
+    public function getFileExtension($filename)
+    {
+        return pathinfo(strtolower($filename), PATHINFO_EXTENSION);
+    }
+
+    /**
+     * Generate json response.
+     *
+     * @param  mixed $response
+     * @return string
+     */
+    public function generateResponse($response)
+    {
+        echo json_encode($response);
+    }
+
+    /**
+     * Get error message.
+     *
+     * @param  string $error
+     * @return string
+     */
+    public function getErrorMessage($error)
+    {
+        return isset($this->errorMessages[$error]) ? $this->errorMessages[$error] : $error;
+    }
+
+    /**
+     * Resize image.
+     *
+     * @param  string       $src_path  Source image path
+     * @param  string|null  $dst_path  Destination image path
+     * @param  integer      $src_x     x-coordinate of source point
+     * @param  integer      $src_y     y-coordinate of source point
+     * @param  integer      $dst_w     Destination width
+     * @param  integer      $dst_h     Destination height
+     * @param  integer      $src_w     Source width
+     * @param  integer      $src_h     Source height
+     * @return bool
+     */
+    public function resizeImage($src_path, $dst_path = null, $src_x, $src_y, $dst_w, $dst_h, $src_w, $src_h)
+    {
+        $src_x = ceil($src_x);
+        $src_y = ceil($src_y);
+        $dst_w = ceil($dst_w);
+        $dst_h = ceil($dst_h);
+        $src_w = ceil($src_w);
+        $src_h = ceil($src_h);
+
+        $dst_path  = ($dst_path) ? $dst_path : $src_path;
+        $dst_image = imagecreatetruecolor($dst_w, $dst_h);
+        $extension = $this->getFileExtension($src_path);
+
+        if (!$dst_image) {
+            return false;
+        }
+
+        switch ($extension) {
+            case 'gif':
+                $src_image = imagecreatefromgif($src_path);
+                break;
+            case 'jpeg':
+            case 'jpg':
+                $src_image = imagecreatefromjpeg($src_path);
+                break;
+            case 'png':
+                imagealphablending($dst_image, false);
+                imagesavealpha($dst_image, true);
+                $src_image = imagecreatefrompng($src_path);
+                @imagealphablending($src_image, true);
+                break;
+        }
+
+        if (isset($src_image) && !$src_image) {
+            return false;
+        }
+
+        if (!imagecopyresampled($dst_image, $src_image, 0, 0, $src_x, $src_y, $dst_w, $dst_h, $src_w, $src_h)) {
+            return false;
+        }
+
+        switch ($extension) {
+            case 'gif':
+                return imagegif($dst_image, $dst_path);
+                break;
+            case 'jpeg':
+            case 'jpg':
+                return imagejpeg($dst_image, $dst_path);
+                break;
+            case 'png':
+                return imagepng($dst_image, $dst_path);
+                break;
+        }
+    }
+
+    /**
+     * Rotate image.
+     *
+     * @param  string  $src_path
+     * @param  integer $angle
+     * @return void
+     */
+    public function rotateImage($src_path, $angle)
+    {
+        $type = $this->getFileExtension($src_path);
+
+        switch ($type) {
+            case 'gif':
+                $source = imagecreatefromgif($src_path);
+                break;
+            case 'jpeg':
+            case 'jpg':
+                $source = imagecreatefromjpeg($src_path);
+                break;
+            case 'png':
+                $source = imagecreatefrompng($src_path);
+                break;
+        }
+
+        $image = imagerotate($source, $angle, 0);
+
+        switch ($type) {
+            case 'gif':
+                imagegif($image, $src_path);
+                break;
+            case 'jpeg':
+            case 'jpg':
+                imagejpeg($image, $src_path);
+                break;
+            case 'png':
+                imagepng($image, $src_path);
+                break;
+        }
+
+        imagedestroy($source);
+        imagedestroy($image);
+    }
+
+    /**
+     * Orient image based on EXIF orientation data.
+     *
+     * @param  string $filepath
+     * @return void
+     */
+    protected function orientImage($filepath)
+    {
+        if (!preg_match('/\.(jpe?g)$/i', $filepath)) {
+            return;
+        }
+
+        if (!function_exists('exif_read_data')) {
+            return;
+        }
+
+        $exif = @exif_read_data($filepath);
+
+        if (!empty($exif['Orientation'])) {
+            switch($exif['Orientation']) {
+                case 3: $angle = 180; break;
+                case 6: $angle = -90; break;
+                case 8: $angle = 90; break;
+            }
+
+            if (isset($angle)) {
+                $this->rotateImage($filepath, $angle);
+            }
+        }
+    }
+
+    protected function upcountName($name)
+    {
+        return preg_replace_callback(
+            '/(?:(?: \(([\d]+)\))?(\.[^.]+))?$/',
+            array($this, 'upcountNameCallback'),
+            $name,
+            1
+        );
+    }
+
+    protected function upcountNameCallback($matches)
+    {
+        $index = isset($matches[1]) ? intval($matches[1]) + 1 : 1;
+        $ext = isset($matches[2]) ? $matches[2] : '';
+
+        return ' ('.$index.')'.$ext;
+    }
+
+    protected function getConfigBytes($val)
+    {
+        $val  = trim($val);
+        $last = strtolower($val[strlen($val)-1]);
+
+        switch ($last) {
+            case 'g':
+                $val *= 1024;
+            case 'm':
+                $val *= 1024;
+            case 'k':
+                $val *= 1024;
+        }
+
+        return $this->fixIntOverflow($val);
+    }
+
+    protected function fixIntOverflow($size)
+    {
+        if ($size < 0) {
+            $size += 2.0 * (PHP_INT_MAX + 1);
+        }
+
+        return $size;
+    }
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/assets/class.upload.php b/deployed/jsn/administrator/components/com_jsn/assets/class.upload.php
new file mode 100644
index 00000000..efd0bf41
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/assets/class.upload.php
@@ -0,0 +1,5009 @@
+<?php
+/**
+* @copyright    Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license      http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package      Easy Profile
+* website       www.easy-profile.com
+* Technical Support : Forum -   http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+// +------------------------------------------------------------------------+
+// | class.upload.php                                                       |
+// +------------------------------------------------------------------------+
+// | Copyright (c) Colin Verot 2003-2014. All rights reserved.              |
+// | Email         colin@verot.net                                          |
+// | Web           http://www.verot.net                                     |
+// +------------------------------------------------------------------------+
+// | This program is free software; you can redistribute it and/or modify   |
+// | it under the terms of the GNU General Public License version 2 as      |
+// | published by the Free Software Foundation.                             |
+// |                                                                        |
+// | This program is distributed in the hope that it will be useful,        |
+// | but WITHOUT ANY WARRANTY; without even the implied warranty of         |
+// | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the          |
+// | GNU General Public License for more details.                           |
+// |                                                                        |
+// | You should have received a copy of the GNU General Public License      |
+// | along with this program; if not, write to the                          |
+// |   Free Software Foundation, Inc., 59 Temple Place, Suite 330,          |
+// |   Boston, MA 02111-1307 USA                                            |
+// |                                                                        |
+// | Please give credit on sites that use class.upload and submit changes   |
+// | of the script so other people can use them as well.                    |
+// | This script is free to use, don't abuse.                               |
+// +------------------------------------------------------------------------+
+
+
+/**
+ * Class upload
+ *
+ * @author    Colin Verot <colin@verot.net>
+ * @license   http://opensource.org/licenses/gpl-license.php GNU Public License
+ * @copyright Colin Verot
+ */
+class upload {
+
+
+    /**
+     * Class version
+     *
+     * @access public
+     * @var string
+     */
+    var $version;
+
+    /**
+     * Uploaded file name
+     *
+     * @access public
+     * @var string
+     */
+    var $file_src_name;
+
+    /**
+     * Uploaded file name body (i.e. without extension)
+     *
+     * @access public
+     * @var string
+     */
+    var $file_src_name_body;
+
+    /**
+     * Uploaded file name extension
+     *
+     * @access public
+     * @var string
+     */
+    var $file_src_name_ext;
+
+    /**
+     * Uploaded file MIME type
+     *
+     * @access public
+     * @var string
+     */
+    var $file_src_mime;
+
+    /**
+     * Uploaded file size, in bytes
+     *
+     * @access public
+     * @var double
+     */
+    var $file_src_size;
+
+    /**
+     * Holds eventual PHP error code from FILES
+     *
+     * @access public
+     * @var string
+     */
+    var $file_src_error;
+
+    /**
+     * Uloaded file name, including server path
+     *
+     * @access public
+     * @var string
+     */
+    var $file_src_pathname;
+
+    /**
+     * Uloaded file name temporary copy
+     *
+     * @access private
+     * @var string
+     */
+    var $file_src_temp;
+
+    /**
+     * Destination file name
+     *
+     * @access public
+     * @var string
+     */
+    var $file_dst_path;
+
+    /**
+     * Destination file name
+     *
+     * @access public
+     * @var string
+     */
+    var $file_dst_name;
+
+    /**
+     * Destination file name body (i.e. without extension)
+     *
+     * @access public
+     * @var string
+     */
+    var $file_dst_name_body;
+
+    /**
+     * Destination file extension
+     *
+     * @access public
+     * @var string
+     */
+    var $file_dst_name_ext;
+
+    /**
+     * Destination file name, including path
+     *
+     * @access public
+     * @var string
+     */
+    var $file_dst_pathname;
+
+    /**
+     * Source image width
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_src_x;
+
+    /**
+     * Source image height
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_src_y;
+
+    /**
+     * Source image color depth
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_src_bits;
+
+    /**
+     * Number of pixels
+     *
+     * @access public
+     * @var long
+     */
+    var $image_src_pixels;
+
+    /**
+     * Type of image (png, gif, jpg or bmp)
+     *
+     * @access public
+     * @var string
+     */
+    var $image_src_type;
+
+    /**
+     * Destination image width
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_dst_x;
+
+    /**
+     * Destination image height
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_dst_y;
+
+    /**
+     * Destination image type (png, gif, jpg or bmp)
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_dst_type;
+
+    /**
+     * Supported image formats
+     *
+     * @access private
+     * @var array
+     */
+    var $image_supported;
+
+    /**
+     * Flag to determine if the source file is an image
+     *
+     * @access public
+     * @var boolean
+     */
+    var $file_is_image;
+
+    /**
+     * Flag set after instanciating the class
+     *
+     * Indicates if the file has been uploaded properly
+     *
+     * @access public
+     * @var bool
+     */
+    var $uploaded;
+
+    /**
+     * Flag stopping PHP upload checks
+     *
+     * Indicates whether we instanciated the class with a filename, in which case
+     * we will not check on the validity of the PHP *upload*
+     *
+     * This flag is automatically set to true when working on a local file
+     *
+     * Warning: for uploads, this flag MUST be set to false for security reason
+     *
+     * @access public
+     * @var bool
+     */
+    var $no_upload_check;
+
+    /**
+     * Flag set after calling a process
+     *
+     * Indicates if the processing, and copy of the resulting file went OK
+     *
+     * @access public
+     * @var bool
+     */
+    var $processed;
+
+    /**
+     * Holds eventual error message in plain english
+     *
+     * @access public
+     * @var string
+     */
+    var $error;
+
+    /**
+     * Holds an HTML formatted log
+     *
+     * @access public
+     * @var string
+     */
+    var $log;
+
+
+    // overiddable processing variables
+
+
+    /**
+     * Set this variable to replace the name body (i.e. without extension)
+     *
+     * @access public
+     * @var string
+     */
+    var $file_new_name_body;
+
+    /**
+     * Set this variable to append a string to the file name body
+     *
+     * @access public
+     * @var string
+     */
+    var $file_name_body_add;
+
+    /**
+     * Set this variable to prepend a string to the file name body
+     *
+     * @access public
+     * @var string
+     */
+    var $file_name_body_pre;
+
+    /**
+     * Set this variable to change the file extension
+     *
+     * @access public
+     * @var string
+     */
+    var $file_new_name_ext;
+
+    /**
+     * Set this variable to format the filename (spaces changed to _)
+     *
+     * @access public
+     * @var boolean
+     */
+    var $file_safe_name;
+
+    /**
+     * Forces an extension if the source file doesn't have one
+     *
+     * If the file is an image, then the correct extension will be added
+     * Otherwise, a .txt extension will be chosen
+     *
+     * @access public
+     * @var boolean
+     */
+    var $file_force_extension;
+
+    /**
+     * Set this variable to false if you don't want to check the MIME against the allowed list
+     *
+     * This variable is set to true by default for security reason
+     *
+     * @access public
+     * @var boolean
+     */
+    var $mime_check;
+
+    /**
+     * Set this variable to false in the init() function if you don't want to check the MIME
+     * with Fileinfo PECL extension. On some systems, Fileinfo is known to be buggy, and you
+     * may want to deactivate it in the class code directly.
+     *
+     * You can also set it with the path of the magic database file.
+     * If set to true, the class will try to read the MAGIC environment variable
+     *   and if it is empty, will default to the system's default
+     * If set to an empty string, it will call finfo_open without the path argument
+     *
+     * This variable is set to true by default for security reason
+     *
+     * @access public
+     * @var boolean
+     */
+    var $mime_fileinfo;
+
+    /**
+     * Set this variable to false in the init() function if you don't want to check the MIME
+     * with UNIX file() command
+     *
+     * This variable is set to true by default for security reason
+     *
+     * @access public
+     * @var boolean
+     */
+    var $mime_file;
+
+    /**
+     * Set this variable to false in the init() function if you don't want to check the MIME
+     * with the magic.mime file
+     *
+     * The function mime_content_type() will be deprecated,
+     * and this variable will be set to false in a future release
+     *
+     * This variable is set to true by default for security reason
+     *
+     * @access public
+     * @var boolean
+     */
+    var $mime_magic;
+
+    /**
+     * Set this variable to false in the init() function if you don't want to check the MIME
+     * with getimagesize()
+     *
+     * The class tries to get a MIME type from getimagesize()
+     * If no MIME is returned, it tries to guess the MIME type from the file type
+     *
+     * This variable is set to true by default for security reason
+     *
+     * @access public
+     * @var boolean
+     */
+    var $mime_getimagesize;
+
+    /**
+     * Set this variable to false if you don't want to turn dangerous scripts into simple text files
+     *
+     * @access public
+     * @var boolean
+     */
+    var $no_script;
+
+    /**
+     * Set this variable to true to allow automatic renaming of the file
+     * if the file already exists
+     *
+     * Default value is true
+     *
+     * For instance, on uploading foo.ext,<br>
+     * if foo.ext already exists, upload will be renamed foo_1.ext<br>
+     * and if foo_1.ext already exists, upload will be renamed foo_2.ext<br>
+     *
+     * Note that this option doesn't have any effect if {@link file_overwrite} is true
+     *
+     * @access public
+     * @var bool
+     */
+    var $file_auto_rename;
+
+    /**
+     * Set this variable to true to allow automatic creation of the destination
+     * directory if it is missing (works recursively)
+     *
+     * Default value is true
+     *
+     * @access public
+     * @var bool
+     */
+    var $dir_auto_create;
+
+    /**
+     * Set this variable to true to allow automatic chmod of the destination
+     * directory if it is not writeable
+     *
+     * Default value is true
+     *
+     * @access public
+     * @var bool
+     */
+    var $dir_auto_chmod;
+
+    /**
+     * Set this variable to the default chmod you want the class to use
+     * when creating directories, or attempting to write in a directory
+     *
+     * Default value is 0777 (without quotes)
+     *
+     * @access public
+     * @var bool
+     */
+    var $dir_chmod;
+
+    /**
+     * Set this variable tu true to allow overwriting of an existing file
+     *
+     * Default value is false, so no files will be overwritten
+     *
+     * @access public
+     * @var bool
+     */
+    var $file_overwrite;
+
+    /**
+     * Set this variable to change the maximum size in bytes for an uploaded file
+     *
+     * Default value is the value <i>upload_max_filesize</i> from php.ini
+     *
+     * Value in bytes (integer) or shorthand byte values (string) is allowed.
+     * The available options are K (for Kilobytes), M (for Megabytes) and G (for Gigabytes)
+     *
+     * @access public
+     * @var double
+     */
+    var $file_max_size;
+
+    /**
+     * Set this variable to true to resize the file if it is an image
+     *
+     * You will probably want to set {@link image_x} and {@link image_y}, and maybe one of the ratio variables
+     *
+     * Default value is false (no resizing)
+     *
+     * @access public
+     * @var bool
+     */
+    var $image_resize;
+
+    /**
+     * Set this variable to convert the file if it is an image
+     *
+     * Possibles values are : ''; 'png'; 'jpeg'; 'gif'; 'bmp'
+     *
+     * Default value is '' (no conversion)<br>
+     * If {@link resize} is true, {@link convert} will be set to the source file extension
+     *
+     * @access public
+     * @var string
+     */
+    var $image_convert;
+
+    /**
+     * Set this variable to the wanted (or maximum/minimum) width for the processed image, in pixels
+     *
+     * Default value is 150
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_x;
+
+    /**
+     * Set this variable to the wanted (or maximum/minimum) height for the processed image, in pixels
+     *
+     * Default value is 150
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_y;
+
+    /**
+     * Set this variable to keep the original size ratio to fit within {@link image_x} x {@link image_y}
+     *
+     * Default value is false
+     *
+     * @access public
+     * @var bool
+     */
+    var $image_ratio;
+
+    /**
+     * Set this variable to keep the original size ratio to fit within {@link image_x} x {@link image_y}
+     *
+     * The image will be resized as to fill the whole space, and excedent will be cropped
+     *
+     * Value can also be a string, one or more character from 'TBLR' (top, bottom, left and right)
+     * If set as a string, it determines which side of the image is kept while cropping.
+     * By default, the part of the image kept is in the center, i.e. it crops equally on both sides
+     *
+     * Default value is false
+     *
+     * @access public
+     * @var mixed
+     */
+    var $image_ratio_crop;
+
+    /**
+     * Set this variable to keep the original size ratio to fit within {@link image_x} x {@link image_y}
+     *
+     * The image will be resized to fit entirely in the space, and the rest will be colored.
+     * The default color is white, but can be set with {@link image_default_color}
+     *
+     * Value can also be a string, one or more character from 'TBLR' (top, bottom, left and right)
+     * If set as a string, it determines in which side of the space the image is displayed.
+     * By default, the image is displayed in the center, i.e. it fills the remaining space equally on both sides
+     *
+     * Default value is false
+     *
+     * @access public
+     * @var mixed
+     */
+    var $image_ratio_fill;
+
+    /**
+     * Set this variable to a number of pixels so that {@link image_x} and {@link image_y} are the best match possible
+     *
+     * The image will be resized to have approximatively the number of pixels
+     * The aspect ratio wil be conserved
+     *
+     * Default value is false
+     *
+     * @access public
+     * @var mixed
+     */
+    var $image_ratio_pixels;
+
+    /**
+     * Set this variable to calculate {@link image_x} automatically , using {@link image_y} and conserving ratio
+     *
+     * Default value is false
+     *
+     * @access public
+     * @var bool
+     */
+    var $image_ratio_x;
+
+    /**
+     * Set this variable to calculate {@link image_y} automatically , using {@link image_x} and conserving ratio
+     *
+     * Default value is false
+     *
+     * @access public
+     * @var bool
+     */
+    var $image_ratio_y;
+
+    /**
+     * (deprecated) Set this variable to keep the original size ratio to fit within {@link image_x} x {@link image_y},
+     * but only if original image is bigger
+     *
+     * This setting is soon to be deprecated. Instead, use {@link image_ratio} and {@link image_no_enlarging}
+     *
+     * Default value is false
+     *
+     * @access public
+     * @var bool
+     */
+    var $image_ratio_no_zoom_in;
+
+    /**
+     * (deprecated) Set this variable to keep the original size ratio to fit within {@link image_x} x {@link image_y},
+     * but only if original image is smaller
+     *
+     * Default value is false
+     *
+     * This setting is soon to be deprecated. Instead, use {@link image_ratio} and {@link image_no_shrinking}
+     *
+     * @access public
+     * @var bool
+     */
+    var $image_ratio_no_zoom_out;
+
+    /**
+     * Cancel resizing if the resized image is bigger than the original image, to prevent enlarging
+     *
+     * Default value is false
+     *
+     * @access public
+     * @var bool
+     */
+    var $image_no_enlarging;
+
+    /**
+     * Cancel resizing if the resized image is smaller than the original image, to prevent shrinking
+     *
+     * Default value is false
+     *
+     * @access public
+     * @var bool
+     */
+    var $image_no_shrinking;
+
+    /**
+     * Set this variable to set a maximum image width, above which the upload will be invalid
+     *
+     * Default value is null
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_max_width;
+
+    /**
+     * Set this variable to set a maximum image height, above which the upload will be invalid
+     *
+     * Default value is null
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_max_height;
+
+    /**
+     * Set this variable to set a maximum number of pixels for an image, above which the upload will be invalid
+     *
+     * Default value is null
+     *
+     * @access public
+     * @var long
+     */
+    var $image_max_pixels;
+
+    /**
+     * Set this variable to set a maximum image aspect ratio, above which the upload will be invalid
+     *
+     * Note that ratio = width / height
+     *
+     * Default value is null
+     *
+     * @access public
+     * @var float
+     */
+    var $image_max_ratio;
+
+    /**
+     * Set this variable to set a minimum image width, below which the upload will be invalid
+     *
+     * Default value is null
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_min_width;
+
+    /**
+     * Set this variable to set a minimum image height, below which the upload will be invalid
+     *
+     * Default value is null
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_min_height;
+
+    /**
+     * Set this variable to set a minimum number of pixels for an image, below which the upload will be invalid
+     *
+     * Default value is null
+     *
+     * @access public
+     * @var long
+     */
+    var $image_min_pixels;
+
+    /**
+     * Set this variable to set a minimum image aspect ratio, below which the upload will be invalid
+     *
+     * Note that ratio = width / height
+     *
+     * Default value is null
+     *
+     * @access public
+     * @var float
+     */
+    var $image_min_ratio;
+
+    /**
+     * Compression level for PNG images
+     *
+     * Between 1 (fast but large files) and 9 (slow but smaller files)
+     *
+     * Default value is null (Zlib default)
+     *
+     * @access public
+     * @var integer
+     */
+    var $png_compression;
+
+    /**
+     * Quality of JPEG created/converted destination image
+     *
+     * Default value is 85
+     *
+     * @access public
+     * @var integer
+     */
+    var $jpeg_quality;
+
+    /**
+     * Determines the quality of the JPG image to fit a desired file size
+     *
+     * The JPG quality will be set between 1 and 100%
+     * The calculations are approximations.
+     *
+     * Value in bytes (integer) or shorthand byte values (string) is allowed.
+     * The available options are K (for Kilobytes), M (for Megabytes) and G (for Gigabytes)
+     *
+     * Default value is null (no calculations)
+     *
+     * @access public
+     * @var integer
+     */
+    var $jpeg_size;
+
+    /**
+     * Turns the interlace bit on
+     *
+     * This is actually used only for JPEG images, and defaults to false
+     *
+     * @access public
+     * @var boolean
+     */
+    var $image_interlace;
+
+    /**
+     * Flag set to true when the image is transparent
+     *
+     * This is actually used only for transparent GIFs
+     *
+     * @access public
+     * @var boolean
+     */
+    var $image_is_transparent;
+
+    /**
+     * Transparent color in a palette
+     *
+     * This is actually used only for transparent GIFs
+     *
+     * @access public
+     * @var boolean
+     */
+    var $image_transparent_color;
+
+    /**
+     * Background color, used to paint transparent areas with
+     *
+     * If set, it will forcibly remove transparency by painting transparent areas with the color
+     * This setting will fill in all transparent areas in PNG and GIF, as opposed to {@link image_default_color}
+     * which will do so only in BMP, JPEG, and alpha transparent areas in transparent GIFs
+     * This setting overrides {@link image_default_color}
+     *
+     * Default value is null
+     *
+     * @access public
+     * @var string
+     */
+    var $image_background_color;
+
+    /**
+     * Default color for non alpha-transparent images
+     *
+     * This setting is to be used to define a background color for semi transparent areas
+     * of an alpha transparent when the output format doesn't support alpha transparency
+     * This is useful when, from an alpha transparent PNG image, or an image with alpha transparent features
+     * if you want to output it as a transparent GIFs for instance, you can set a blending color for transparent areas
+     * If you output in JPEG or BMP, this color will be used to fill in the previously transparent areas
+     *
+     * The default color white
+     *
+     * @access public
+     * @var boolean
+     */
+    var $image_default_color;
+
+    /**
+     * Flag set to true when the image is not true color
+     *
+     * @access public
+     * @var boolean
+     */
+    var $image_is_palette;
+
+    /**
+     * Corrects the image brightness
+     *
+     * Value can range between -127 and 127
+     *
+     * Default value is null
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_brightness;
+
+    /**
+     * Corrects the image contrast
+     *
+     * Value can range between -127 and 127
+     *
+     * Default value is null
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_contrast;
+
+    /**
+     * Changes the image opacity
+     *
+     * Value can range between 0 and 100
+     *
+     * Default value is null
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_opacity;
+
+    /**
+     * Applies threshold filter
+     *
+     * Value can range between -127 and 127
+     *
+     * Default value is null
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_threshold;
+
+    /**
+     * Applies a tint on the image
+     *
+     * Value is an hexadecimal color, such as #FFFFFF
+     *
+     * Default value is null
+     *
+     * @access public
+     * @var string;
+     */
+    var $image_tint_color;
+
+    /**
+     * Applies a colored overlay on the image
+     *
+     * Value is an hexadecimal color, such as #FFFFFF
+     *
+     * To use with {@link image_overlay_opacity}
+     *
+     * Default value is null
+     *
+     * @access public
+     * @var string;
+     */
+    var $image_overlay_color;
+
+    /**
+     * Sets the opacity for the colored overlay
+     *
+     * Value is a percentage, as an integer between 0 (transparent) and 100 (opaque)
+     *
+     * Unless used with {@link image_overlay_color}, this setting has no effect
+     *
+     * Default value is 50
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_overlay_opacity;
+
+    /**
+     * Inverts the color of an image
+     *
+     * Default value is FALSE
+     *
+     * @access public
+     * @var boolean;
+     */
+    var $image_negative;
+
+    /**
+     * Turns the image into greyscale
+     *
+     * Default value is FALSE
+     *
+     * @access public
+     * @var boolean;
+     */
+    var $image_greyscale;
+
+    /**
+     * Pixelate an image
+     *
+     * Value is integer, represents the block size
+     *
+     * Default value is null
+     *
+     * @access public
+     * @var integer;
+     */
+    var $image_pixelate;
+
+    /**
+     * Applies an unsharp mask, with alpha transparency support
+     *
+     * Beware that this unsharp mask is quite resource-intensive
+     *
+     * Default value is FALSE
+     *
+     * @access public
+     * @var boolean;
+     */
+    var $image_unsharp;
+
+    /**
+     * Sets the unsharp mask amount
+     *
+     * Value is an integer between 0 and 500, typically between 50 and 200
+     *
+     * Unless used with {@link image_unsharp}, this setting has no effect
+     *
+     * Default value is 80
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_unsharp_amount;
+
+    /**
+     * Sets the unsharp mask radius
+     *
+     * Value is an integer between 0 and 50, typically between 0.5 and 1
+     * It is not recommended to change it, the default works best
+     *
+     * Unless used with {@link image_unsharp}, this setting has no effect
+     *
+     * From PHP 5.1, imageconvolution is used, and this setting has no effect
+     *
+     * Default value is 0.5
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_unsharp_radius;
+
+    /**
+     * Sets the unsharp mask threshold
+     *
+     * Value is an integer between 0 and 255, typically between 0 and 5
+     *
+     * Unless used with {@link image_unsharp}, this setting has no effect
+     *
+     * Default value is 1
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_unsharp_threshold;
+
+    /**
+     * Adds a text label on the image
+     *
+     * Value is a string, any text. Text will not word-wrap, although you can use breaklines in your text "\n"
+     *
+     * If set, this setting allow the use of all other settings starting with image_text_
+     *
+     * Replacement tokens can be used in the string:
+     * <pre>
+     * gd_version    src_name       src_name_body src_name_ext
+     * src_pathname  src_mime       src_x         src_y
+     * src_type      src_bits       src_pixels
+     * src_size      src_size_kb    src_size_mb   src_size_human
+     * dst_path      dst_name_body  dst_pathname
+     * dst_name      dst_name_ext   dst_x         dst_y
+     * date          time           host          server        ip
+     * </pre>
+     * The tokens must be enclosed in square brackets: [dst_x] will be replaced by the width of the picture
+     *
+     * Default value is null
+     *
+     * @access public
+     * @var string;
+     */
+    var $image_text;
+
+    /**
+     * Sets the text direction for the text label
+     *
+     * Value is either 'h' or 'v', as in horizontal and vertical
+     *
+     * Note that if you use a TrueType font, you can use {@link image_text_angle} instead
+     *
+     * Default value is h (horizontal)
+     *
+     * @access public
+     * @var string;
+     */
+    var $image_text_direction;
+
+    /**
+     * Sets the text color for the text label
+     *
+     * Value is an hexadecimal color, such as #FFFFFF
+     *
+     * Default value is #FFFFFF (white)
+     *
+     * @access public
+     * @var string;
+     */
+    var $image_text_color;
+
+    /**
+     * Sets the text opacity in the text label
+     *
+     * Value is a percentage, as an integer between 0 (transparent) and 100 (opaque)
+     *
+     * Default value is 100
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_text_opacity;
+
+    /**
+     * Sets the text background color for the text label
+     *
+     * Value is an hexadecimal color, such as #FFFFFF
+     *
+     * Default value is null (no background)
+     *
+     * @access public
+     * @var string;
+     */
+    var $image_text_background;
+
+    /**
+     * Sets the text background opacity in the text label
+     *
+     * Value is a percentage, as an integer between 0 (transparent) and 100 (opaque)
+     *
+     * Default value is 100
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_text_background_opacity;
+
+    /**
+     * Sets the text font in the text label
+     *
+     * Value is a an integer between 1 and 5 for GD built-in fonts. 1 is the smallest font, 5 the biggest
+     * Value can also be a string, which represents the path to a GDF or TTF font (TrueType).
+     *
+     * Default value is 5
+     *
+     * @access public
+     * @var mixed;
+     */
+    var $image_text_font;
+
+    /**
+     * Sets the text font size for TrueType fonts
+     *
+     * Value is a an integer, and represents the font size in pixels (GD1) or points (GD1)
+     *
+     * Note that this setting is only applicable to TrueType fonts, and has no effects with GD fonts
+     *
+     * Default value is 16
+     *
+     * @access public
+     * @var integer;
+     */
+    var $image_text_size;
+
+    /**
+     * Sets the text angle for TrueType fonts
+     *
+     * Value is a an integer between 0 and 360, in degrees, with 0 degrees being left-to-right reading text.
+     *
+     * Note that this setting is only applicable to TrueType fonts, and has no effects with GD fonts
+     * For GD fonts, you can use {@link image_text_direction} instead
+     *
+     * Default value is null (so it is determined by the value of {@link image_text_direction})
+     *
+     * @access public
+     * @var integer;
+     */
+    var $image_text_angle;
+
+    /**
+     * Sets the text label position within the image
+     *
+     * Value is one or two out of 'TBLR' (top, bottom, left, right)
+     *
+     * The positions are as following:
+     * <pre>
+     *                        TL  T  TR
+     *                        L       R
+     *                        BL  B  BR
+     * </pre>
+     *
+     * Default value is null (centered, horizontal and vertical)
+     *
+     * Note that is {@link image_text_x} and {@link image_text_y} are used, this setting has no effect
+     *
+     * @access public
+     * @var string;
+     */
+    var $image_text_position;
+
+    /**
+     * Sets the text label absolute X position within the image
+     *
+     * Value is in pixels, representing the distance between the left of the image and the label
+     * If a negative value is used, it will represent the distance between the right of the image and the label
+     *
+     * Default value is null (so {@link image_text_position} is used)
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_text_x;
+
+    /**
+     * Sets the text label absolute Y position within the image
+     *
+     * Value is in pixels, representing the distance between the top of the image and the label
+     * If a negative value is used, it will represent the distance between the bottom of the image and the label
+     *
+     * Default value is null (so {@link image_text_position} is used)
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_text_y;
+
+    /**
+     * Sets the text label padding
+     *
+     * Value is in pixels, representing the distance between the text and the label background border
+     *
+     * Default value is 0
+     *
+     * This setting can be overriden by {@link image_text_padding_x} and {@link image_text_padding_y}
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_text_padding;
+
+    /**
+     * Sets the text label horizontal padding
+     *
+     * Value is in pixels, representing the distance between the text and the left and right label background borders
+     *
+     * Default value is null
+     *
+     * If set, this setting overrides the horizontal part of {@link image_text_padding}
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_text_padding_x;
+
+    /**
+     * Sets the text label vertical padding
+     *
+     * Value is in pixels, representing the distance between the text and the top and bottom label background borders
+     *
+     * Default value is null
+     *
+     * If set, his setting overrides the vertical part of {@link image_text_padding}
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_text_padding_y;
+
+    /**
+     * Sets the text alignment
+     *
+     * Value is a string, which can be either 'L', 'C' or 'R'
+     *
+     * Default value is 'C'
+     *
+     * This setting is relevant only if the text has several lines.
+     *
+     * Note that this setting is only applicable to GD fonts, and has no effects with TrueType fonts
+     *
+     * @access public
+     * @var string;
+     */
+    var $image_text_alignment;
+
+    /**
+     * Sets the text line spacing
+     *
+     * Value is an integer, in pixels
+     *
+     * Default value is 0
+     *
+     * This setting is relevant only if the text has several lines.
+     *
+     * Note that this setting is only applicable to GD fonts, and has no effects with TrueType fonts
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_text_line_spacing;
+
+    /**
+     * Sets the height of the reflection
+     *
+     * Value is an integer in pixels, or a string which format can be in pixels or percentage.
+     * For instance, values can be : 40, '40', '40px' or '40%'
+     *
+     * Default value is null, no reflection
+     *
+     * @access public
+     * @var mixed;
+     */
+    var $image_reflection_height;
+
+    /**
+     * Sets the space between the source image and its relection
+     *
+     * Value is an integer in pixels, which can be negative
+     *
+     * Default value is 2
+     *
+     * This setting is relevant only if {@link image_reflection_height} is set
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_reflection_space;
+
+    /**
+     * Sets the initial opacity of the reflection
+     *
+     * Value is an integer between 0 (no opacity) and 100 (full opacity).
+     * The reflection will start from {@link image_reflection_opacity} and end up at 0
+     *
+     * Default value is 60
+     *
+     * This setting is relevant only if {@link image_reflection_height} is set
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_reflection_opacity;
+
+    /**
+     * Automatically rotates the image according to EXIF data (JPEG only)
+     *
+     * Default value is true
+     *
+     * @access public
+     * @var boolean;
+     */
+    var $image_auto_rotate;
+
+    /**
+     * Flips the image vertically or horizontally
+     *
+     * Value is either 'h' or 'v', as in horizontal and vertical
+     *
+     * Default value is null (no flip)
+     *
+     * @access public
+     * @var string;
+     */
+    var $image_flip;
+
+    /**
+     * Rotates the image by increments of 45 degrees
+     *
+     * Value is either 90, 180 or 270
+     *
+     * Default value is null (no rotation)
+     *
+     * @access public
+     * @var string;
+     */
+    var $image_rotate;
+
+    /**
+     * Crops an image
+     *
+     * Values are four dimensions, or two, or one (CSS style)
+     * They represent the amount cropped top, right, bottom and left.
+     * These values can either be in an array, or a space separated string.
+     * Each value can be in pixels (with or without 'px'), or percentage (of the source image)
+     *
+     * For instance, are valid:
+     * <pre>
+     * $foo->image_crop = 20                  OR array(20);
+     * $foo->image_crop = '20px'              OR array('20px');
+     * $foo->image_crop = '20 40'             OR array('20', 40);
+     * $foo->image_crop = '-20 25%'           OR array(-20, '25%');
+     * $foo->image_crop = '20px 25%'          OR array('20px', '25%');
+     * $foo->image_crop = '20% 25%'           OR array('20%', '25%');
+     * $foo->image_crop = '20% 25% 10% 30%'   OR array('20%', '25%', '10%', '30%');
+     * $foo->image_crop = '20px 25px 2px 2px' OR array('20px', '25%px', '2px', '2px');
+     * $foo->image_crop = '20 25% 40px 10%'   OR array(20, '25%', '40px', '10%');
+     * </pre>
+     *
+     * If a value is negative, the image will be expanded, and the extra parts will be filled with black
+     *
+     * Default value is null (no cropping)
+     *
+     * @access public
+     * @var string OR array;
+     */
+    var $image_crop;
+
+    /**
+     * Crops an image, before an eventual resizing
+     *
+     * See {@link image_crop} for valid formats
+     *
+     * Default value is null (no cropping)
+     *
+     * @access public
+     * @var string OR array;
+     */
+    var $image_precrop;
+
+    /**
+     * Adds a bevel border on the image
+     *
+     * Value is a positive integer, representing the thickness of the bevel
+     *
+     * If the bevel colors are the same as the background, it makes a fade out effect
+     *
+     * Default value is null (no bevel)
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_bevel;
+
+    /**
+     * Top and left bevel color
+     *
+     * Value is a color, in hexadecimal format
+     * This setting is used only if {@link image_bevel} is set
+     *
+     * Default value is #FFFFFF
+     *
+     * @access public
+     * @var string;
+     */
+    var $image_bevel_color1;
+
+    /**
+     * Right and bottom bevel color
+     *
+     * Value is a color, in hexadecimal format
+     * This setting is used only if {@link image_bevel} is set
+     *
+     * Default value is #000000
+     *
+     * @access public
+     * @var string;
+     */
+    var $image_bevel_color2;
+
+    /**
+     * Adds a single-color border on the outer of the image
+     *
+     * Values are four dimensions, or two, or one (CSS style)
+     * They represent the border thickness top, right, bottom and left.
+     * These values can either be in an array, or a space separated string.
+     * Each value can be in pixels (with or without 'px'), or percentage (of the source image)
+     *
+     * See {@link image_crop} for valid formats
+     *
+     * If a value is negative, the image will be cropped.
+     * Note that the dimensions of the picture will be increased by the borders' thickness
+     *
+     * Default value is null (no border)
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_border;
+
+    /**
+     * Border color
+     *
+     * Value is a color, in hexadecimal format.
+     * This setting is used only if {@link image_border} is set
+     *
+     * Default value is #FFFFFF
+     *
+     * @access public
+     * @var string;
+     */
+    var $image_border_color;
+
+    /**
+     * Sets the opacity for the borders
+     *
+     * Value is a percentage, as an integer between 0 (transparent) and 100 (opaque)
+     *
+     * Unless used with {@link image_border}, this setting has no effect
+     *
+     * Default value is 100
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_border_opacity;
+
+    /**
+     * Adds a fading-to-transparent border on the image
+     *
+     * Values are four dimensions, or two, or one (CSS style)
+     * They represent the border thickness top, right, bottom and left.
+     * These values can either be in an array, or a space separated string.
+     * Each value can be in pixels (with or without 'px'), or percentage (of the source image)
+     *
+     * See {@link image_crop} for valid formats
+     *
+     * Note that the dimensions of the picture will not be increased by the borders' thickness
+     *
+     * Default value is null (no border)
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_border_transparent;
+
+    /**
+     * Adds a multi-color frame on the outer of the image
+     *
+     * Value is an integer. Two values are possible for now:
+     * 1 for flat border, meaning that the frame is mirrored horizontally and vertically
+     * 2 for crossed border, meaning that the frame will be inversed, as in a bevel effect
+     *
+     * The frame will be composed of colored lines set in {@link image_frame_colors}
+     *
+     * Note that the dimensions of the picture will be increased by the borders' thickness
+     *
+     * Default value is null (no frame)
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_frame;
+
+    /**
+     * Sets the colors used to draw a frame
+     *
+     * Values is a list of n colors in hexadecimal format.
+     * These values can either be in an array, or a space separated string.
+     *
+     * The colors are listed in the following order: from the outset of the image to its center
+     *
+     * For instance, are valid:
+     * <pre>
+     * $foo->image_frame_colors = '#FFFFFF #999999 #666666 #000000';
+     * $foo->image_frame_colors = array('#FFFFFF', '#999999', '#666666', '#000000');
+     * </pre>
+     *
+     * This setting is used only if {@link image_frame} is set
+     *
+     * Default value is '#FFFFFF #999999 #666666 #000000'
+     *
+     * @access public
+     * @var string OR array;
+     */
+    var $image_frame_colors;
+
+    /**
+     * Sets the opacity for the frame
+     *
+     * Value is a percentage, as an integer between 0 (transparent) and 100 (opaque)
+     *
+     * Unless used with {@link image_frame}, this setting has no effect
+     *
+     * Default value is 100
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_frame_opacity;
+
+    /**
+     * Adds a watermark on the image
+     *
+     * Value is a local image filename, relative or absolute. GIF, JPG, BMP and PNG are supported, as well as PNG alpha.
+     *
+     * If set, this setting allow the use of all other settings starting with image_watermark_
+     *
+     * Default value is null
+     *
+     * @access public
+     * @var string;
+     */
+    var $image_watermark;
+
+    /**
+     * Sets the watermarkposition within the image
+     *
+     * Value is one or two out of 'TBLR' (top, bottom, left, right)
+     *
+     * The positions are as following:   TL  T  TR
+     *                                   L       R
+     *                                   BL  B  BR
+     *
+     * Default value is null (centered, horizontal and vertical)
+     *
+     * Note that is {@link image_watermark_x} and {@link image_watermark_y} are used, this setting has no effect
+     *
+     * @access public
+     * @var string;
+     */
+    var $image_watermark_position;
+
+    /**
+     * Sets the watermark absolute X position within the image
+     *
+     * Value is in pixels, representing the distance between the top of the image and the watermark
+     * If a negative value is used, it will represent the distance between the bottom of the image and the watermark
+     *
+     * Default value is null (so {@link image_watermark_position} is used)
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_watermark_x;
+
+    /**
+     * Sets the twatermark absolute Y position within the image
+     *
+     * Value is in pixels, representing the distance between the left of the image and the watermark
+     * If a negative value is used, it will represent the distance between the right of the image and the watermark
+     *
+     * Default value is null (so {@link image_watermark_position} is used)
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_watermark_y;
+
+    /**
+     * Prevents the watermark to be resized up if it is smaller than the image
+     *
+     * If the watermark if smaller than the destination image, taking in account the desired watermark position
+     * then it will be resized up to fill in the image (minus the {@link image_watermark_x} or {@link image_watermark_y} values)
+     *
+     * If you don't want your watermark to be resized in any way, then
+     * set {@link image_watermark_no_zoom_in} and {@link image_watermark_no_zoom_out} to true
+     * If you want your watermark to be resized up or doan to fill in the image better, then
+     * set {@link image_watermark_no_zoom_in} and {@link image_watermark_no_zoom_out} to false
+     *
+     * Default value is true (so the watermark will not be resized up, which is the behaviour most people expect)
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_watermark_no_zoom_in;
+
+    /**
+     * Prevents the watermark to be resized down if it is bigger than the image
+     *
+     * If the watermark if bigger than the destination image, taking in account the desired watermark position
+     * then it will be resized down to fit in the image (minus the {@link image_watermark_x} or {@link image_watermark_y} values)
+     *
+     * If you don't want your watermark to be resized in any way, then
+     * set {@link image_watermark_no_zoom_in} and {@link image_watermark_no_zoom_out} to true
+     * If you want your watermark to be resized up or doan to fill in the image better, then
+     * set {@link image_watermark_no_zoom_in} and {@link image_watermark_no_zoom_out} to false
+     *
+     * Default value is false (so the watermark may be shrinked to fit in the image)
+     *
+     * @access public
+     * @var integer
+     */
+    var $image_watermark_no_zoom_out;
+
+    /**
+     * List of MIME types per extension
+     *
+     * @access private
+     * @var array
+     */
+    var $mime_types;
+
+    /**
+     * Allowed MIME types
+     *
+     * Default is a selection of safe mime-types, but you might want to change it
+     *
+     * Simple wildcards are allowed, such as image/* or application/*
+     * If there is only one MIME type allowed, then it can be a string instead of an array
+     *
+     * @access public
+     * @var array OR string
+     */
+    var $allowed;
+
+    /**
+     * Forbidden MIME types
+     *
+     * Default is a selection of safe mime-types, but you might want to change it
+     * To only check for forbidden MIME types, and allow everything else, set {@link allowed} to array('* / *') without the spaces
+     *
+     * Simple wildcards are allowed, such as image/* or application/*
+     * If there is only one MIME type forbidden, then it can be a string instead of an array
+     *
+     * @access public
+     * @var array OR string
+     */
+    var $forbidden;
+
+    /**
+     * Array of translated error messages
+     *
+     * By default, the language is english (en_GB)
+     * Translations can be in separate files, in a lang/ subdirectory
+     *
+     * @access public
+     * @var array
+     */
+    var $translation;
+
+    /**
+     * Language selected for the translations
+     *
+     * By default, the language is english ("en_GB")
+     *
+     * @access public
+     * @var array
+     */
+    var $lang;
+
+    /**
+     * Init or re-init all the processing variables to their default values
+     *
+     * This function is called in the constructor, and after each call of {@link process}
+     *
+     * @access private
+     */
+    function init() {
+
+        // overiddable variables
+        $this->file_new_name_body       = null;     // replace the name body
+        $this->file_name_body_add       = null;     // append to the name body
+        $this->file_name_body_pre       = null;     // prepend to the name body
+        $this->file_new_name_ext        = null;     // replace the file extension
+        $this->file_safe_name           = true;     // format safely the filename
+        $this->file_force_extension     = true;     // forces extension if there isn't one
+        $this->file_overwrite           = false;    // allows overwritting if the file already exists
+        $this->file_auto_rename         = true;     // auto-rename if the file already exists
+        $this->dir_auto_create          = true;     // auto-creates directory if missing
+        $this->dir_auto_chmod           = true;     // auto-chmod directory if not writeable
+        $this->dir_chmod                = 0777;     // default chmod to use
+
+        $this->no_script                = true;     // turns scripts into test files
+        $this->mime_check               = true;     // checks the mime type against the allowed list
+
+        // these are the different MIME detection methods. if one of these method doesn't work on your
+        // system, you can deactivate it here; just set it to false
+        $this->mime_fileinfo            = true;     // MIME detection with Fileinfo PECL extension
+        $this->mime_file                = true;     // MIME detection with UNIX file() command
+        $this->mime_magic               = true;     // MIME detection with mime_magic (mime_content_type())
+        $this->mime_getimagesize        = true;     // MIME detection with getimagesize()
+
+        // get the default max size from php.ini
+        $this->file_max_size_raw = trim(ini_get('upload_max_filesize'));
+        $this->file_max_size = $this->getsize($this->file_max_size_raw);
+
+        $this->image_resize             = false;    // resize the image
+        $this->image_convert            = '';       // convert. values :''; 'png'; 'jpeg'; 'gif'; 'bmp'
+
+        $this->image_x                  = 150;
+        $this->image_y                  = 150;
+        $this->image_ratio              = false;    // keeps aspect ratio with x and y dimensions
+        $this->image_ratio_crop         = false;    // keeps aspect ratio with x and y dimensions, filling the space
+        $this->image_ratio_fill         = false;    // keeps aspect ratio with x and y dimensions, fitting the image in the space, and coloring the rest
+        $this->image_ratio_pixels       = false;    // keeps aspect ratio, calculating x and y so that the image is approx the set number of pixels
+        $this->image_ratio_x            = false;    // calculate the $image_x if true
+        $this->image_ratio_y            = false;    // calculate the $image_y if true
+        $this->image_ratio_no_zoom_in   = false;
+        $this->image_ratio_no_zoom_out  = false;
+        $this->image_no_enlarging       = false;
+        $this->image_no_shrinking       = false;
+
+        $this->png_compression          = null;
+        $this->jpeg_quality             = 85;
+        $this->jpeg_size                = null;
+        $this->image_interlace          = false;
+        $this->image_is_transparent     = false;
+        $this->image_transparent_color  = null;
+        $this->image_background_color   = null;
+        $this->image_default_color      = '#ffffff';
+        $this->image_is_palette         = false;
+
+        $this->image_max_width          = null;
+        $this->image_max_height         = null;
+        $this->image_max_pixels         = null;
+        $this->image_max_ratio          = null;
+        $this->image_min_width          = null;
+        $this->image_min_height         = null;
+        $this->image_min_pixels         = null;
+        $this->image_min_ratio          = null;
+
+        $this->image_brightness         = null;
+        $this->image_contrast           = null;
+        $this->image_opacity            = null;
+        $this->image_threshold          = null;
+        $this->image_tint_color         = null;
+        $this->image_overlay_color      = null;
+        $this->image_overlay_opacity    = null;
+        $this->image_negative           = false;
+        $this->image_greyscale          = false;
+        $this->image_pixelate           = null;
+        $this->image_unsharp            = false;
+        $this->image_unsharp_amount     = 80;
+        $this->image_unsharp_radius     = 0.5;
+        $this->image_unsharp_threshold  = 1;
+
+        $this->image_text               = null;
+        $this->image_text_direction     = null;
+        $this->image_text_color         = '#FFFFFF';
+        $this->image_text_opacity       = 100;
+        $this->image_text_background    = null;
+        $this->image_text_background_opacity = 100;
+        $this->image_text_font          = 5;
+        $this->image_text_size          = 16;
+        $this->image_text_angle         = null;
+        $this->image_text_x             = null;
+        $this->image_text_y             = null;
+        $this->image_text_position      = null;
+        $this->image_text_padding       = 0;
+        $this->image_text_padding_x     = null;
+        $this->image_text_padding_y     = null;
+        $this->image_text_alignment     = 'C';
+        $this->image_text_line_spacing  = 0;
+
+        $this->image_reflection_height  = null;
+        $this->image_reflection_space   = 2;
+        $this->image_reflection_opacity = 60;
+
+        $this->image_watermark          = null;
+        $this->image_watermark_x        = null;
+        $this->image_watermark_y        = null;
+        $this->image_watermark_position = null;
+        $this->image_watermark_no_zoom_in  = true;
+        $this->image_watermark_no_zoom_out = false;
+
+        $this->image_flip               = null;
+        $this->image_auto_rotate        = true;
+        $this->image_rotate             = null;
+        $this->image_crop               = null;
+        $this->image_precrop            = null;
+
+        $this->image_bevel              = null;
+        $this->image_bevel_color1       = '#FFFFFF';
+        $this->image_bevel_color2       = '#000000';
+        $this->image_border             = null;
+        $this->image_border_color       = '#FFFFFF';
+        $this->image_border_opacity     = 100;
+        $this->image_border_transparent = null;
+        $this->image_frame              = null;
+        $this->image_frame_colors       = '#FFFFFF #999999 #666666 #000000';
+        $this->image_frame_opacity      = 100;
+
+        $this->forbidden = array();
+        $this->allowed = array(
+            'application/arj',
+            'application/excel',
+            'application/gnutar',
+            'application/mspowerpoint',
+            'application/msword',
+            'application/octet-stream',
+            'application/onenote',
+            'application/pdf',
+            'application/plain',
+            'application/postscript',
+            'application/powerpoint',
+            'application/rar',
+            'application/rtf',
+            'application/vnd.ms-excel',
+            'application/vnd.ms-excel.addin.macroEnabled.12',
+            'application/vnd.ms-excel.sheet.binary.macroEnabled.12',
+            'application/vnd.ms-excel.sheet.macroEnabled.12',
+            'application/vnd.ms-excel.template.macroEnabled.12',
+            'application/vnd.ms-office',
+            'application/vnd.ms-officetheme',
+            'application/vnd.ms-powerpoint',
+            'application/vnd.ms-powerpoint.addin.macroEnabled.12',
+            'application/vnd.ms-powerpoint.presentation.macroEnabled.12',
+            'application/vnd.ms-powerpoint.slide.macroEnabled.12',
+            'application/vnd.ms-powerpoint.slideshow.macroEnabled.12',
+            'application/vnd.ms-powerpoint.template.macroEnabled.12',
+            'application/vnd.ms-word',
+            'application/vnd.ms-word.document.macroEnabled.12',
+            'application/vnd.ms-word.template.macroEnabled.12',
+            'application/vnd.oasis.opendocument.chart',
+            'application/vnd.oasis.opendocument.database',
+            'application/vnd.oasis.opendocument.formula',
+            'application/vnd.oasis.opendocument.graphics',
+            'application/vnd.oasis.opendocument.graphics-template',
+            'application/vnd.oasis.opendocument.image',
+            'application/vnd.oasis.opendocument.presentation',
+            'application/vnd.oasis.opendocument.presentation-template',
+            'application/vnd.oasis.opendocument.spreadsheet',
+            'application/vnd.oasis.opendocument.spreadsheet-template',
+            'application/vnd.oasis.opendocument.text',
+            'application/vnd.oasis.opendocument.text-master',
+            'application/vnd.oasis.opendocument.text-template',
+            'application/vnd.oasis.opendocument.text-web',
+            'application/vnd.openofficeorg.extension',
+            'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+            'application/vnd.openxmlformats-officedocument.presentationml.slide',
+            'application/vnd.openxmlformats-officedocument.presentationml.slideshow',
+            'application/vnd.openxmlformats-officedocument.presentationml.template',
+            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+            'application/vnd.openxmlformats-officedocument.spreadsheetml.template',
+            'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+            'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+            'application/vnd.openxmlformats-officedocument.wordprocessingml.template',
+            'application/vocaltec-media-file',
+            'application/wordperfect',
+            'application/x-bittorrent',
+            'application/x-bzip',
+            'application/x-bzip2',
+            'application/x-compressed',
+            'application/x-excel',
+            'application/x-gzip',
+            'application/x-latex',
+            'application/x-midi',
+            'application/xml',
+            'application/x-msexcel',
+            'application/x-rar',
+            'application/x-rar-compressed',
+            'application/x-rtf',
+            'application/x-shockwave-flash',
+            'application/x-sit',
+            'application/x-stuffit',
+            'application/x-troff-msvideo',
+            'application/x-zip',
+            'application/x-zip-compressed',
+            'application/zip',
+            'audio/*',
+            'image/*',
+            'multipart/x-gzip',
+            'multipart/x-zip',
+            'text/plain',
+            'text/rtf',
+            'text/richtext',
+            'text/xml',
+            'video/*',
+            'text/csv'
+        );
+
+        $this->mime_types = array(
+            'jpg' => 'image/jpeg',
+            'jpeg' => 'image/jpeg',
+            'jpe' => 'image/jpeg',
+            'gif' => 'image/gif',
+            'png' => 'image/png',
+            'bmp' => 'image/bmp',
+            'flif' => 'image/flif',
+            'flv' => 'video/x-flv',
+            'js' => 'application/x-javascript',
+            'json' => 'application/json',
+            'tiff' => 'image/tiff',
+            'css' => 'text/css',
+            'xml' => 'application/xml',
+            'doc' => 'application/msword',
+            'xls' => 'application/vnd.ms-excel',
+            'xlt' => 'application/vnd.ms-excel',
+            'xlm' => 'application/vnd.ms-excel',
+            'xld' => 'application/vnd.ms-excel',
+            'xla' => 'application/vnd.ms-excel',
+            'xlc' => 'application/vnd.ms-excel',
+            'xlw' => 'application/vnd.ms-excel',
+            'xll' => 'application/vnd.ms-excel',
+            'ppt' => 'application/vnd.ms-powerpoint',
+            'pps' => 'application/vnd.ms-powerpoint',
+            'rtf' => 'application/rtf',
+            'pdf' => 'application/pdf',
+            'html' => 'text/html',
+            'htm' => 'text/html',
+            'php' => 'text/html',
+            'txt' => 'text/plain',
+            'mpeg' => 'video/mpeg',
+            'mpg' => 'video/mpeg',
+            'mpe' => 'video/mpeg',
+            'mp3' => 'audio/mpeg3',
+            'wav' => 'audio/wav',
+            'aiff' => 'audio/aiff',
+            'aif' => 'audio/aiff',
+            'avi' => 'video/msvideo',
+            'wmv' => 'video/x-ms-wmv',
+            'mov' => 'video/quicktime',
+            'zip' => 'application/zip',
+            'tar' => 'application/x-tar',
+            'swf' => 'application/x-shockwave-flash',
+            'odt' => 'application/vnd.oasis.opendocument.text',
+            'ott' => 'application/vnd.oasis.opendocument.text-template',
+            'oth' => 'application/vnd.oasis.opendocument.text-web',
+            'odm' => 'application/vnd.oasis.opendocument.text-master',
+            'odg' => 'application/vnd.oasis.opendocument.graphics',
+            'otg' => 'application/vnd.oasis.opendocument.graphics-template',
+            'odp' => 'application/vnd.oasis.opendocument.presentation',
+            'otp' => 'application/vnd.oasis.opendocument.presentation-template',
+            'ods' => 'application/vnd.oasis.opendocument.spreadsheet',
+            'ots' => 'application/vnd.oasis.opendocument.spreadsheet-template',
+            'odc' => 'application/vnd.oasis.opendocument.chart',
+            'odf' => 'application/vnd.oasis.opendocument.formula',
+            'odb' => 'application/vnd.oasis.opendocument.database',
+            'odi' => 'application/vnd.oasis.opendocument.image',
+            'oxt' => 'application/vnd.openofficeorg.extension',
+            'docx' => 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+            'docm' => 'application/vnd.ms-word.document.macroEnabled.12',
+            'dotx' => 'application/vnd.openxmlformats-officedocument.wordprocessingml.template',
+            'dotm' => 'application/vnd.ms-word.template.macroEnabled.12',
+            'xlsx' => 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+            'xlsm' => 'application/vnd.ms-excel.sheet.macroEnabled.12',
+            'xltx' => 'application/vnd.openxmlformats-officedocument.spreadsheetml.template',
+            'xltm' => 'application/vnd.ms-excel.template.macroEnabled.12',
+            'xlsb' => 'application/vnd.ms-excel.sheet.binary.macroEnabled.12',
+            'xlam' => 'application/vnd.ms-excel.addin.macroEnabled.12',
+            'pptx' => 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+            'pptm' => 'application/vnd.ms-powerpoint.presentation.macroEnabled.12',
+            'ppsx' => 'application/vnd.openxmlformats-officedocument.presentationml.slideshow',
+            'ppsm' => 'application/vnd.ms-powerpoint.slideshow.macroEnabled.12',
+            'potx' => 'application/vnd.openxmlformats-officedocument.presentationml.template',
+            'potm' => 'application/vnd.ms-powerpoint.template.macroEnabled.12',
+            'ppam' => 'application/vnd.ms-powerpoint.addin.macroEnabled.12',
+            'sldx' => 'application/vnd.openxmlformats-officedocument.presentationml.slide',
+            'sldm' => 'application/vnd.ms-powerpoint.slide.macroEnabled.12',
+            'thmx' => 'application/vnd.ms-officetheme',
+            'onetoc' => 'application/onenote',
+            'onetoc2' => 'application/onenote',
+            'onetmp' => 'application/onenote',
+            'onepkg' => 'application/onenote',
+            'csv' => 'text/csv',
+        );
+
+    }
+
+    /**
+     * Constructor, for PHP5+
+     */
+    function  __construct($file, $lang = 'en_GB')  {
+        $this->upload($file, $lang);
+    }
+
+    /**
+     * Constructor, for PHP4. Checks if the file has been uploaded
+     *
+     * The constructor takes FILES['form_field'] array as argument
+     * where form_field is the form field name
+     *
+     * The constructor will check if the file has been uploaded in its temporary location, and
+     * accordingly will set {@link uploaded} (and {@link error} is an error occurred)
+     *
+     * If the file has been uploaded, the constructor will populate all the variables holding the upload
+     * information (none of the processing class variables are used here).
+     * You can have access to information about the file (name, size, MIME type...).
+     *
+     *
+     * Alternatively, you can set the first argument to be a local filename (string)
+     * This allows processing of a local file, as if the file was uploaded
+     *
+     * The optional second argument allows you to set the language for the error messages
+     *
+     * @access private
+     * @param  array  $file FILES['form_field']
+     *    or   string $file Local filename
+     * @param  string $lang Optional language code
+     */
+    function upload($file, $lang = 'en_GB') {
+
+        $this->version            = '0.34dev';
+
+        $this->file_src_name      = '';
+        $this->file_src_name_body = '';
+        $this->file_src_name_ext  = '';
+        $this->file_src_mime      = '';
+        $this->file_src_size      = '';
+        $this->file_src_error     = '';
+        $this->file_src_pathname  = '';
+        $this->file_src_temp      = '';
+
+        $this->file_dst_path      = '';
+        $this->file_dst_name      = '';
+        $this->file_dst_name_body = '';
+        $this->file_dst_name_ext  = '';
+        $this->file_dst_pathname  = '';
+
+        $this->image_src_x        = null;
+        $this->image_src_y        = null;
+        $this->image_src_bits     = null;
+        $this->image_src_type     = null;
+        $this->image_src_pixels   = null;
+        $this->image_dst_x        = 0;
+        $this->image_dst_y        = 0;
+        $this->image_dst_type     = '';
+
+        $this->uploaded           = true;
+        $this->no_upload_check    = false;
+        $this->processed          = true;
+        $this->error              = '';
+        $this->log                = '';
+        $this->allowed            = array();
+        $this->forbidden          = array();
+        $this->file_is_image      = false;
+        $this->init();
+        $info                     = null;
+        $mime_from_browser        = null;
+
+        // sets default language
+        $this->translation        = array();
+        $this->translation['file_error']                  = 'File error. Please try again.';
+        $this->translation['local_file_missing']          = 'Local file doesn\'t exist.';
+        $this->translation['local_file_not_readable']     = 'Local file is not readable.';
+        $this->translation['uploaded_too_big_ini']        = 'File upload error (the uploaded file exceeds the upload_max_filesize directive in php.ini).';
+        $this->translation['uploaded_too_big_html']       = 'File upload error (the uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the html form).';
+        $this->translation['uploaded_partial']            = 'File upload error (the uploaded file was only partially uploaded).';
+        $this->translation['uploaded_missing']            = 'File upload error (no file was uploaded).';
+        $this->translation['uploaded_no_tmp_dir']         = 'File upload error (missing a temporary folder).';
+        $this->translation['uploaded_cant_write']         = 'File upload error (failed to write file to disk).';
+        $this->translation['uploaded_err_extension']      = 'File upload error (file upload stopped by extension).';
+        $this->translation['uploaded_unknown']            = 'File upload error (unknown error code).';
+        $this->translation['try_again']                   = 'File upload error. Please try again.';
+        $this->translation['file_too_big']                = 'File too big.';
+        $this->translation['no_mime']                     = 'MIME type can\'t be detected.';
+        $this->translation['incorrect_file']              = 'Incorrect type of file.';
+        $this->translation['image_too_wide']              = 'Image too wide.';
+        $this->translation['image_too_narrow']            = 'Image too narrow.';
+        $this->translation['image_too_high']              = 'Image too tall.';
+        $this->translation['image_too_short']             = 'Image too short.';
+        $this->translation['ratio_too_high']              = 'Image ratio too high (image too wide).';
+        $this->translation['ratio_too_low']               = 'Image ratio too low (image too high).';
+        $this->translation['too_many_pixels']             = 'Image has too many pixels.';
+        $this->translation['not_enough_pixels']           = 'Image has not enough pixels.';
+        $this->translation['file_not_uploaded']           = 'File not uploaded. Can\'t carry on a process.';
+        $this->translation['already_exists']              = '%s already exists. Please change the file name.';
+        $this->translation['temp_file_missing']           = 'No correct temp source file. Can\'t carry on a process.';
+        $this->translation['source_missing']              = 'No correct uploaded source file. Can\'t carry on a process.';
+        $this->translation['destination_dir']             = 'Destination directory can\'t be created. Can\'t carry on a process.';
+        $this->translation['destination_dir_missing']     = 'Destination directory doesn\'t exist. Can\'t carry on a process.';
+        $this->translation['destination_path_not_dir']    = 'Destination path is not a directory. Can\'t carry on a process.';
+        $this->translation['destination_dir_write']       = 'Destination directory can\'t be made writeable. Can\'t carry on a process.';
+        $this->translation['destination_path_write']      = 'Destination path is not a writeable. Can\'t carry on a process.';
+        $this->translation['temp_file']                   = 'Can\'t create the temporary file. Can\'t carry on a process.';
+        $this->translation['source_not_readable']         = 'Source file is not readable. Can\'t carry on a process.';
+        $this->translation['no_create_support']           = 'No create from %s support.';
+        $this->translation['create_error']                = 'Error in creating %s image from source.';
+        $this->translation['source_invalid']              = 'Can\'t read image source. Not an image?.';
+        $this->translation['gd_missing']                  = 'GD doesn\'t seem to be present.';
+        $this->translation['watermark_no_create_support'] = 'No create from %s support, can\'t read watermark.';
+        $this->translation['watermark_create_error']      = 'No %s read support, can\'t create watermark.';
+        $this->translation['watermark_invalid']           = 'Unknown image format, can\'t read watermark.';
+        $this->translation['file_create']                 = 'No %s create support.';
+        $this->translation['no_conversion_type']          = 'No conversion type defined.';
+        $this->translation['copy_failed']                 = 'Error copying file on the server. copy() failed.';
+        $this->translation['reading_failed']              = 'Error reading the file.';
+
+        // determines the language
+        $this->lang               = $lang;
+        if ($this->lang != 'en_GB' && file_exists(dirname(__FILE__).'/lang') && file_exists(dirname(__FILE__).'/lang/class.upload.' . $lang . '.php')) {
+            $translation = null;
+            include(dirname(__FILE__).'/lang/class.upload.' . $lang . '.php');
+            if (is_array($translation)) {
+                $this->translation = array_merge($this->translation, $translation);
+            } else {
+                $this->lang = 'en_GB';
+            }
+        }
+
+
+        // determines the supported MIME types, and matching image format
+        $this->image_supported = array();
+        if ($this->gdversion()) {
+            if (imagetypes() & IMG_GIF) {
+                $this->image_supported['image/gif'] = 'gif';
+            }
+            if (imagetypes() & IMG_JPG) {
+                $this->image_supported['image/jpg'] = 'jpg';
+                $this->image_supported['image/jpeg'] = 'jpg';
+                $this->image_supported['image/pjpeg'] = 'jpg';
+            }
+            if (imagetypes() & IMG_PNG) {
+                $this->image_supported['image/png'] = 'png';
+                $this->image_supported['image/x-png'] = 'png';
+            }
+            if (imagetypes() & IMG_WBMP) {
+                $this->image_supported['image/bmp'] = 'bmp';
+                $this->image_supported['image/x-ms-bmp'] = 'bmp';
+                $this->image_supported['image/x-windows-bmp'] = 'bmp';
+            }
+        }
+
+        // display some system information
+        if (empty($this->log)) {
+            $this->log .= '<b>system information</b><br />';
+            if ($this->function_enabled('ini_get_all')) {
+                $inis = ini_get_all();
+                $open_basedir = (array_key_exists('open_basedir', $inis) && array_key_exists('local_value', $inis['open_basedir']) && !empty($inis['open_basedir']['local_value'])) ? $inis['open_basedir']['local_value'] : false;
+            } else {
+                $open_basedir = false;
+            }
+            $gd           = $this->gdversion() ? $this->gdversion(true) : 'GD not present';
+            $supported    = trim((in_array('png', $this->image_supported) ? 'png' : '') . ' ' . (in_array('jpg', $this->image_supported) ? 'jpg' : '') . ' ' . (in_array('gif', $this->image_supported) ? 'gif' : '') . ' ' . (in_array('bmp', $this->image_supported) ? 'bmp' : ''));
+            $this->log .= '-&nbsp;class version           : ' . $this->version . '<br />';
+            $this->log .= '-&nbsp;operating system        : ' . PHP_OS . '<br />';
+            $this->log .= '-&nbsp;PHP version             : ' . PHP_VERSION . '<br />';
+            $this->log .= '-&nbsp;GD version              : ' . $gd . '<br />';
+            $this->log .= '-&nbsp;supported image types   : ' . (!empty($supported) ? $supported : 'none') . '<br />';
+            $this->log .= '-&nbsp;open_basedir            : ' . (!empty($open_basedir) ? $open_basedir : 'no restriction') . '<br />';
+            $this->log .= '-&nbsp;upload_max_filesize     : ' . $this->file_max_size_raw . ' (' . $this->file_max_size . ' bytes)<br />';
+            $this->log .= '-&nbsp;language                : ' . $this->lang . '<br />';
+        }
+
+        if (!$file) {
+            $this->uploaded = false;
+            $this->error = $this->translate('file_error');
+        }
+
+        // check if we sent a local filename or a PHP stream rather than a $_FILE element
+        if (!is_array($file)) {
+            if (empty($file)) {
+                $this->uploaded = false;
+                $this->error = $this->translate('file_error');
+            } else {
+                if (substr($file, 0, 4) == 'php:' || substr($file, 0, 5) == 'data:' || substr($file, 0, 7) == 'base64:') {
+                    $data = null;
+
+                    // this is a PHP stream, i.e.not uploaded
+                    if (substr($file, 0, 4) == 'php:') {
+                        $file = preg_replace('/^php:(.*)/i', '$1', $file);
+                        if (!$file) $file = $_SERVER['HTTP_X_FILE_NAME'];
+                        if (!$file) $file = 'unknown';
+                        $data = file_get_contents('php://input');
+                        $this->log .= '<b>source is a PHP stream ' . $file . ' of length ' . strlen($data) . '</b><br />';
+
+                    // this is the raw file data, i.e.not uploaded
+                    } else if (substr($file, 0, 5) == 'data:') {
+                        $data = preg_replace('/^data:(.*)/i', '$1', $file);
+                        $file = 'data';
+                        $this->log .= '<b>source is a data string of length ' . strlen($data) . '</b><br />';
+
+                    // this is the raw file data, base64-encoded, i.e.not uploaded
+                    } else if (substr($file, 0, 7) == 'base64:') {
+                        $data = base64_decode(preg_replace('/^base64:(.*)/i', '$1', $file));
+                        $file = 'base64';
+                        $this->log .= '<b>source is a base64 data string of length ' . strlen($data) . '</b><br />';
+                    }
+
+                    $this->no_upload_check = TRUE;
+                    $this->log .= '- requires a temp file ... ';
+                    $hash = $this->temp_dir() . md5($file . rand(1, 1000));
+                    if ($data && file_put_contents($hash, $data)) {
+                        $this->file_src_pathname = $hash;
+                        $this->log .= ' file created<br />';
+                        $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;temp file is: ' . $this->file_src_pathname . '<br />';
+                    } else {
+                        $this->log .= ' failed<br />';
+                        $this->uploaded = false;
+                        $this->error = $this->translate('temp_file');
+                    }
+
+                    if ($this->uploaded) {
+                        $this->file_src_name       = $file;
+                        $this->log .= '- local file OK<br />';
+                        preg_match('/\.([^\.]*$)/', $this->file_src_name, $extension);
+                        if (is_array($extension) && sizeof($extension) > 0) {
+                            $this->file_src_name_ext      = strtolower($extension[1]);
+                            $this->file_src_name_body     = substr($this->file_src_name, 0, ((strlen($this->file_src_name) - strlen($this->file_src_name_ext)))-1);
+                        } else {
+                            $this->file_src_name_ext      = '';
+                            $this->file_src_name_body     = $this->file_src_name;
+                        }
+                        $this->file_src_size = (file_exists($this->file_src_pathname) ? filesize($this->file_src_pathname) : 0);
+                    }
+                    $this->file_src_error = 0;
+
+                } else {
+                    // this is a local filename, i.e.not uploaded
+                    $this->log .= '<b>source is a local file ' . $file . '</b><br />';
+                    $this->no_upload_check = TRUE;
+
+                    if ($this->uploaded && !file_exists($file)) {
+                        $this->uploaded = false;
+                        $this->error = $this->translate('local_file_missing');
+                    }
+
+                    if ($this->uploaded && !is_readable($file)) {
+                        $this->uploaded = false;
+                        $this->error = $this->translate('local_file_not_readable');
+                    }
+
+                    if ($this->uploaded) {
+                        $this->file_src_pathname   = $file;
+                        $this->file_src_name       = basename($file);
+                        $this->log .= '- local file OK<br />';
+                        preg_match('/\.([^\.]*$)/', $this->file_src_name, $extension);
+                        if (is_array($extension) && sizeof($extension) > 0) {
+                            $this->file_src_name_ext      = strtolower($extension[1]);
+                            $this->file_src_name_body     = substr($this->file_src_name, 0, ((strlen($this->file_src_name) - strlen($this->file_src_name_ext)))-1);
+                        } else {
+                            $this->file_src_name_ext      = '';
+                            $this->file_src_name_body     = $this->file_src_name;
+                        }
+                        $this->file_src_size = (file_exists($this->file_src_pathname) ? filesize($this->file_src_pathname) : 0);
+                    }
+                    $this->file_src_error = 0;
+                }
+            }
+        } else {
+            // this is an element from $_FILE, i.e. an uploaded file
+            $this->log .= '<b>source is an uploaded file</b><br />';
+            if ($this->uploaded) {
+                $this->file_src_error         = trim($file['error']);
+                switch($this->file_src_error) {
+                    case UPLOAD_ERR_OK:
+                        // all is OK
+                        $this->log .= '- upload OK<br />';
+                        break;
+                    case UPLOAD_ERR_INI_SIZE:
+                        $this->uploaded = false;
+                        $this->error = $this->translate('uploaded_too_big_ini');
+                        break;
+                    case UPLOAD_ERR_FORM_SIZE:
+                        $this->uploaded = false;
+                        $this->error = $this->translate('uploaded_too_big_html');
+                        break;
+                    case UPLOAD_ERR_PARTIAL:
+                        $this->uploaded = false;
+                        $this->error = $this->translate('uploaded_partial');
+                        break;
+                    case UPLOAD_ERR_NO_FILE:
+                        $this->uploaded = false;
+                        $this->error = $this->translate('uploaded_missing');
+                        break;
+                    case @UPLOAD_ERR_NO_TMP_DIR:
+                        $this->uploaded = false;
+                        $this->error = $this->translate('uploaded_no_tmp_dir');
+                        break;
+                    case @UPLOAD_ERR_CANT_WRITE:
+                        $this->uploaded = false;
+                        $this->error = $this->translate('uploaded_cant_write');
+                        break;
+                    case @UPLOAD_ERR_EXTENSION:
+                        $this->uploaded = false;
+                        $this->error = $this->translate('uploaded_err_extension');
+                        break;
+                    default:
+                        $this->uploaded = false;
+                        $this->error = $this->translate('uploaded_unknown') . ' ('.$this->file_src_error.')';
+                }
+            }
+
+            if ($this->uploaded) {
+                $this->file_src_pathname   = $file['tmp_name'];
+                $this->file_src_name       = $file['name'];
+                if ($this->file_src_name == '') {
+                    $this->uploaded = false;
+                    $this->error = $this->translate('try_again');
+                }
+            }
+
+            if ($this->uploaded) {
+                $this->log .= '- file name OK<br />';
+                preg_match('/\.([^\.]*$)/', $this->file_src_name, $extension);
+                if (is_array($extension) && sizeof($extension) > 0) {
+                    $this->file_src_name_ext      = strtolower($extension[1]);
+                    $this->file_src_name_body     = substr($this->file_src_name, 0, ((strlen($this->file_src_name) - strlen($this->file_src_name_ext)))-1);
+                } else {
+                    $this->file_src_name_ext      = '';
+                    $this->file_src_name_body     = $this->file_src_name;
+                }
+                $this->file_src_size = $file['size'];
+                $mime_from_browser = $file['type'];
+            }
+        }
+
+        if ($this->uploaded) {
+            $this->log .= '<b>determining MIME type</b><br />';
+            $this->file_src_mime = null;
+
+            // checks MIME type with Fileinfo PECL extension
+            if (!$this->file_src_mime || !is_string($this->file_src_mime) || empty($this->file_src_mime) || strpos($this->file_src_mime, '/') === FALSE) {
+                if ($this->mime_fileinfo) {
+                    $this->log .= '- Checking MIME type with Fileinfo PECL extension<br />';
+                    if ($this->function_enabled('finfo_open')) {
+                        $path = null;
+                        if ($this->mime_fileinfo !== '') {
+                            if ($this->mime_fileinfo === true) {
+                                if (getenv('MAGIC') === FALSE) {
+                                    if (substr(PHP_OS, 0, 3) == 'WIN') {
+                                        $path = realpath(ini_get('extension_dir') . '/../') . '/extras/magic';
+                                        $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;MAGIC path defaults to ' . $path . '<br />';
+                                    }
+                                } else {
+                                    $path = getenv('MAGIC');
+                                    $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;MAGIC path is set to ' . $path . ' from MAGIC variable<br />';
+                                }
+                            } else {
+                                $path = $this->mime_fileinfo;
+                                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;MAGIC path is set to ' . $path . '<br />';
+                            }
+                        }
+                        if ($path) {
+                            $f = @finfo_open(FILEINFO_MIME, $path);
+                        } else {
+                            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;MAGIC path will not be used<br />';
+                            $f = @finfo_open(FILEINFO_MIME);
+                        }
+                        if (is_resource($f)) {
+                            $mime = finfo_file($f, realpath($this->file_src_pathname));
+                            finfo_close($f);
+                            $this->file_src_mime = $mime;
+                            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;MIME type detected as ' . $this->file_src_mime . ' by Fileinfo PECL extension<br />';
+                            if (preg_match("/^([\.\w-]+)\/([\.\w-]+)(.*)$/i", $this->file_src_mime)) {
+                                $this->file_src_mime = preg_replace("/^([\.\w-]+)\/([\.\w-]+)(.*)$/i", '$1/$2', $this->file_src_mime);
+                                $this->log .= '-&nbsp;MIME validated as ' . $this->file_src_mime . '<br />';
+                            } else {
+                                $this->file_src_mime = null;
+                            }
+                        } else {
+                            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;Fileinfo PECL extension failed (finfo_open)<br />';
+                        }
+                    } elseif (@class_exists('finfo')) {
+                        $f = new finfo( FILEINFO_MIME );
+                        if ($f) {
+                            $this->file_src_mime = $f->file(realpath($this->file_src_pathname));
+                            $this->log .= '- MIME type detected as ' . $this->file_src_mime . ' by Fileinfo PECL extension<br />';
+                            if (preg_match("/^([\.\w-]+)\/([\.\w-]+)(.*)$/i", $this->file_src_mime)) {
+                                $this->file_src_mime = preg_replace("/^([\.\w-]+)\/([\.\w-]+)(.*)$/i", '$1/$2', $this->file_src_mime);
+                                $this->log .= '-&nbsp;MIME validated as ' . $this->file_src_mime . '<br />';
+                            } else {
+                                $this->file_src_mime = null;
+                            }
+                        } else {
+                            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;Fileinfo PECL extension failed (finfo)<br />';
+                        }
+                    } else {
+                        $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;Fileinfo PECL extension not available<br />';
+                    }
+                } else {
+                    $this->log .= '- Fileinfo PECL extension deactivated<br />';
+                }
+            }
+
+            // checks MIME type with shell if unix access is authorized
+            if (!$this->file_src_mime || !is_string($this->file_src_mime) || empty($this->file_src_mime) || strpos($this->file_src_mime, '/') === FALSE) {
+                if ($this->mime_file) {
+                    $this->log .= '- Checking MIME type with UNIX file() command<br />';
+                    if (substr(PHP_OS, 0, 3) != 'WIN') {
+                        if ($this->function_enabled('exec') && $this->function_enabled('escapeshellarg')) {
+                            if (strlen($mime = @exec("file -bi ".escapeshellarg($this->file_src_pathname))) != 0) {
+                                $this->file_src_mime = trim($mime);
+                                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;MIME type detected as ' . $this->file_src_mime . ' by UNIX file() command<br />';
+                                if (preg_match("/^([\.\w-]+)\/([\.\w-]+)(.*)$/i", $this->file_src_mime)) {
+                                    $this->file_src_mime = preg_replace("/^([\.\w-]+)\/([\.\w-]+)(.*)$/i", '$1/$2', $this->file_src_mime);
+                                    $this->log .= '-&nbsp;MIME validated as ' . $this->file_src_mime . '<br />';
+                                } else {
+                                    $this->file_src_mime = null;
+                                }
+                            } else {
+                                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;UNIX file() command failed<br />';
+                            }
+                        } else {
+                            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;PHP exec() function is disabled<br />';
+                        }
+                    } else {
+                        $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;UNIX file() command not availabled<br />';
+                    }
+                } else {
+                    $this->log .= '- UNIX file() command is deactivated<br />';
+                }
+            }
+
+            // checks MIME type with mime_magic
+            if (!$this->file_src_mime || !is_string($this->file_src_mime) || empty($this->file_src_mime) || strpos($this->file_src_mime, '/') === FALSE) {
+                if ($this->mime_magic) {
+                    $this->log .= '- Checking MIME type with mime.magic file (mime_content_type())<br />';
+                    if ($this->function_enabled('mime_content_type')) {
+                        $this->file_src_mime = mime_content_type($this->file_src_pathname);
+                        $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;MIME type detected as ' . $this->file_src_mime . ' by mime_content_type()<br />';
+                        if (preg_match("/^([\.\w-]+)\/([\.\w-]+)(.*)$/i", $this->file_src_mime)) {
+                            $this->file_src_mime = preg_replace("/^([\.\w-]+)\/([\.\w-]+)(.*)$/i", '$1/$2', $this->file_src_mime);
+                            $this->log .= '-&nbsp;MIME validated as ' . $this->file_src_mime . '<br />';
+                        } else {
+                            $this->file_src_mime = null;
+                        }
+                    } else {
+                        $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;mime_content_type() is not available<br />';
+                    }
+                } else {
+                    $this->log .= '- mime.magic file (mime_content_type()) is deactivated<br />';
+                }
+            }
+
+            // checks MIME type with getimagesize()
+            if (!$this->file_src_mime || !is_string($this->file_src_mime) || empty($this->file_src_mime) || strpos($this->file_src_mime, '/') === FALSE) {
+                if ($this->mime_getimagesize) {
+                    $this->log .= '- Checking MIME type with getimagesize()<br />';
+                    $info = getimagesize($this->file_src_pathname);
+                    if (is_array($info) && array_key_exists('mime', $info)) {
+                        $this->file_src_mime = trim($info['mime']);
+                        if (empty($this->file_src_mime)) {
+                            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;MIME empty, guessing from type<br />';
+                            $mime = (is_array($info) && array_key_exists(2, $info) ? $info[2] : null); // 1 = GIF, 2 = JPG, 3 = PNG
+                            $this->file_src_mime = ($mime==IMAGETYPE_GIF ? 'image/gif' : ($mime==IMAGETYPE_JPEG ? 'image/jpeg' : ($mime==IMAGETYPE_PNG ? 'image/png' : ($mime==IMAGETYPE_BMP ? 'image/bmp' : null))));
+                        }
+                        $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;MIME type detected as ' . $this->file_src_mime . ' by PHP getimagesize() function<br />';
+                        if (preg_match("/^([\.\w-]+)\/([\.\w-]+)(.*)$/i", $this->file_src_mime)) {
+                            $this->file_src_mime = preg_replace("/^([\.\w-]+)\/([\.\w-]+)(.*)$/i", '$1/$2', $this->file_src_mime);
+                            $this->log .= '-&nbsp;MIME validated as ' . $this->file_src_mime . '<br />';
+                        } else {
+                            $this->file_src_mime = null;
+                        }
+                    } else {
+                        $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;getimagesize() failed<br />';
+                    }
+                } else {
+                    $this->log .= '- getimagesize() is deactivated<br />';
+                }
+            }
+
+            // default to MIME from browser (or Flash)
+            if (!empty($mime_from_browser) && !$this->file_src_mime || !is_string($this->file_src_mime) || empty($this->file_src_mime)) {
+                $this->file_src_mime =$mime_from_browser;
+                $this->log .= '- MIME type detected as ' . $this->file_src_mime . ' by browser<br />';
+                if (preg_match("/^([\.\w-]+)\/([\.\w-]+)(.*)$/i", $this->file_src_mime)) {
+                    $this->file_src_mime = preg_replace("/^([\.\w-]+)\/([\.\w-]+)(.*)$/i", '$1/$2', $this->file_src_mime);
+                    $this->log .= '-&nbsp;MIME validated as ' . $this->file_src_mime . '<br />';
+                } else {
+                    $this->file_src_mime = null;
+                }
+            }
+
+            // we need to work some magic if we upload via Flash
+            if ($this->file_src_mime == 'application/octet-stream' || !$this->file_src_mime || !is_string($this->file_src_mime) || empty($this->file_src_mime) || strpos($this->file_src_mime, '/') === FALSE) {
+                if ($this->file_src_mime == 'application/octet-stream') $this->log .= '- Flash may be rewriting MIME as application/octet-stream<br />';
+                $this->log .= '- Try to guess MIME type from file extension (' . $this->file_src_name_ext . '): ';
+                if (array_key_exists($this->file_src_name_ext, $this->mime_types)) $this->file_src_mime = $this->mime_types[$this->file_src_name_ext];
+                if ($this->file_src_mime == 'application/octet-stream') {
+                    $this->log .= 'doesn\'t look like anything known<br />';
+                } else {
+                    $this->log .= 'MIME type set to ' . $this->file_src_mime . '<br />';
+                }
+            }
+
+            if (!$this->file_src_mime || !is_string($this->file_src_mime) || empty($this->file_src_mime) || strpos($this->file_src_mime, '/') === FALSE) {
+                $this->log .= '- MIME type couldn\'t be detected! (' . (string) $this->file_src_mime . ')<br />';
+            }
+
+            // determine whether the file is an image
+            if ($this->file_src_mime && is_string($this->file_src_mime) && !empty($this->file_src_mime) && array_key_exists($this->file_src_mime, $this->image_supported)) {
+                $this->file_is_image = true;
+                $this->image_src_type = $this->image_supported[$this->file_src_mime];
+            }
+
+            // if the file is an image, we gather some useful data
+            if ($this->file_is_image) {
+                if ($h = fopen($this->file_src_pathname, 'r')) {
+                    fclose($h);
+                    $info = getimagesize($this->file_src_pathname);
+                    if (is_array($info)) {
+                        $this->image_src_x    = $info[0];
+                        $this->image_src_y    = $info[1];
+                        $this->image_dst_x    = $this->image_src_x;
+                        $this->image_dst_y    = $this->image_src_y;
+                        $this->image_src_pixels = $this->image_src_x * $this->image_src_y;
+                        $this->image_src_bits = array_key_exists('bits', $info) ? $info['bits'] : null;
+                    } else {
+                        $this->file_is_image = false;
+                        $this->uploaded = false;
+                        $this->log .= '- can\'t retrieve image information, image may have been tampered with<br />';
+                        $this->error = $this->translate('source_invalid');
+                    }
+                } else {
+                    $this->log .= '- can\'t read source file directly. open_basedir restriction in place?<br />';
+                }
+            }
+
+            $this->log .= '<b>source variables</b><br />';
+            $this->log .= '- You can use all these before calling process()<br />';
+            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;file_src_name         : ' . $this->file_src_name . '<br />';
+            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;file_src_name_body    : ' . $this->file_src_name_body . '<br />';
+            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;file_src_name_ext     : ' . $this->file_src_name_ext . '<br />';
+            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;file_src_pathname     : ' . $this->file_src_pathname . '<br />';
+            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;file_src_mime         : ' . $this->file_src_mime . '<br />';
+            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;file_src_size         : ' . $this->file_src_size . ' (max= ' . $this->file_max_size . ')<br />';
+            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;file_src_error        : ' . $this->file_src_error . '<br />';
+
+            if ($this->file_is_image) {
+                $this->log .= '- source file is an image<br />';
+                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;image_src_x           : ' . $this->image_src_x . '<br />';
+                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;image_src_y           : ' . $this->image_src_y . '<br />';
+                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;image_src_pixels      : ' . $this->image_src_pixels . '<br />';
+                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;image_src_type        : ' . $this->image_src_type . '<br />';
+                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;image_src_bits        : ' . $this->image_src_bits . '<br />';
+            }
+        }
+
+    }
+
+    /**
+     * Returns the version of GD
+     *
+     * @access public
+     * @param  boolean  $full Optional flag to get precise version
+     * @return float GD version
+     */
+    function gdversion($full = false) {
+        static $gd_version = null;
+        static $gd_full_version = null;
+        if ($gd_version === null) {
+            if ($this->function_enabled('gd_info')) {
+                $gd = gd_info();
+                $gd = $gd["GD Version"];
+                $regex = "/([\d\.]+)/i";
+            } else {
+                ob_start();
+                phpinfo(8);
+                $gd = ob_get_contents();
+                ob_end_clean();
+                $regex = "/\bgd\s+version\b[^\d\n\r]+?([\d\.]+)/i";
+            }
+            if (preg_match($regex, $gd, $m)) {
+                $gd_full_version = (string) $m[1];
+                $gd_version = (float) $m[1];
+            } else {
+                $gd_full_version = 'none';
+                $gd_version = 0;
+            }
+        }
+        if ($full) {
+            return $gd_full_version;
+        } else {
+            return $gd_version;
+        }
+    }
+
+    /**
+     * Checks if a function is available
+     *
+     * @access private
+     * @param  string  $func Function name
+     * @return boolean Success
+     */
+    function function_enabled($func) {
+        // cache the list of disabled functions
+        static $disabled = null;
+        if ($disabled === null) $disabled = array_map('trim', array_map('strtolower', explode(',', ini_get('disable_functions'))));
+        // cache the list of functions blacklisted by suhosin
+        static $blacklist = null;
+        if ($blacklist === null) $blacklist = extension_loaded('suhosin') ? array_map('trim', array_map('strtolower', explode(',', ini_get('  suhosin.executor.func.blacklist')))) : array();
+        // checks if the function is really enabled
+        return (function_exists($func) && !in_array($func, $disabled) && !in_array($func, $blacklist));
+    }
+
+    /**
+     * Creates directories recursively
+     *
+     * @access private
+     * @param  string  $path Path to create
+     * @param  integer $mode Optional permissions
+     * @return boolean Success
+     */
+    function rmkdir($path, $mode = 0777) {
+        return is_dir($path) || ( $this->rmkdir(dirname($path), $mode) && $this->_mkdir($path, $mode) );
+    }
+
+    /**
+     * Creates directory
+     *
+     * @access private
+     * @param  string  $path Path to create
+     * @param  integer $mode Optional permissions
+     * @return boolean Success
+     */
+    function _mkdir($path, $mode = 0777) {
+        $old = umask(0);
+        $res = @mkdir($path, $mode);
+        umask($old);
+        return $res;
+    }
+
+    /**
+     * Translate error messages
+     *
+     * @access private
+     * @param  string  $str    Message to translate
+     * @param  array   $tokens Optional token values
+     * @return string Translated string
+     */
+    function translate($str, $tokens = array()) {
+        if (array_key_exists($str, $this->translation)) $str = $this->translation[$str];
+        if (is_array($tokens) && sizeof($tokens) > 0)   $str = vsprintf($str, $tokens);
+        return $str;
+    }
+
+    /**
+     * Returns the temp directory
+     *
+     * @access private
+     * @return string Temp directory string
+     */
+    function temp_dir() {
+        $dir = '';
+        if ($this->function_enabled('sys_get_temp_dir')) $dir = sys_get_temp_dir();
+        if (!$dir && $tmp=getenv('TMP'))    $dir = $tmp;
+        if (!$dir && $tmp=getenv('TEMP'))   $dir = $tmp;
+        if (!$dir && $tmp=getenv('TMPDIR')) $dir = $tmp;
+        if (!$dir) {
+            $tmp = tempnam(__FILE__,'');
+            if (file_exists($tmp)) {
+                unlink($tmp);
+                $dir = dirname($tmp);
+            }
+        }
+        if (!$dir) return '';
+        $slash = (strtolower(substr(PHP_OS, 0, 3)) === 'win' ? '\\' : '/');
+        if (substr($dir, -1) != $slash) $dir = $dir . $slash;
+        return $dir;
+    }
+
+    /**
+     * Decodes colors
+     *
+     * @access private
+     * @param  string  $color  Color string
+     * @return array RGB colors
+     */
+    function getcolors($color) {
+        $color = str_replace('#', '', $color);
+        if (strlen($color) == 3) $color = str_repeat(substr($color, 0, 1), 2) . str_repeat(substr($color, 1, 1), 2) . str_repeat(substr($color, 2, 1), 2);
+        $r = sscanf($color, "%2x%2x%2x");
+        $red   = (is_array($r) && array_key_exists(0, $r) && is_numeric($r[0]) ? $r[0] : 0);
+        $green = (is_array($r) && array_key_exists(1, $r) && is_numeric($r[1]) ? $r[1] : 0);
+        $blue  = (is_array($r) && array_key_exists(2, $r) && is_numeric($r[2]) ? $r[2] : 0);
+        return array($red, $green, $blue);
+    }
+
+    /**
+     * Decodes sizes
+     *
+     * @access private
+     * @param  string  $size  Size in bytes, or shorthand byte options
+     * @return integer Size in bytes
+     */
+    function getsize($size) {
+        if ($size === null) return null;
+        $last = strtolower($size{strlen($size)-1});
+        $size = (int) $size;
+        switch($last) {
+            case 'g':
+                $size *= 1024;
+            case 'm':
+                $size *= 1024;
+            case 'k':
+                $size *= 1024;
+        }
+        return $size;
+    }
+
+    /**
+     * Decodes offsets
+     *
+     * @access private
+     * @param  misc    $offsets  Offsets, as an integer, a string or an array
+     * @param  integer $x        Reference picture width
+     * @param  integer $y        Reference picture height
+     * @param  boolean $round    Round offsets before returning them
+     * @param  boolean $negative Allow negative offsets to be returned
+     * @return array Array of four offsets (TRBL)
+     */
+    function getoffsets($offsets, $x, $y, $round = true, $negative = true) {
+        if (!is_array($offsets)) $offsets = explode(' ', $offsets);
+        if (sizeof($offsets) == 4) {
+             $ct = $offsets[0]; $cr = $offsets[1]; $cb = $offsets[2]; $cl = $offsets[3];
+        } else if (sizeof($offsets) == 2) {
+            $ct = $offsets[0]; $cr = $offsets[1]; $cb = $offsets[0]; $cl = $offsets[1];
+        } else {
+            $ct = $offsets[0]; $cr = $offsets[0]; $cb = $offsets[0]; $cl = $offsets[0];
+        }
+        if (strpos($ct, '%')>0) $ct = $y * (str_replace('%','',$ct) / 100);
+        if (strpos($cr, '%')>0) $cr = $x * (str_replace('%','',$cr) / 100);
+        if (strpos($cb, '%')>0) $cb = $y * (str_replace('%','',$cb) / 100);
+        if (strpos($cl, '%')>0) $cl = $x * (str_replace('%','',$cl) / 100);
+        if (strpos($ct, 'px')>0) $ct = str_replace('px','',$ct);
+        if (strpos($cr, 'px')>0) $cr = str_replace('px','',$cr);
+        if (strpos($cb, 'px')>0) $cb = str_replace('px','',$cb);
+        if (strpos($cl, 'px')>0) $cl = str_replace('px','',$cl);
+        $ct = (int) $ct; $cr = (int) $cr; $cb = (int) $cb; $cl = (int) $cl;
+        if ($round) {
+            $ct = round($ct);
+            $cr = round($cr);
+            $cb = round($cb);
+            $cl = round($cl);
+        }
+        if (!$negative) {
+            if ($ct < 0) $ct = 0;
+            if ($cr < 0) $cr = 0;
+            if ($cb < 0) $cb = 0;
+            if ($cl < 0) $cl = 0;
+        }
+        return array($ct, $cr, $cb, $cl);
+    }
+
+    /**
+     * Creates a container image
+     *
+     * @access private
+     * @param  integer  $x    Width
+     * @param  integer  $y    Height
+     * @param  boolean  $fill Optional flag to draw the background color or not
+     * @param  boolean  $trsp Optional flag to set the background to be transparent
+     * @return resource Container image
+     */
+    function imagecreatenew($x, $y, $fill = true, $trsp = false) {
+        if ($x < 1) $x = 1; if ($y < 1) $y = 1;
+        if ($this->gdversion() >= 2 && !$this->image_is_palette) {
+            // create a true color image
+            $dst_im = imagecreatetruecolor($x, $y);
+            // this preserves transparency in PNGs, in true color
+            if (empty($this->image_background_color) || $trsp) {
+                imagealphablending($dst_im, false );
+                imagefilledrectangle($dst_im, 0, 0, $x, $y, imagecolorallocatealpha($dst_im, 0, 0, 0, 127));
+            }
+        } else {
+            // creates a palette image
+            $dst_im = imagecreate($x, $y);
+            // preserves transparency for palette images, if the original image has transparency
+            if (($fill && $this->image_is_transparent && empty($this->image_background_color)) || $trsp) {
+                imagefilledrectangle($dst_im, 0, 0, $x, $y, $this->image_transparent_color);
+                imagecolortransparent($dst_im, $this->image_transparent_color);
+            }
+        }
+        // fills with background color if any is set
+        if ($fill && !empty($this->image_background_color) && !$trsp) {
+            list($red, $green, $blue) = $this->getcolors($this->image_background_color);
+            $background_color = imagecolorallocate($dst_im, $red, $green, $blue);
+            imagefilledrectangle($dst_im, 0, 0, $x, $y, $background_color);
+        }
+        return $dst_im;
+    }
+
+
+    /**
+     * Transfers an image from the container to the destination image
+     *
+     * @access private
+     * @param  resource $src_im Container image
+     * @param  resource $dst_im Destination image
+     * @return resource Destination image
+     */
+    function imagetransfer($src_im, $dst_im) {
+        if (is_resource($dst_im)) imagedestroy($dst_im);
+        $dst_im = & $src_im;
+        return $dst_im;
+    }
+
+    /**
+     * Merges two images
+     *
+     * If the output format is PNG, then we do it pixel per pixel to retain the alpha channel
+     *
+     * @access private
+     * @param  resource $dst_img Destination image
+     * @param  resource $src_img Overlay image
+     * @param  int      $dst_x   x-coordinate of destination point
+     * @param  int      $dst_y   y-coordinate of destination point
+     * @param  int      $src_x   x-coordinate of source point
+     * @param  int      $src_y   y-coordinate of source point
+     * @param  int      $src_w   Source width
+     * @param  int      $src_h   Source height
+     * @param  int      $pct     Optional percentage of the overlay, between 0 and 100 (default: 100)
+     * @return resource Destination image
+     */
+    function imagecopymergealpha(&$dst_im, &$src_im, $dst_x, $dst_y, $src_x, $src_y, $src_w, $src_h, $pct = 0) {
+        $dst_x = (int) $dst_x;
+        $dst_y = (int) $dst_y;
+        $src_x = (int) $src_x;
+        $src_y = (int) $src_y;
+        $src_w = (int) $src_w;
+        $src_h = (int) $src_h;
+        $pct   = (int) $pct;
+        $dst_w = imagesx($dst_im);
+        $dst_h = imagesy($dst_im);
+
+        for ($y = $src_y; $y < $src_h; $y++) {
+            for ($x = $src_x; $x < $src_w; $x++) {
+
+                if ($x + $dst_x >= 0 && $x + $dst_x < $dst_w && $x + $src_x >= 0 && $x + $src_x < $src_w
+                 && $y + $dst_y >= 0 && $y + $dst_y < $dst_h && $y + $src_y >= 0 && $y + $src_y < $src_h) {
+
+                    $dst_pixel = imagecolorsforindex($dst_im, imagecolorat($dst_im, $x + $dst_x, $y + $dst_y));
+                    $src_pixel = imagecolorsforindex($src_im, imagecolorat($src_im, $x + $src_x, $y + $src_y));
+
+                    $src_alpha = 1 - ($src_pixel['alpha'] / 127);
+                    $dst_alpha = 1 - ($dst_pixel['alpha'] / 127);
+                    $opacity = $src_alpha * $pct / 100;
+                    if ($dst_alpha >= $opacity) $alpha = $dst_alpha;
+                    if ($dst_alpha < $opacity)  $alpha = $opacity;
+                    if ($alpha > 1) $alpha = 1;
+
+                    if ($opacity > 0) {
+                        $dst_red   = round(( ($dst_pixel['red']   * $dst_alpha * (1 - $opacity)) ) );
+                        $dst_green = round(( ($dst_pixel['green'] * $dst_alpha * (1 - $opacity)) ) );
+                        $dst_blue  = round(( ($dst_pixel['blue']  * $dst_alpha * (1 - $opacity)) ) );
+                        $src_red   = round((($src_pixel['red']   * $opacity)) );
+                        $src_green = round((($src_pixel['green'] * $opacity)) );
+                        $src_blue  = round((($src_pixel['blue']  * $opacity)) );
+                        $red   = round(($dst_red   + $src_red  ) / ($dst_alpha * (1 - $opacity) + $opacity));
+                        $green = round(($dst_green + $src_green) / ($dst_alpha * (1 - $opacity) + $opacity));
+                        $blue  = round(($dst_blue  + $src_blue ) / ($dst_alpha * (1 - $opacity) + $opacity));
+                        if ($red   > 255) $red   = 255;
+                        if ($green > 255) $green = 255;
+                        if ($blue  > 255) $blue  = 255;
+                        $alpha =  round((1 - $alpha) * 127);
+                        $color = imagecolorallocatealpha($dst_im, $red, $green, $blue, $alpha);
+                        imagesetpixel($dst_im, $x + $dst_x, $y + $dst_y, $color);
+                    }
+                }
+            }
+        }
+        return true;
+    }
+
+
+
+    /**
+     * Actually uploads the file, and act on it according to the set processing class variables
+     *
+     * This function copies the uploaded file to the given location, eventually performing actions on it.
+     * Typically, you can call {@link process} several times for the same file,
+     * for instance to create a resized image and a thumbnail of the same file.
+     * The original uploaded file remains intact in its temporary location, so you can use {@link process} several times.
+     * You will be able to delete the uploaded file with {@link clean} when you have finished all your {@link process} calls.
+     *
+     * According to the processing class variables set in the calling file, the file can be renamed,
+     * and if it is an image, can be resized or converted.
+     *
+     * When the processing is completed, and the file copied to its new location, the
+     * processing class variables will be reset to their default value.
+     * This allows you to set new properties, and perform another {@link process} on the same uploaded file
+     *
+     * If the function is called with a null or empty argument, then it will return the content of the picture
+     *
+     * It will set {@link processed} (and {@link error} is an error occurred)
+     *
+     * @access public
+     * @param  string $server_path Optional path location of the uploaded file, with an ending slash
+     * @return string Optional content of the image
+     */
+    function process($server_path = null) {
+        $this->error        = '';
+        $this->processed    = true;
+        $return_mode        = false;
+        $return_content     = null;
+
+        // clean up dst variables
+        $this->file_dst_path        = '';
+        $this->file_dst_pathname    = '';
+        $this->file_dst_name        = '';
+        $this->file_dst_name_body   = '';
+        $this->file_dst_name_ext    = '';
+
+        // clean up some parameters
+        $this->file_max_size = $this->getsize($this->file_max_size);
+        $this->jpeg_size = $this->getsize($this->jpeg_size);
+
+        // copy some variables as we need to keep them clean
+        $file_src_name = $this->file_src_name;
+        $file_src_name_body = $this->file_src_name_body;
+        $file_src_name_ext = $this->file_src_name_ext;
+
+        if (!$this->uploaded) {
+            $this->error = $this->translate('file_not_uploaded');
+            $this->processed = false;
+        }
+
+        if ($this->processed) {
+            if (empty($server_path) || is_null($server_path)) {
+                $this->log .= '<b>process file and return the content</b><br />';
+                $return_mode = true;
+            } else {
+                if(strtolower(substr(PHP_OS, 0, 3)) === 'win') {
+                    if (substr($server_path, -1, 1) != '\\') $server_path = $server_path . '\\';
+                } else {
+                    if (substr($server_path, -1, 1) != '/') $server_path = $server_path . '/';
+                }
+                $this->log .= '<b>process file to '  . $server_path . '</b><br />';
+            }
+        }
+
+        if ($this->processed) {
+            // checks file max size
+            if ($this->file_src_size > $this->file_max_size) {
+                $this->processed = false;
+                $this->error = $this->translate('file_too_big') . ' : ' . $this->file_src_size . ' > ' . $this->file_max_size;
+            } else {
+                $this->log .= '- file size OK<br />';
+            }
+        }
+
+        if ($this->processed) {
+            // if we have an image without extension, set it
+            if ($this->file_force_extension && $this->file_is_image && !$this->file_src_name_ext) $file_src_name_ext = $this->image_src_type;
+            // turn dangerous scripts into text files
+            if ($this->no_script) {
+                // if the file has no extension, we try to guess it from the MIME type
+                if ($this->file_force_extension && empty($file_src_name_ext)) {
+                    if ($key = array_search($this->file_src_mime, $this->mime_types)) {
+                        $file_src_name_ext = $key;
+                        $file_src_name = $file_src_name_body . '.' . $file_src_name_ext;
+                        $this->log .= '- file renamed as ' . $file_src_name_body . '.' . $file_src_name_ext . '!<br />';
+                    }
+                }
+                // if the file is text based, or has a dangerous extension, we rename it as .txt
+                if ((((substr($this->file_src_mime, 0, 5) == 'text/' && $this->file_src_mime != 'text/rtf') || strpos($this->file_src_mime, 'javascript') !== false)  && (substr($file_src_name, -4) != '.txt'))
+                    || preg_match('/\.(php|php5|php4|php3|phtml|pl|py|cgi|asp|js)$/i', $this->file_src_name)
+                    || $this->file_force_extension && empty($file_src_name_ext)) {
+                    $this->file_src_mime = 'text/plain';
+                    if ($this->file_src_name_ext) $file_src_name_body = $file_src_name_body . '.' . $this->file_src_name_ext;
+                    $file_src_name_ext = 'txt';
+                    $file_src_name = $file_src_name_body . '.' . $file_src_name_ext;
+                    $this->log .= '- script renamed as ' . $file_src_name_body . '.' . $file_src_name_ext . '!<br />';
+                }
+            }
+
+            if ($this->mime_check && empty($this->file_src_mime)) {
+                $this->processed = false;
+                $this->error = $this->translate('no_mime');
+            } else if ($this->mime_check && !empty($this->file_src_mime) && strpos($this->file_src_mime, '/') !== false) {
+                list($m1, $m2) = explode('/', $this->file_src_mime);
+                $allowed = false;
+                // check wether the mime type is allowed
+                if (!is_array($this->allowed)) $this->allowed = array($this->allowed);
+                foreach($this->allowed as $k => $v) {
+                    list($v1, $v2) = explode('/', $v);
+                    if (($v1 == '*' && $v2 == '*') || ($v1 == $m1 && ($v2 == $m2 || $v2 == '*'))) {
+                        $allowed = true;
+                        break;
+                    }
+                }
+                // check wether the mime type is forbidden
+                if (!is_array($this->forbidden)) $this->forbidden = array($this->forbidden);
+                foreach($this->forbidden as $k => $v) {
+                    list($v1, $v2) = explode('/', $v);
+                    if (($v1 == '*' && $v2 == '*') || ($v1 == $m1 && ($v2 == $m2 || $v2 == '*'))) {
+                        $allowed = false;
+                        break;
+                    }
+                }
+                if (!$allowed) {
+                    $this->processed = false;
+                    $this->error = $this->translate('incorrect_file');
+                } else {
+                    $this->log .= '- file mime OK : ' . $this->file_src_mime . '<br />';
+                }
+            } else {
+                $this->log .= '- file mime (not checked) : ' . $this->file_src_mime . '<br />';
+            }
+
+            // if the file is an image, we can check on its dimensions
+            // these checks are not available if open_basedir restrictions are in place
+            if ($this->file_is_image) {
+                if (is_numeric($this->image_src_x) && is_numeric($this->image_src_y)) {
+                    $ratio = $this->image_src_x / $this->image_src_y;
+                    if (!is_null($this->image_max_width) && $this->image_src_x > $this->image_max_width) {
+                        $this->processed = false;
+                        $this->error = $this->translate('image_too_wide');
+                    }
+                    if (!is_null($this->image_min_width) && $this->image_src_x < $this->image_min_width) {
+                        $this->processed = false;
+                        $this->error = $this->translate('image_too_narrow');
+                    }
+                    if (!is_null($this->image_max_height) && $this->image_src_y > $this->image_max_height) {
+                        $this->processed = false;
+                        $this->error = $this->translate('image_too_high');
+                    }
+                    if (!is_null($this->image_min_height) && $this->image_src_y < $this->image_min_height) {
+                        $this->processed = false;
+                        $this->error = $this->translate('image_too_short');
+                    }
+                    if (!is_null($this->image_max_ratio) && $ratio > $this->image_max_ratio) {
+                        $this->processed = false;
+                        $this->error = $this->translate('ratio_too_high');
+                    }
+                    if (!is_null($this->image_min_ratio) && $ratio < $this->image_min_ratio) {
+                        $this->processed = false;
+                        $this->error = $this->translate('ratio_too_low');
+                    }
+                    if (!is_null($this->image_max_pixels) && $this->image_src_pixels > $this->image_max_pixels) {
+                        $this->processed = false;
+                        $this->error = $this->translate('too_many_pixels');
+                    }
+                    if (!is_null($this->image_min_pixels) && $this->image_src_pixels < $this->image_min_pixels) {
+                        $this->processed = false;
+                        $this->error = $this->translate('not_enough_pixels');
+                    }
+                } else {
+                    $this->log .= '- no image properties available, can\'t enforce dimension checks : ' . $this->file_src_mime . '<br />';
+                }
+            }
+        }
+
+        if ($this->processed) {
+            $this->file_dst_path        = $server_path;
+
+            // repopulate dst variables from src
+            $this->file_dst_name        = $file_src_name;
+            $this->file_dst_name_body   = $file_src_name_body;
+            $this->file_dst_name_ext    = $file_src_name_ext;
+            if ($this->file_overwrite) $this->file_auto_rename = false;
+
+            if ($this->image_convert && $this->file_is_image) { // if we convert as an image
+                if ($this->file_src_name_ext) $this->file_dst_name_ext  = $this->image_convert;
+                $this->log .= '- new file name ext : ' . $this->image_convert . '<br />';
+            }
+            if (!is_null($this->file_new_name_body)) { // rename file body
+                $this->file_dst_name_body = $this->file_new_name_body;
+                $this->log .= '- new file name body : ' . $this->file_new_name_body . '<br />';
+            }
+            if (!is_null($this->file_new_name_ext)) { // rename file ext
+                $this->file_dst_name_ext  = $this->file_new_name_ext;
+                $this->log .= '- new file name ext : ' . $this->file_new_name_ext . '<br />';
+            }
+            if (!is_null($this->file_name_body_add)) { // append a string to the name
+                $this->file_dst_name_body  = $this->file_dst_name_body . $this->file_name_body_add;
+                $this->log .= '- file name body append : ' . $this->file_name_body_add . '<br />';
+            }
+            if (!is_null($this->file_name_body_pre)) { // prepend a string to the name
+                $this->file_dst_name_body  = $this->file_name_body_pre . $this->file_dst_name_body;
+                $this->log .= '- file name body prepend : ' . $this->file_name_body_pre . '<br />';
+            }
+            if ($this->file_safe_name) { // formats the name
+                $this->file_dst_name_body = utf8_encode(strtr(utf8_decode($this->file_dst_name_body), utf8_decode('ŠŽšžŸÀÁÂÃÄÅÇÈÉÊËÌÍÎÏÑÒÓÔÕÖØÙÚÛÜÝàáâãäåçèéêëìíîïñòóôõöøùúûüýÿ'), 'SZszYAAAAAACEEEEIIIINOOOOOOUUUUYaaaaaaceeeeiiiinoooooouuuuyy'));
+                $this->file_dst_name_body = strtr($this->file_dst_name_body, array('Þ' => 'TH', 'þ' => 'th', 'Ð' => 'DH', 'ð' => 'dh', 'ß' => 'ss', 'Œ' => 'OE', 'œ' => 'oe', 'Æ' => 'AE', 'æ' => 'ae', 'µ' => 'u'));
+                $this->file_dst_name_body = preg_replace(array('/\s/', '/\.[\.]+/', '/[^\w_\.\-]/'), array('_', '.', ''), $this->file_dst_name_body);
+                $this->log .= '- file name safe format<br />';
+            }
+
+            $this->log .= '- destination variables<br />';
+            if (empty($this->file_dst_path) || is_null($this->file_dst_path)) {
+                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;file_dst_path         : n/a<br />';
+            } else {
+                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;file_dst_path         : ' . $this->file_dst_path . '<br />';
+            }
+            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;file_dst_name_body    : ' . $this->file_dst_name_body . '<br />';
+            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;file_dst_name_ext     : ' . $this->file_dst_name_ext . '<br />';
+
+            // set the destination file name
+            $this->file_dst_name = $this->file_dst_name_body . (!empty($this->file_dst_name_ext) ? '.' . $this->file_dst_name_ext : '');
+
+            if (!$return_mode) {
+                if (!$this->file_auto_rename) {
+                    $this->log .= '- no auto_rename if same filename exists<br />';
+                    $this->file_dst_pathname = $this->file_dst_path . $this->file_dst_name;
+                } else {
+                    $this->log .= '- checking for auto_rename<br />';
+                    $this->file_dst_pathname = $this->file_dst_path . $this->file_dst_name;
+                    $body = $this->file_dst_name_body;
+                    $ext = '';
+                    // if we have changed the extension, then we add our increment before
+                    if ($file_src_name_ext != $this->file_src_name_ext) {
+                        if (substr($this->file_dst_name_body, -1 - strlen($this->file_src_name_ext)) == '.' . $this->file_src_name_ext) {
+                            $body = substr($this->file_dst_name_body, 0, strlen($this->file_dst_name_body) - 1 - strlen($this->file_src_name_ext));
+                            $ext = '.' . $this->file_src_name_ext;
+                        }
+                    }
+                    $cpt = 1;
+                    while (@file_exists($this->file_dst_pathname)) {
+                        $this->file_dst_name_body = $body . '_' . $cpt . $ext;
+                        $this->file_dst_name = $this->file_dst_name_body . (!empty($this->file_dst_name_ext) ? '.' . $this->file_dst_name_ext : '');
+                        $cpt++;
+                        $this->file_dst_pathname = $this->file_dst_path . $this->file_dst_name;
+                    }
+                    if ($cpt>1) $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;auto_rename to ' . $this->file_dst_name . '<br />';
+                }
+
+                $this->log .= '- destination file details<br />';
+                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;file_dst_name         : ' . $this->file_dst_name . '<br />';
+                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;file_dst_pathname     : ' . $this->file_dst_pathname . '<br />';
+
+                if ($this->file_overwrite) {
+                     $this->log .= '- no overwrite checking<br />';
+                } else {
+                    if (@file_exists($this->file_dst_pathname)) {
+                        $this->processed = false;
+                        $this->error = $this->translate('already_exists', array($this->file_dst_name));
+                    } else {
+                        $this->log .= '- ' . $this->file_dst_name . ' doesn\'t exist already<br />';
+                    }
+                }
+            }
+        }
+
+        if ($this->processed) {
+            // if we have already moved the uploaded file, we use the temporary copy as source file, and check if it exists
+            if (!empty($this->file_src_temp)) {
+                $this->log .= '- use the temp file instead of the original file since it is a second process<br />';
+                $this->file_src_pathname   = $this->file_src_temp;
+                if (!file_exists($this->file_src_pathname)) {
+                    $this->processed = false;
+                    $this->error = $this->translate('temp_file_missing');
+                }
+            // if we haven't a temp file, and that we do check on uploads, we use is_uploaded_file()
+            } else if (!$this->no_upload_check) {
+                if (!is_uploaded_file($this->file_src_pathname)) {
+                    $this->processed = false;
+                    $this->error = $this->translate('source_missing');
+                }
+            // otherwise, if we don't check on uploaded files (local file for instance), we use file_exists()
+            } else {
+                if (!file_exists($this->file_src_pathname)) {
+                    $this->processed = false;
+                    $this->error = $this->translate('source_missing');
+                }
+            }
+
+            // checks if the destination directory exists, and attempt to create it
+            if (!$return_mode) {
+                if ($this->processed && !file_exists($this->file_dst_path)) {
+                    if ($this->dir_auto_create) {
+                        $this->log .= '- ' . $this->file_dst_path . ' doesn\'t exist. Attempting creation:';
+                        if (!$this->rmkdir($this->file_dst_path, $this->dir_chmod)) {
+                            $this->log .= ' failed<br />';
+                            $this->processed = false;
+                            $this->error = $this->translate('destination_dir');
+                        } else {
+                            $this->log .= ' success<br />';
+                        }
+                    } else {
+                        $this->error = $this->translate('destination_dir_missing');
+                    }
+                }
+
+                if ($this->processed && !is_dir($this->file_dst_path)) {
+                    $this->processed = false;
+                    $this->error = $this->translate('destination_path_not_dir');
+                }
+
+                // checks if the destination directory is writeable, and attempt to make it writeable
+                $hash = md5($this->file_dst_name_body . rand(1, 1000));
+                if ($this->processed && !($f = @fopen($this->file_dst_path . $hash . (!empty($this->file_dst_name_ext) ? '.' . $this->file_dst_name_ext : ''), 'a+'))) {
+                    if ($this->dir_auto_chmod) {
+                        $this->log .= '- ' . $this->file_dst_path . ' is not writeable. Attempting chmod:';
+                        if (!@chmod($this->file_dst_path, $this->dir_chmod)) {
+                            $this->log .= ' failed<br />';
+                            $this->processed = false;
+                            $this->error = $this->translate('destination_dir_write');
+                        } else {
+                            $this->log .= ' success<br />';
+                            if (!($f = @fopen($this->file_dst_path . $hash . (!empty($this->file_dst_name_ext) ? '.' . $this->file_dst_name_ext : ''), 'a+'))) { // we re-check
+                                $this->processed = false;
+                                $this->error = $this->translate('destination_dir_write');
+                            } else {
+                                @fclose($f);
+                            }
+                        }
+                    } else {
+                        $this->processed = false;
+                        $this->error = $this->translate('destination_path_write');
+                    }
+                } else {
+                    if ($this->processed) @fclose($f);
+                    @unlink($this->file_dst_path . $hash . (!empty($this->file_dst_name_ext) ? '.' . $this->file_dst_name_ext : ''));
+                }
+
+
+                // if we have an uploaded file, and if it is the first process, and if we can't access the file directly (open_basedir restriction)
+                // then we create a temp file that will be used as the source file in subsequent processes
+                // the third condition is there to check if the file is not accessible *directly* (it already has positively gone through is_uploaded_file(), so it exists)
+                if (!$this->no_upload_check && empty($this->file_src_temp) && !@file_exists($this->file_src_pathname)) {
+                    $this->log .= '- attempting to use a temp file:';
+                    $hash = md5($this->file_dst_name_body . rand(1, 1000));
+                    if (move_uploaded_file($this->file_src_pathname, $this->file_dst_path . $hash . (!empty($this->file_dst_name_ext) ? '.' . $this->file_dst_name_ext : ''))) {
+                        $this->file_src_pathname = $this->file_dst_path . $hash . (!empty($this->file_dst_name_ext) ? '.' . $this->file_dst_name_ext : '');
+                        $this->file_src_temp = $this->file_src_pathname;
+                        $this->log .= ' file created<br />';
+                        $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;temp file is: ' . $this->file_src_temp . '<br />';
+                    } else {
+                        $this->log .= ' failed<br />';
+                        $this->processed = false;
+                        $this->error = $this->translate('temp_file');
+                    }
+                }
+            }
+        }
+
+        if ($this->processed) {
+
+            // check if we need to autorotate, to automatically pre-rotates the image according to EXIF data (JPEG only)
+            $auto_flip = false;
+            $auto_rotate = 0;
+            if ($this->file_is_image && $this->image_auto_rotate && $this->image_src_type == 'jpg' && $this->function_enabled('exif_read_data')) {
+                $exif = @exif_read_data($this->file_src_pathname);
+                if (is_array($exif) && isset($exif['Orientation'])) {
+                    $orientation = $exif['Orientation'];
+                    switch($orientation) {
+                      case 1:
+                        $this->log .= '- EXIF orientation = 1 : default<br />';
+                        break;
+                      case 2:
+                        $auto_flip = 'v';
+                        $this->log .= '- EXIF orientation = 2 : vertical flip<br />';
+                        break;
+                      case 3:
+                        $auto_rotate = 180;
+                        $this->log .= '- EXIF orientation = 3 : 180 rotate left<br />';
+                        break;
+                      case 4:
+                        $auto_flip = 'h';
+                        $this->log .= '- EXIF orientation = 4 : horizontal flip<br />';
+                        break;
+                      case 5:
+                        $auto_flip = 'h';
+                        $auto_rotate = 90;
+                        $this->log .= '- EXIF orientation = 5 : horizontal flip + 90 rotate right<br />';
+                        break;
+                      case 6:
+                        $auto_rotate = 90;
+                        $this->log .= '- EXIF orientation = 6 : 90 rotate right<br />';
+                        break;
+                      case 7:
+                        $auto_flip = 'v';
+                        $auto_rotate = 90;
+                        $this->log .= '- EXIF orientation = 7 : vertical flip + 90 rotate right<br />';
+                        break;
+                      case 8:
+                        $auto_rotate = 270;
+                        $this->log .= '- EXIF orientation = 8 : 90 rotate left<br />';
+                        break;
+                      default:
+                        $this->log .= '- EXIF orientation = '.$orientation.' : unknown<br />';
+                        break;
+                    }
+                } else {
+                    $this->log .= '- EXIF data is invalid or missing<br />';
+                }
+            } else {
+                if (!$this->image_auto_rotate) {
+                    $this->log .= '- auto-rotate deactivated<br />';
+                } else if (!$this->image_src_type == 'jpg') {
+                    $this->log .= '- auto-rotate applies only to JPEG images<br />';
+                } else if (!$this->function_enabled('exif_read_data')) {
+                    $this->log .= '- auto-rotate requires function exif_read_data to be enabled<br />';
+                }
+            }
+
+            // do we do some image manipulation?
+            $image_manipulation  = ($this->file_is_image && (
+                                    $this->image_resize
+                                 || $this->image_convert != ''
+                                 || is_numeric($this->image_brightness)
+                                 || is_numeric($this->image_contrast)
+                                 || is_numeric($this->image_opacity)
+                                 || is_numeric($this->image_threshold)
+                                 || !empty($this->image_tint_color)
+                                 || !empty($this->image_overlay_color)
+                                 || $this->image_pixelate
+                                 || $this->image_unsharp
+                                 || !empty($this->image_text)
+                                 || $this->image_greyscale
+                                 || $this->image_negative
+                                 || !empty($this->image_watermark)
+                                 || $auto_rotate || $auto_flip
+                                 || is_numeric($this->image_rotate)
+                                 || is_numeric($this->jpeg_size)
+                                 || !empty($this->image_flip)
+                                 || !empty($this->image_crop)
+                                 || !empty($this->image_precrop)
+                                 || !empty($this->image_border)
+                                 || !empty($this->image_border_transparent)
+                                 || $this->image_frame > 0
+                                 || $this->image_bevel > 0
+                                 || $this->image_reflection_height));
+
+            // we do a quick check to ensure the file is really an image
+            // we can do this only now, as it would have failed before in case of open_basedir
+            if ($image_manipulation && !@getimagesize($this->file_src_pathname)) {
+                $this->log .= '- the file is not an image!<br />';
+                $image_manipulation = false;
+            }
+
+            if ($image_manipulation) {
+
+                // make sure GD doesn't complain too much
+                @ini_set("gd.jpeg_ignore_warning", 1);
+
+                // checks if the source file is readable
+                if ($this->processed && !($f = @fopen($this->file_src_pathname, 'r'))) {
+                    $this->processed = false;
+                    $this->error = $this->translate('source_not_readable');
+                } else {
+                    @fclose($f);
+                }
+
+                // we now do all the image manipulations
+                $this->log .= '- image resizing or conversion wanted<br />';
+                if ($this->gdversion()) {
+                    switch($this->image_src_type) {
+                        case 'jpg':
+                            if (!$this->function_enabled('imagecreatefromjpeg')) {
+                                $this->processed = false;
+                                $this->error = $this->translate('no_create_support', array('JPEG'));
+                            } else {
+                                $image_src = @imagecreatefromjpeg($this->file_src_pathname);
+                                if (!$image_src) {
+                                    $this->processed = false;
+                                    $this->error = $this->translate('create_error', array('JPEG'));
+                                } else {
+                                    $this->log .= '- source image is JPEG<br />';
+                                }
+                            }
+                            break;
+                        case 'png':
+                            if (!$this->function_enabled('imagecreatefrompng')) {
+                                $this->processed = false;
+                                $this->error = $this->translate('no_create_support', array('PNG'));
+                            } else {
+                                $image_src = @imagecreatefrompng($this->file_src_pathname);
+                                if (!$image_src) {
+                                    $this->processed = false;
+                                    $this->error = $this->translate('create_error', array('PNG'));
+                                } else {
+                                    $this->log .= '- source image is PNG<br />';
+                                }
+                            }
+                            break;
+                        case 'gif':
+                            if (!$this->function_enabled('imagecreatefromgif')) {
+                                $this->processed = false;
+                                $this->error = $this->translate('no_create_support', array('GIF'));
+                            } else {
+                                $image_src = @imagecreatefromgif($this->file_src_pathname);
+                                if (!$image_src) {
+                                    $this->processed = false;
+                                    $this->error = $this->translate('create_error', array('GIF'));
+                                } else {
+                                    $this->log .= '- source image is GIF<br />';
+                                }
+                            }
+                            break;
+                        case 'bmp':
+                            if (!method_exists($this, 'imagecreatefrombmp')) {
+                                $this->processed = false;
+                                $this->error = $this->translate('no_create_support', array('BMP'));
+                            } else {
+                                $image_src = @$this->imagecreatefrombmp($this->file_src_pathname);
+                                if (!$image_src) {
+                                    $this->processed = false;
+                                    $this->error = $this->translate('create_error', array('BMP'));
+                                } else {
+                                    $this->log .= '- source image is BMP<br />';
+                                }
+                            }
+                            break;
+                        default:
+                            $this->processed = false;
+                            $this->error = $this->translate('source_invalid');
+                    }
+                } else {
+                    $this->processed = false;
+                    $this->error = $this->translate('gd_missing');
+                }
+
+                if ($this->processed && $image_src) {
+
+                    // we have to set image_convert if it is not already
+                    if (empty($this->image_convert)) {
+                        $this->log .= '- setting destination file type to ' . $this->image_src_type . '<br />';
+                        $this->image_convert = $this->image_src_type;
+                    }
+
+                    if (!in_array($this->image_convert, $this->image_supported)) {
+                        $this->image_convert = 'jpg';
+                    }
+
+                    // we set the default color to be the background color if we don't output in a transparent format
+                    if ($this->image_convert != 'png' && $this->image_convert != 'gif' && !empty($this->image_default_color) && empty($this->image_background_color)) $this->image_background_color = $this->image_default_color;
+                    if (!empty($this->image_background_color)) $this->image_default_color = $this->image_background_color;
+                    if (empty($this->image_default_color)) $this->image_default_color = '#FFFFFF';
+
+                    $this->image_src_x = imagesx($image_src);
+                    $this->image_src_y = imagesy($image_src);
+                    $gd_version = $this->gdversion();
+                    $ratio_crop = null;
+
+                    if (!imageistruecolor($image_src)) {  // $this->image_src_type == 'gif'
+                        $this->log .= '- image is detected as having a palette<br />';
+                        $this->image_is_palette = true;
+                        $this->image_transparent_color = imagecolortransparent($image_src);
+                        if ($this->image_transparent_color >= 0 && imagecolorstotal($image_src) > $this->image_transparent_color) {
+                            $this->image_is_transparent = true;
+                            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;palette image is detected as transparent<br />';
+                        }
+                        // if the image has a palette (GIF), we convert it to true color, preserving transparency
+                        $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;convert palette image to true color<br />';
+                        $true_color = imagecreatetruecolor($this->image_src_x, $this->image_src_y);
+                        imagealphablending($true_color, false);
+                        imagesavealpha($true_color, true);
+                        for ($x = 0; $x < $this->image_src_x; $x++) {
+                            for ($y = 0; $y < $this->image_src_y; $y++) {
+                                if ($this->image_transparent_color >= 0 && imagecolorat($image_src, $x, $y) == $this->image_transparent_color) {
+                                    imagesetpixel($true_color, $x, $y, 127 << 24);
+                                } else {
+                                    $rgb = imagecolorsforindex($image_src, imagecolorat($image_src, $x, $y));
+                                    imagesetpixel($true_color, $x, $y, ($rgb['alpha'] << 24) | ($rgb['red'] << 16) | ($rgb['green'] << 8) | $rgb['blue']);
+                                }
+                            }
+                        }
+                        $image_src = $this->imagetransfer($true_color, $image_src);
+                        imagealphablending($image_src, false);
+                        imagesavealpha($image_src, true);
+                        $this->image_is_palette = false;
+                    }
+
+                    $image_dst = & $image_src;
+
+                    // auto-flip image, according to EXIF data (JPEG only)
+                    if ($gd_version >= 2 && !empty($auto_flip)) {
+                        $this->log .= '- auto-flip image : ' . ($auto_flip == 'v' ? 'vertical' : 'horizontal') . '<br />';
+                        $tmp = $this->imagecreatenew($this->image_src_x, $this->image_src_y);
+                        for ($x = 0; $x < $this->image_src_x; $x++) {
+                            for ($y = 0; $y < $this->image_src_y; $y++){
+                                if (strpos($auto_flip, 'v') !== false) {
+                                    imagecopy($tmp, $image_dst, $this->image_src_x - $x - 1, $y, $x, $y, 1, 1);
+                                } else {
+                                    imagecopy($tmp, $image_dst, $x, $this->image_src_y - $y - 1, $x, $y, 1, 1);
+                                }
+                            }
+                        }
+                        // we transfert tmp into image_dst
+                        $image_dst = $this->imagetransfer($tmp, $image_dst);
+                    }
+
+                    // auto-rotate image, according to EXIF data (JPEG only)
+                    if ($gd_version >= 2 && is_numeric($auto_rotate)) {
+                        if (!in_array($auto_rotate, array(0, 90, 180, 270))) $auto_rotate = 0;
+                        if ($auto_rotate != 0) {
+                            if ($auto_rotate == 90 || $auto_rotate == 270) {
+                                $tmp = $this->imagecreatenew($this->image_src_y, $this->image_src_x);
+                            } else {
+                                $tmp = $this->imagecreatenew($this->image_src_x, $this->image_src_y);
+                            }
+                            $this->log .= '- auto-rotate image : ' . $auto_rotate . '<br />';
+                            for ($x = 0; $x < $this->image_src_x; $x++) {
+                                for ($y = 0; $y < $this->image_src_y; $y++){
+                                    if ($auto_rotate == 90) {
+                                        imagecopy($tmp, $image_dst, $y, $x, $x, $this->image_src_y - $y - 1, 1, 1);
+                                    } else if ($auto_rotate == 180) {
+                                        imagecopy($tmp, $image_dst, $x, $y, $this->image_src_x - $x - 1, $this->image_src_y - $y - 1, 1, 1);
+                                    } else if ($auto_rotate == 270) {
+                                        imagecopy($tmp, $image_dst, $y, $x, $this->image_src_x - $x - 1, $y, 1, 1);
+                                    } else {
+                                        imagecopy($tmp, $image_dst, $x, $y, $x, $y, 1, 1);
+                                    }
+                                }
+                            }
+                            if ($auto_rotate == 90 || $auto_rotate == 270) {
+                                $t = $this->image_src_y;
+                                $this->image_src_y = $this->image_src_x;
+                                $this->image_src_x = $t;
+                            }
+                            // we transfert tmp into image_dst
+                            $image_dst = $this->imagetransfer($tmp, $image_dst);
+                        }
+                    }
+
+                    // pre-crop image, before resizing
+                    if ((!empty($this->image_precrop))) {
+                        list($ct, $cr, $cb, $cl) = $this->getoffsets($this->image_precrop, $this->image_src_x, $this->image_src_y, true, true);
+                        $this->log .= '- pre-crop image : ' . $ct . ' ' . $cr . ' ' . $cb . ' ' . $cl . ' <br />';
+                        $this->image_src_x = $this->image_src_x - $cl - $cr;
+                        $this->image_src_y = $this->image_src_y - $ct - $cb;
+                        if ($this->image_src_x < 1) $this->image_src_x = 1;
+                        if ($this->image_src_y < 1) $this->image_src_y = 1;
+                        $tmp = $this->imagecreatenew($this->image_src_x, $this->image_src_y);
+
+                        // we copy the image into the recieving image
+                        imagecopy($tmp, $image_dst, 0, 0, $cl, $ct, $this->image_src_x, $this->image_src_y);
+
+                        // if we crop with negative margins, we have to make sure the extra bits are the right color, or transparent
+                        if ($ct < 0 || $cr < 0 || $cb < 0 || $cl < 0 ) {
+                            // use the background color if present
+                            if (!empty($this->image_background_color)) {
+                                list($red, $green, $blue) = $this->getcolors($this->image_background_color);
+                                $fill = imagecolorallocate($tmp, $red, $green, $blue);
+                            } else {
+                                $fill = imagecolorallocatealpha($tmp, 0, 0, 0, 127);
+                            }
+                            // fills eventual negative margins
+                            if ($ct < 0) imagefilledrectangle($tmp, 0, 0, $this->image_src_x, -$ct, $fill);
+                            if ($cr < 0) imagefilledrectangle($tmp, $this->image_src_x + $cr, 0, $this->image_src_x, $this->image_src_y, $fill);
+                            if ($cb < 0) imagefilledrectangle($tmp, 0, $this->image_src_y + $cb, $this->image_src_x, $this->image_src_y, $fill);
+                            if ($cl < 0) imagefilledrectangle($tmp, 0, 0, -$cl, $this->image_src_y, $fill);
+                        }
+
+                        // we transfert tmp into image_dst
+                        $image_dst = $this->imagetransfer($tmp, $image_dst);
+                    }
+
+                    // resize image (and move image_src_x, image_src_y dimensions into image_dst_x, image_dst_y)
+                    if ($this->image_resize) {
+                        $this->log .= '- resizing...<br />';
+                        $this->image_dst_x = $this->image_x;
+                        $this->image_dst_y = $this->image_y;
+
+                        // backward compatibility for soon to be deprecated settings
+                        if ($this->image_ratio_no_zoom_in) {
+                            $this->image_ratio = true;
+                            $this->image_no_enlarging = true;
+                        } else if ($this->image_ratio_no_zoom_out) {
+                            $this->image_ratio = true;
+                            $this->image_no_shrinking = true;
+                        } 
+
+                        // keeps aspect ratio with x calculated from y
+                        if ($this->image_ratio_x) {
+                            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;calculate x size<br />';
+                            $this->image_dst_x = round(($this->image_src_x * $this->image_y) / $this->image_src_y);
+                            $this->image_dst_y = $this->image_y;
+
+                        // keeps aspect ratio with y calculated from x
+                        } else if ($this->image_ratio_y) {
+                            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;calculate y size<br />';
+                            $this->image_dst_x = $this->image_x;
+                            $this->image_dst_y = round(($this->image_src_y * $this->image_x) / $this->image_src_x);
+
+                        // keeps aspect ratio, calculating x and y so that the image is approx the set number of pixels
+                        } else if (is_numeric($this->image_ratio_pixels)) {
+                            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;calculate x/y size to match a number of pixels<br />';
+                            $pixels = $this->image_src_y * $this->image_src_x;
+                            $diff = sqrt($this->image_ratio_pixels / $pixels);
+                            $this->image_dst_x = round($this->image_src_x * $diff);
+                            $this->image_dst_y = round($this->image_src_y * $diff);
+
+                        // keeps aspect ratio with x and y dimensions, filling the space
+                        } else if ($this->image_ratio_crop) {
+                            if (!is_string($this->image_ratio_crop)) $this->image_ratio_crop = '';
+                            $this->image_ratio_crop = strtolower($this->image_ratio_crop);
+                            if (($this->image_src_x/$this->image_x) > ($this->image_src_y/$this->image_y)) {
+                                $this->image_dst_y = $this->image_y;
+                                $this->image_dst_x = intval($this->image_src_x*($this->image_y / $this->image_src_y));
+                                $ratio_crop = array();
+                                $ratio_crop['x'] = $this->image_dst_x - $this->image_x;
+                                if (strpos($this->image_ratio_crop, 'l') !== false) {
+                                    $ratio_crop['l'] = 0;
+                                    $ratio_crop['r'] = $ratio_crop['x'];
+                                } else if (strpos($this->image_ratio_crop, 'r') !== false) {
+                                    $ratio_crop['l'] = $ratio_crop['x'];
+                                    $ratio_crop['r'] = 0;
+                                } else {
+                                    $ratio_crop['l'] = round($ratio_crop['x']/2);
+                                    $ratio_crop['r'] = $ratio_crop['x'] - $ratio_crop['l'];
+                                }
+                                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;ratio_crop_x         : ' . $ratio_crop['x'] . ' (' . $ratio_crop['l'] . ';' . $ratio_crop['r'] . ')<br />';
+                                if (is_null($this->image_crop)) $this->image_crop = array(0, 0, 0, 0);
+                            } else {
+                                $this->image_dst_x = $this->image_x;
+                                $this->image_dst_y = intval($this->image_src_y*($this->image_x / $this->image_src_x));
+                                $ratio_crop = array();
+                                $ratio_crop['y'] = $this->image_dst_y - $this->image_y;
+                                if (strpos($this->image_ratio_crop, 't') !== false) {
+                                    $ratio_crop['t'] = 0;
+                                    $ratio_crop['b'] = $ratio_crop['y'];
+                                } else if (strpos($this->image_ratio_crop, 'b') !== false) {
+                                    $ratio_crop['t'] = $ratio_crop['y'];
+                                    $ratio_crop['b'] = 0;
+                                } else {
+                                    $ratio_crop['t'] = round($ratio_crop['y']/2);
+                                    $ratio_crop['b'] = $ratio_crop['y'] - $ratio_crop['t'];
+                                }
+                                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;ratio_crop_y         : ' . $ratio_crop['y'] . ' (' . $ratio_crop['t'] . ';' . $ratio_crop['b'] . ')<br />';
+                                if (is_null($this->image_crop)) $this->image_crop = array(0, 0, 0, 0);
+                            }
+
+                        // keeps aspect ratio with x and y dimensions, fitting the image in the space, and coloring the rest
+                        } else if ($this->image_ratio_fill) {
+                            if (!is_string($this->image_ratio_fill)) $this->image_ratio_fill = '';
+                            $this->image_ratio_fill = strtolower($this->image_ratio_fill);
+                            if (($this->image_src_x/$this->image_x) < ($this->image_src_y/$this->image_y)) {
+                                $this->image_dst_y = $this->image_y;
+                                $this->image_dst_x = intval($this->image_src_x*($this->image_y / $this->image_src_y));
+                                $ratio_crop = array();
+                                $ratio_crop['x'] = $this->image_dst_x - $this->image_x;
+                                if (strpos($this->image_ratio_fill, 'l') !== false) {
+                                    $ratio_crop['l'] = 0;
+                                    $ratio_crop['r'] = $ratio_crop['x'];
+                                } else if (strpos($this->image_ratio_fill, 'r') !== false) {
+                                    $ratio_crop['l'] = $ratio_crop['x'];
+                                    $ratio_crop['r'] = 0;
+                                } else {
+                                    $ratio_crop['l'] = round($ratio_crop['x']/2);
+                                    $ratio_crop['r'] = $ratio_crop['x'] - $ratio_crop['l'];
+                                }
+                                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;ratio_fill_x         : ' . $ratio_crop['x'] . ' (' . $ratio_crop['l'] . ';' . $ratio_crop['r'] . ')<br />';
+                                if (is_null($this->image_crop)) $this->image_crop = array(0, 0, 0, 0);
+                            } else {
+                                $this->image_dst_x = $this->image_x;
+                                $this->image_dst_y = intval($this->image_src_y*($this->image_x / $this->image_src_x));
+                                $ratio_crop = array();
+                                $ratio_crop['y'] = $this->image_dst_y - $this->image_y;
+                                if (strpos($this->image_ratio_fill, 't') !== false) {
+                                    $ratio_crop['t'] = 0;
+                                    $ratio_crop['b'] = $ratio_crop['y'];
+                                } else if (strpos($this->image_ratio_fill, 'b') !== false) {
+                                    $ratio_crop['t'] = $ratio_crop['y'];
+                                    $ratio_crop['b'] = 0;
+                                } else {
+                                    $ratio_crop['t'] = round($ratio_crop['y']/2);
+                                    $ratio_crop['b'] = $ratio_crop['y'] - $ratio_crop['t'];
+                                }
+                                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;ratio_fill_y         : ' . $ratio_crop['y'] . ' (' . $ratio_crop['t'] . ';' . $ratio_crop['b'] . ')<br />';
+                                if (is_null($this->image_crop)) $this->image_crop = array(0, 0, 0, 0);
+                            }
+
+                        // keeps aspect ratio with x and y dimensions
+                        } else if ($this->image_ratio) {
+                            if (($this->image_src_x/$this->image_x) > ($this->image_src_y/$this->image_y)) {
+                                $this->image_dst_x = $this->image_x;
+                                $this->image_dst_y = intval($this->image_src_y*($this->image_x / $this->image_src_x));
+                            } else {
+                                $this->image_dst_y = $this->image_y;
+                                $this->image_dst_x = intval($this->image_src_x*($this->image_y / $this->image_src_y));
+                            }
+
+                        // resize to provided exact dimensions
+                        } else {
+                            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;use plain sizes<br />';
+                            $this->image_dst_x = $this->image_x;
+                            $this->image_dst_y = $this->image_y;
+                        }
+
+                        if ($this->image_dst_x < 1) $this->image_dst_x = 1;
+                        if ($this->image_dst_y < 1) $this->image_dst_y = 1;
+                        $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;image_src_x y        : ' . $this->image_src_x . ' x ' . $this->image_src_y . '<br />';
+                        $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;image_dst_x y        : ' . $this->image_dst_x . ' x ' . $this->image_dst_y . '<br />';
+
+                        // make sure we don't enlarge the image if we don't want to
+                        if ($this->image_no_enlarging && ($this->image_src_x < $this->image_dst_x || $this->image_src_y < $this->image_dst_y)) {
+                            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;cancel resizing, as it would enlarge the image!<br />';
+                            $this->image_dst_x = $this->image_src_x;
+                            $this->image_dst_y = $this->image_src_y;
+                        }
+
+                        // make sure we don't shrink the image if we don't want to
+                        if ($this->image_no_shrinking && ($this->image_src_x > $this->image_dst_x || $this->image_src_y > $this->image_dst_y)) {
+                            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;cancel resizing, as it would shrink the image!<br />';
+                            $this->image_dst_x = $this->image_src_x;
+                            $this->image_dst_y = $this->image_src_y;
+                        }
+
+                        // resize the image
+                        if ($this->image_dst_x != $this->image_src_x && $this->image_dst_y != $this->image_src_y) {
+                            $tmp = $this->imagecreatenew($this->image_dst_x, $this->image_dst_y);
+
+                            if ($gd_version >= 2) {
+                                $res = imagecopyresampled($tmp, $image_src, 0, 0, 0, 0, $this->image_dst_x, $this->image_dst_y, $this->image_src_x, $this->image_src_y);
+                            } else {
+                                $res = imagecopyresized($tmp, $image_src, 0, 0, 0, 0, $this->image_dst_x, $this->image_dst_y, $this->image_src_x, $this->image_src_y);
+                            }
+
+                            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;resized image object created<br />';
+                             // we transfert tmp into image_dst
+                            $image_dst = $this->imagetransfer($tmp, $image_dst);
+                        }
+
+                    } else {
+                        $this->image_dst_x = $this->image_src_x;
+                        $this->image_dst_y = $this->image_src_y;
+                    }
+
+                    // crop image (and also crops if image_ratio_crop is used)
+                    if ((!empty($this->image_crop) || !is_null($ratio_crop))) {
+                        list($ct, $cr, $cb, $cl) = $this->getoffsets($this->image_crop, $this->image_dst_x, $this->image_dst_y, true, true);
+                        // we adjust the cropping if we use image_ratio_crop
+                        if (!is_null($ratio_crop)) {
+                            if (array_key_exists('t', $ratio_crop)) $ct += $ratio_crop['t'];
+                            if (array_key_exists('r', $ratio_crop)) $cr += $ratio_crop['r'];
+                            if (array_key_exists('b', $ratio_crop)) $cb += $ratio_crop['b'];
+                            if (array_key_exists('l', $ratio_crop)) $cl += $ratio_crop['l'];
+                        }
+                        $this->log .= '- crop image : ' . $ct . ' ' . $cr . ' ' . $cb . ' ' . $cl . ' <br />';
+                        $this->image_dst_x = $this->image_dst_x - $cl - $cr;
+                        $this->image_dst_y = $this->image_dst_y - $ct - $cb;
+                        if ($this->image_dst_x < 1) $this->image_dst_x = 1;
+                        if ($this->image_dst_y < 1) $this->image_dst_y = 1;
+                        $tmp = $this->imagecreatenew($this->image_dst_x, $this->image_dst_y);
+
+                        // we copy the image into the recieving image
+                        imagecopy($tmp, $image_dst, 0, 0, $cl, $ct, $this->image_dst_x, $this->image_dst_y);
+
+                        // if we crop with negative margins, we have to make sure the extra bits are the right color, or transparent
+                        if ($ct < 0 || $cr < 0 || $cb < 0 || $cl < 0 ) {
+                            // use the background color if present
+                            if (!empty($this->image_background_color)) {
+                                list($red, $green, $blue) = $this->getcolors($this->image_background_color);
+                                $fill = imagecolorallocate($tmp, $red, $green, $blue);
+                            } else {
+                                $fill = imagecolorallocatealpha($tmp, 0, 0, 0, 127);
+                            }
+                            // fills eventual negative margins
+                            if ($ct < 0) imagefilledrectangle($tmp, 0, 0, $this->image_dst_x, -$ct-1, $fill);
+                            if ($cr < 0) imagefilledrectangle($tmp, $this->image_dst_x + $cr, 0, $this->image_dst_x, $this->image_dst_y, $fill);
+                            if ($cb < 0) imagefilledrectangle($tmp, 0, $this->image_dst_y + $cb, $this->image_dst_x, $this->image_dst_y, $fill);
+                            if ($cl < 0) imagefilledrectangle($tmp, 0, 0, -$cl-1, $this->image_dst_y, $fill);
+                        }
+
+                        // we transfert tmp into image_dst
+                        $image_dst = $this->imagetransfer($tmp, $image_dst);
+                    }
+
+                    // flip image
+                    if ($gd_version >= 2 && !empty($this->image_flip)) {
+                        $this->image_flip = strtolower($this->image_flip);
+                        $this->log .= '- flip image : ' . $this->image_flip . '<br />';
+                        $tmp = $this->imagecreatenew($this->image_dst_x, $this->image_dst_y);
+                        for ($x = 0; $x < $this->image_dst_x; $x++) {
+                            for ($y = 0; $y < $this->image_dst_y; $y++){
+                                if (strpos($this->image_flip, 'v') !== false) {
+                                    imagecopy($tmp, $image_dst, $this->image_dst_x - $x - 1, $y, $x, $y, 1, 1);
+                                } else {
+                                    imagecopy($tmp, $image_dst, $x, $this->image_dst_y - $y - 1, $x, $y, 1, 1);
+                                }
+                            }
+                        }
+                        // we transfert tmp into image_dst
+                        $image_dst = $this->imagetransfer($tmp, $image_dst);
+                    }
+
+                    // rotate image
+                    if ($gd_version >= 2 && is_numeric($this->image_rotate)) {
+                        if (!in_array($this->image_rotate, array(0, 90, 180, 270))) $this->image_rotate = 0;
+                        if ($this->image_rotate != 0) {
+                            if ($this->image_rotate == 90 || $this->image_rotate == 270) {
+                                $tmp = $this->imagecreatenew($this->image_dst_y, $this->image_dst_x);
+                            } else {
+                                $tmp = $this->imagecreatenew($this->image_dst_x, $this->image_dst_y);
+                            }
+                            $this->log .= '- rotate image : ' . $this->image_rotate . '<br />';
+                            for ($x = 0; $x < $this->image_dst_x; $x++) {
+                                for ($y = 0; $y < $this->image_dst_y; $y++){
+                                    if ($this->image_rotate == 90) {
+                                        imagecopy($tmp, $image_dst, $y, $x, $x, $this->image_dst_y - $y - 1, 1, 1);
+                                    } else if ($this->image_rotate == 180) {
+                                        imagecopy($tmp, $image_dst, $x, $y, $this->image_dst_x - $x - 1, $this->image_dst_y - $y - 1, 1, 1);
+                                    } else if ($this->image_rotate == 270) {
+                                        imagecopy($tmp, $image_dst, $y, $x, $this->image_dst_x - $x - 1, $y, 1, 1);
+                                    } else {
+                                        imagecopy($tmp, $image_dst, $x, $y, $x, $y, 1, 1);
+                                    }
+                                }
+                            }
+                            if ($this->image_rotate == 90 || $this->image_rotate == 270) {
+                                $t = $this->image_dst_y;
+                                $this->image_dst_y = $this->image_dst_x;
+                                $this->image_dst_x = $t;
+                            }
+                            // we transfert tmp into image_dst
+                            $image_dst = $this->imagetransfer($tmp, $image_dst);
+                        }
+                    }
+
+                    // pixelate image
+                    if ((is_numeric($this->image_pixelate) && $this->image_pixelate > 0)) {
+                        $this->log .= '- pixelate image (' . $this->image_pixelate . 'px)<br />';
+                        $filter = $this->imagecreatenew($this->image_dst_x, $this->image_dst_y);
+                        if ($gd_version >= 2) {
+                            imagecopyresampled($filter, $image_dst, 0, 0, 0, 0, round($this->image_dst_x / $this->image_pixelate), round($this->image_dst_y / $this->image_pixelate), $this->image_dst_x, $this->image_dst_y);
+                            imagecopyresampled($image_dst, $filter, 0, 0, 0, 0, $this->image_dst_x, $this->image_dst_y, round($this->image_dst_x / $this->image_pixelate), round($this->image_dst_y / $this->image_pixelate));
+                        } else {
+                            imagecopyresized($filter, $image_dst, 0, 0, 0, 0, round($this->image_dst_x / $this->image_pixelate), round($this->image_dst_y / $this->image_pixelate), $this->image_dst_x, $this->image_dst_y);
+                            imagecopyresized($image_dst, $filter, 0, 0, 0, 0, $this->image_dst_x, $this->image_dst_y, round($this->image_dst_x / $this->image_pixelate), round($this->image_dst_y / $this->image_pixelate));
+                        }
+                        imagedestroy($filter);
+                    }
+
+                    // unsharp mask
+                    if ($gd_version >= 2 && $this->image_unsharp && is_numeric($this->image_unsharp_amount) && is_numeric($this->image_unsharp_radius) && is_numeric($this->image_unsharp_threshold)) {
+                        // Unsharp Mask for PHP - version 2.1.1
+                        // Unsharp mask algorithm by Torstein Hønsi 2003-07.
+                        // Used with permission
+                        // Modified to support alpha transparency
+                        if ($this->image_unsharp_amount > 500)    $this->image_unsharp_amount = 500;
+                        $this->image_unsharp_amount = $this->image_unsharp_amount * 0.016;
+                        if ($this->image_unsharp_radius > 50)    $this->image_unsharp_radius = 50;
+                        $this->image_unsharp_radius = $this->image_unsharp_radius * 2;
+                        if ($this->image_unsharp_threshold > 255)    $this->image_unsharp_threshold = 255;
+                        $this->image_unsharp_radius = abs(round($this->image_unsharp_radius));
+                        if ($this->image_unsharp_radius != 0) {
+                            $this->image_dst_x = imagesx($image_dst); $this->image_dst_y = imagesy($image_dst);
+                            $canvas = $this->imagecreatenew($this->image_dst_x, $this->image_dst_y, false, true);
+                            $blur = $this->imagecreatenew($this->image_dst_x, $this->image_dst_y, false, true);
+                            if ($this->function_enabled('imageconvolution')) { // PHP >= 5.1
+                                $matrix = array(array( 1, 2, 1 ), array( 2, 4, 2 ), array( 1, 2, 1 ));
+                                imagecopy($blur, $image_dst, 0, 0, 0, 0, $this->image_dst_x, $this->image_dst_y);
+                                imageconvolution($blur, $matrix, 16, 0);
+                            } else {
+                                for ($i = 0; $i < $this->image_unsharp_radius; $i++) {
+                                    imagecopy($blur, $image_dst, 0, 0, 1, 0, $this->image_dst_x - 1, $this->image_dst_y); // left
+                                    $this->imagecopymergealpha($blur, $image_dst, 1, 0, 0, 0, $this->image_dst_x, $this->image_dst_y, 50); // right
+                                    $this->imagecopymergealpha($blur, $image_dst, 0, 0, 0, 0, $this->image_dst_x, $this->image_dst_y, 50); // center
+                                    imagecopy($canvas, $blur, 0, 0, 0, 0, $this->image_dst_x, $this->image_dst_y);
+                                    $this->imagecopymergealpha($blur, $canvas, 0, 0, 0, 1, $this->image_dst_x, $this->image_dst_y - 1, 33.33333 ); // up
+                                    $this->imagecopymergealpha($blur, $canvas, 0, 1, 0, 0, $this->image_dst_x, $this->image_dst_y, 25); // down
+                                }
+                            }
+                            $p_new = array();
+                            if($this->image_unsharp_threshold>0) {
+                                for ($x = 0; $x < $this->image_dst_x-1; $x++) {
+                                    for ($y = 0; $y < $this->image_dst_y; $y++) {
+                                        $p_orig = imagecolorsforindex($image_dst, imagecolorat($image_dst, $x, $y));
+                                        $p_blur = imagecolorsforindex($blur, imagecolorat($blur, $x, $y));
+                                        $p_new['red'] = (abs($p_orig['red'] - $p_blur['red']) >= $this->image_unsharp_threshold) ? max(0, min(255, ($this->image_unsharp_amount * ($p_orig['red'] - $p_blur['red'])) + $p_orig['red'])) : $p_orig['red'];
+                                        $p_new['green'] = (abs($p_orig['green'] - $p_blur['green']) >= $this->image_unsharp_threshold) ? max(0, min(255, ($this->image_unsharp_amount * ($p_orig['green'] - $p_blur['green'])) + $p_orig['green'])) : $p_orig['green'];
+                                        $p_new['blue'] = (abs($p_orig['blue'] - $p_blur['blue']) >= $this->image_unsharp_threshold) ? max(0, min(255, ($this->image_unsharp_amount * ($p_orig['blue'] - $p_blur['blue'])) + $p_orig['blue'])) : $p_orig['blue'];
+                                        if (($p_orig['red'] != $p_new['red']) || ($p_orig['green'] != $p_new['green']) || ($p_orig['blue'] != $p_new['blue'])) {
+                                            $color = imagecolorallocatealpha($image_dst, $p_new['red'], $p_new['green'], $p_new['blue'], $p_orig['alpha']);
+                                            imagesetpixel($image_dst, $x, $y, $color);
+                                        }
+                                    }
+                                }
+                            } else {
+                                for ($x = 0; $x < $this->image_dst_x; $x++) {
+                                    for ($y = 0; $y < $this->image_dst_y; $y++) {
+                                        $p_orig = imagecolorsforindex($image_dst, imagecolorat($image_dst, $x, $y));
+                                        $p_blur = imagecolorsforindex($blur, imagecolorat($blur, $x, $y));
+                                        $p_new['red'] = ($this->image_unsharp_amount * ($p_orig['red'] - $p_blur['red'])) + $p_orig['red'];
+                                        if ($p_new['red']>255) { $p_new['red']=255; } elseif ($p_new['red']<0) { $p_new['red']=0; }
+                                        $p_new['green'] = ($this->image_unsharp_amount * ($p_orig['green'] - $p_blur['green'])) + $p_orig['green'];
+                                        if ($p_new['green']>255) { $p_new['green']=255; }  elseif ($p_new['green']<0) { $p_new['green']=0; }
+                                        $p_new['blue'] = ($this->image_unsharp_amount * ($p_orig['blue'] - $p_blur['blue'])) + $p_orig['blue'];
+                                        if ($p_new['blue']>255) { $p_new['blue']=255; } elseif ($p_new['blue']<0) { $p_new['blue']=0; }
+                                        $color = imagecolorallocatealpha($image_dst, $p_new['red'], $p_new['green'], $p_new['blue'], $p_orig['alpha']);
+                                        imagesetpixel($image_dst, $x, $y, $color);
+                                    }
+                                }
+                            }
+                            imagedestroy($canvas);
+                            imagedestroy($blur);
+                        }
+                    }
+
+                    // add color overlay
+                    if ($gd_version >= 2 && (is_numeric($this->image_overlay_opacity) && $this->image_overlay_opacity > 0 && !empty($this->image_overlay_color))) {
+                        $this->log .= '- apply color overlay<br />';
+                        list($red, $green, $blue) = $this->getcolors($this->image_overlay_color);
+                        $filter = imagecreatetruecolor($this->image_dst_x, $this->image_dst_y);
+                        $color = imagecolorallocate($filter, $red, $green, $blue);
+                        imagefilledrectangle($filter, 0, 0, $this->image_dst_x, $this->image_dst_y, $color);
+                        $this->imagecopymergealpha($image_dst, $filter, 0, 0, 0, 0, $this->image_dst_x, $this->image_dst_y, $this->image_overlay_opacity);
+                        imagedestroy($filter);
+                    }
+
+                    // add brightness, contrast and tint, turns to greyscale and inverts colors
+                    if ($gd_version >= 2 && ($this->image_negative || $this->image_greyscale || is_numeric($this->image_threshold)|| is_numeric($this->image_brightness) || is_numeric($this->image_contrast) || !empty($this->image_tint_color))) {
+                        $this->log .= '- apply tint, light, contrast correction, negative, greyscale and threshold<br />';
+                        if (!empty($this->image_tint_color)) list($tint_red, $tint_green, $tint_blue) = $this->getcolors($this->image_tint_color);
+                        //imagealphablending($image_dst, true);
+                        for($y=0; $y < $this->image_dst_y; $y++) {
+                            for($x=0; $x < $this->image_dst_x; $x++) {
+                                if ($this->image_greyscale) {
+                                    $pixel = imagecolorsforindex($image_dst, imagecolorat($image_dst, $x, $y));
+                                    $r = $g = $b = round((0.2125 * $pixel['red']) + (0.7154 * $pixel['green']) + (0.0721 * $pixel['blue']));
+                                    $color = imagecolorallocatealpha($image_dst, $r, $g, $b, $pixel['alpha']);
+                                    imagesetpixel($image_dst, $x, $y, $color);
+                                    unset($color); unset($pixel);
+                                }
+                                if (is_numeric($this->image_threshold)) {
+                                    $pixel = imagecolorsforindex($image_dst, imagecolorat($image_dst, $x, $y));
+                                    $c = (round($pixel['red'] + $pixel['green'] + $pixel['blue']) / 3) - 127;
+                                    $r = $g = $b = ($c > $this->image_threshold ? 255 : 0);
+                                    $color = imagecolorallocatealpha($image_dst, $r, $g, $b, $pixel['alpha']);
+                                    imagesetpixel($image_dst, $x, $y, $color);
+                                    unset($color); unset($pixel);
+                                }
+                                if (is_numeric($this->image_brightness)) {
+                                    $pixel = imagecolorsforindex($image_dst, imagecolorat($image_dst, $x, $y));
+                                    $r = max(min(round($pixel['red'] + (($this->image_brightness * 2))), 255), 0);
+                                    $g = max(min(round($pixel['green'] + (($this->image_brightness * 2))), 255), 0);
+                                    $b = max(min(round($pixel['blue'] + (($this->image_brightness * 2))), 255), 0);
+                                    $color = imagecolorallocatealpha($image_dst, $r, $g, $b, $pixel['alpha']);
+                                    imagesetpixel($image_dst, $x, $y, $color);
+                                    unset($color); unset($pixel);
+                                }
+                                if (is_numeric($this->image_contrast)) {
+                                    $pixel = imagecolorsforindex($image_dst, imagecolorat($image_dst, $x, $y));
+                                    $r = max(min(round(($this->image_contrast + 128) * $pixel['red'] / 128), 255), 0);
+                                    $g = max(min(round(($this->image_contrast + 128) * $pixel['green'] / 128), 255), 0);
+                                    $b = max(min(round(($this->image_contrast + 128) * $pixel['blue'] / 128), 255), 0);
+                                    $color = imagecolorallocatealpha($image_dst, $r, $g, $b, $pixel['alpha']);
+                                    imagesetpixel($image_dst, $x, $y, $color);
+                                    unset($color); unset($pixel);
+                                }
+                                if (!empty($this->image_tint_color)) {
+                                    $pixel = imagecolorsforindex($image_dst, imagecolorat($image_dst, $x, $y));
+                                    $r = min(round($tint_red * $pixel['red'] / 169), 255);
+                                    $g = min(round($tint_green * $pixel['green'] / 169), 255);
+                                    $b = min(round($tint_blue * $pixel['blue'] / 169), 255);
+                                    $color = imagecolorallocatealpha($image_dst, $r, $g, $b, $pixel['alpha']);
+                                    imagesetpixel($image_dst, $x, $y, $color);
+                                    unset($color); unset($pixel);
+                                }
+                                if (!empty($this->image_negative)) {
+                                    $pixel = imagecolorsforindex($image_dst, imagecolorat($image_dst, $x, $y));
+                                    $r = round(255 - $pixel['red']);
+                                    $g = round(255 - $pixel['green']);
+                                    $b = round(255 - $pixel['blue']);
+                                    $color = imagecolorallocatealpha($image_dst, $r, $g, $b, $pixel['alpha']);
+                                    imagesetpixel($image_dst, $x, $y, $color);
+                                    unset($color); unset($pixel);
+                                }
+                            }
+                        }
+                    }
+
+                    // adds a border
+                    if ($gd_version >= 2 && !empty($this->image_border)) {
+                        list($ct, $cr, $cb, $cl) = $this->getoffsets($this->image_border, $this->image_dst_x, $this->image_dst_y, true, false);
+                        $this->log .= '- add border : ' . $ct . ' ' . $cr . ' ' . $cb . ' ' . $cl . '<br />';
+                        $this->image_dst_x = $this->image_dst_x + $cl + $cr;
+                        $this->image_dst_y = $this->image_dst_y + $ct + $cb;
+                        if (!empty($this->image_border_color)) list($red, $green, $blue) = $this->getcolors($this->image_border_color);
+                        $opacity = (is_numeric($this->image_border_opacity) ? (int) (127 - $this->image_border_opacity / 100 * 127): 0);
+                        // we now create an image, that we fill with the border color
+                        $tmp = $this->imagecreatenew($this->image_dst_x, $this->image_dst_y);
+                        $background = imagecolorallocatealpha($tmp, $red, $green, $blue, $opacity);
+                        imagefilledrectangle($tmp, 0, 0, $this->image_dst_x, $this->image_dst_y, $background);
+                        // we then copy the source image into the new image, without merging so that only the border is actually kept
+                        imagecopy($tmp, $image_dst, $cl, $ct, 0, 0, $this->image_dst_x - $cr - $cl, $this->image_dst_y - $cb - $ct);
+                        // we transfert tmp into image_dst
+                        $image_dst = $this->imagetransfer($tmp, $image_dst);
+                    }
+
+                    // adds a fading-to-transparent border
+                    if ($gd_version >= 2 && !empty($this->image_border_transparent)) {
+                        list($ct, $cr, $cb, $cl) = $this->getoffsets($this->image_border_transparent, $this->image_dst_x, $this->image_dst_y, true, false);
+                        $this->log .= '- add transparent border : ' . $ct . ' ' . $cr . ' ' . $cb . ' ' . $cl . '<br />';
+                        // we now create an image, that we fill with the border color
+                        $tmp = $this->imagecreatenew($this->image_dst_x, $this->image_dst_y);
+                        // we then copy the source image into the new image, without the borders
+                        imagecopy($tmp, $image_dst, $cl, $ct, $cl, $ct, $this->image_dst_x - $cr - $cl, $this->image_dst_y - $cb - $ct);
+                        // we now add the top border
+                        $opacity = 100;
+                        for ($y = $ct - 1; $y >= 0; $y--) {
+                            $il = (int) ($ct > 0 ? ($cl * ($y / $ct)) : 0);
+                            $ir = (int) ($ct > 0 ? ($cr * ($y / $ct)) : 0);
+                            for ($x = $il; $x < $this->image_dst_x - $ir; $x++) {
+                                $pixel = imagecolorsforindex($image_dst, imagecolorat($image_dst, $x, $y));
+                                $alpha = (1 - ($pixel['alpha'] / 127)) * $opacity / 100;
+                                if ($alpha > 0) {
+                                    if ($alpha > 1) $alpha = 1;
+                                    $color = imagecolorallocatealpha($tmp, $pixel['red'] , $pixel['green'], $pixel['blue'],  round((1 - $alpha) * 127));
+                                    imagesetpixel($tmp, $x, $y, $color);
+                                }
+                            }
+                            if ($opacity > 0) $opacity = $opacity - (100 / $ct);
+                        }
+                        // we now add the right border
+                        $opacity = 100;
+                        for ($x = $this->image_dst_x - $cr; $x < $this->image_dst_x; $x++) {
+                            $it = (int) ($cr > 0 ? ($ct * (($this->image_dst_x - $x - 1) / $cr)) : 0);
+                            $ib = (int) ($cr > 0 ? ($cb * (($this->image_dst_x - $x - 1) / $cr)) : 0);
+                            for ($y = $it; $y < $this->image_dst_y - $ib; $y++) {
+                                $pixel = imagecolorsforindex($image_dst, imagecolorat($image_dst, $x, $y));
+                                $alpha = (1 - ($pixel['alpha'] / 127)) * $opacity / 100;
+                                if ($alpha > 0) {
+                                    if ($alpha > 1) $alpha = 1;
+                                    $color = imagecolorallocatealpha($tmp, $pixel['red'] , $pixel['green'], $pixel['blue'],  round((1 - $alpha) * 127));
+                                    imagesetpixel($tmp, $x, $y, $color);
+                                }
+                            }
+                            if ($opacity > 0) $opacity = $opacity - (100 / $cr);
+                        }
+                        // we now add the bottom border
+                        $opacity = 100;
+                        for ($y = $this->image_dst_y - $cb; $y < $this->image_dst_y; $y++) {
+                            $il = (int) ($cb > 0 ? ($cl * (($this->image_dst_y - $y - 1) / $cb)) : 0);
+                            $ir = (int) ($cb > 0 ? ($cr * (($this->image_dst_y - $y - 1) / $cb)) : 0);
+                            for ($x = $il; $x < $this->image_dst_x - $ir; $x++) {
+                                $pixel = imagecolorsforindex($image_dst, imagecolorat($image_dst, $x, $y));
+                                $alpha = (1 - ($pixel['alpha'] / 127)) * $opacity / 100;
+                                if ($alpha > 0) {
+                                    if ($alpha > 1) $alpha = 1;
+                                    $color = imagecolorallocatealpha($tmp, $pixel['red'] , $pixel['green'], $pixel['blue'],  round((1 - $alpha) * 127));
+                                    imagesetpixel($tmp, $x, $y, $color);
+                                }
+                            }
+                            if ($opacity > 0) $opacity = $opacity - (100 / $cb);
+                        }
+                        // we now add the left border
+                        $opacity = 100;
+                        for ($x = $cl - 1; $x >= 0; $x--) {
+                            $it = (int) ($cl > 0 ? ($ct * ($x / $cl)) : 0);
+                            $ib = (int) ($cl > 0 ? ($cb * ($x / $cl)) : 0);
+                            for ($y = $it; $y < $this->image_dst_y - $ib; $y++) {
+                                $pixel = imagecolorsforindex($image_dst, imagecolorat($image_dst, $x, $y));
+                                $alpha = (1 - ($pixel['alpha'] / 127)) * $opacity / 100;
+                                if ($alpha > 0) {
+                                    if ($alpha > 1) $alpha = 1;
+                                    $color = imagecolorallocatealpha($tmp, $pixel['red'] , $pixel['green'], $pixel['blue'],  round((1 - $alpha) * 127));
+                                    imagesetpixel($tmp, $x, $y, $color);
+                                }
+                            }
+                            if ($opacity > 0) $opacity = $opacity - (100 / $cl);
+                        }
+                        // we transfert tmp into image_dst
+                        $image_dst = $this->imagetransfer($tmp, $image_dst);
+                    }
+
+                    // add frame border
+                    if ($gd_version >= 2 && is_numeric($this->image_frame)) {
+                        if (is_array($this->image_frame_colors)) {
+                            $vars = $this->image_frame_colors;
+                            $this->log .= '- add frame : ' . implode(' ', $this->image_frame_colors) . '<br />';
+                        } else {
+                            $this->log .= '- add frame : ' . $this->image_frame_colors . '<br />';
+                            $vars = explode(' ', $this->image_frame_colors);
+                        }
+                        $nb = sizeof($vars);
+                        $this->image_dst_x = $this->image_dst_x + ($nb * 2);
+                        $this->image_dst_y = $this->image_dst_y + ($nb * 2);
+                        $tmp = $this->imagecreatenew($this->image_dst_x, $this->image_dst_y);
+                        imagecopy($tmp, $image_dst, $nb, $nb, 0, 0, $this->image_dst_x - ($nb * 2), $this->image_dst_y - ($nb * 2));
+                        $opacity = (is_numeric($this->image_frame_opacity) ? (int) (127 - $this->image_frame_opacity / 100 * 127): 0);
+                        for ($i=0; $i<$nb; $i++) {
+                            list($red, $green, $blue) = $this->getcolors($vars[$i]);
+                            $c = imagecolorallocatealpha($tmp, $red, $green, $blue, $opacity);
+                            if ($this->image_frame == 1) {
+                                imageline($tmp, $i, $i, $this->image_dst_x - $i -1, $i, $c);
+                                imageline($tmp, $this->image_dst_x - $i -1, $this->image_dst_y - $i -1, $this->image_dst_x - $i -1, $i, $c);
+                                imageline($tmp, $this->image_dst_x - $i -1, $this->image_dst_y - $i -1, $i, $this->image_dst_y - $i -1, $c);
+                                imageline($tmp, $i, $i, $i, $this->image_dst_y - $i -1, $c);
+                            } else {
+                                imageline($tmp, $i, $i, $this->image_dst_x - $i -1, $i, $c);
+                                imageline($tmp, $this->image_dst_x - $nb + $i, $this->image_dst_y - $nb + $i, $this->image_dst_x - $nb + $i, $nb - $i, $c);
+                                imageline($tmp, $this->image_dst_x - $nb + $i, $this->image_dst_y - $nb + $i, $nb - $i, $this->image_dst_y - $nb + $i, $c);
+                                imageline($tmp, $i, $i, $i, $this->image_dst_y - $i -1, $c);
+                            }
+                        }
+                        // we transfert tmp into image_dst
+                        $image_dst = $this->imagetransfer($tmp, $image_dst);
+                    }
+
+                    // add bevel border
+                    if ($gd_version >= 2 && $this->image_bevel > 0) {
+                        if (empty($this->image_bevel_color1)) $this->image_bevel_color1 = '#FFFFFF';
+                        if (empty($this->image_bevel_color2)) $this->image_bevel_color2 = '#000000';
+                        list($red1, $green1, $blue1) = $this->getcolors($this->image_bevel_color1);
+                        list($red2, $green2, $blue2) = $this->getcolors($this->image_bevel_color2);
+                        $tmp = $this->imagecreatenew($this->image_dst_x, $this->image_dst_y);
+                        imagecopy($tmp, $image_dst, 0, 0, 0, 0, $this->image_dst_x, $this->image_dst_y);
+                        imagealphablending($tmp, true);
+                        for ($i=0; $i<$this->image_bevel; $i++) {
+                            $alpha = round(($i / $this->image_bevel) * 127);
+                            $c1 = imagecolorallocatealpha($tmp, $red1, $green1, $blue1, $alpha);
+                            $c2 = imagecolorallocatealpha($tmp, $red2, $green2, $blue2, $alpha);
+                            imageline($tmp, $i, $i, $this->image_dst_x - $i -1, $i, $c1);
+                            imageline($tmp, $this->image_dst_x - $i -1, $this->image_dst_y - $i, $this->image_dst_x - $i -1, $i, $c2);
+                            imageline($tmp, $this->image_dst_x - $i -1, $this->image_dst_y - $i -1, $i, $this->image_dst_y - $i -1, $c2);
+                            imageline($tmp, $i, $i, $i, $this->image_dst_y - $i -1, $c1);
+                        }
+                        // we transfert tmp into image_dst
+                        $image_dst = $this->imagetransfer($tmp, $image_dst);
+                    }
+
+                    // add watermark image
+                    if ($this->image_watermark!='' && file_exists($this->image_watermark)) {
+                        $this->log .= '- add watermark<br />';
+                        $this->image_watermark_position = strtolower($this->image_watermark_position);
+                        $watermark_info = getimagesize($this->image_watermark);
+                        $watermark_type = (array_key_exists(2, $watermark_info) ? $watermark_info[2] : null); // 1 = GIF, 2 = JPG, 3 = PNG
+                        $watermark_checked = false;
+                        if ($watermark_type == IMAGETYPE_GIF) {
+                            if (!$this->function_enabled('imagecreatefromgif')) {
+                                $this->error = $this->translate('watermark_no_create_support', array('GIF'));
+                            } else {
+                                $filter = @imagecreatefromgif($this->image_watermark);
+                                if (!$filter) {
+                                    $this->error = $this->translate('watermark_create_error', array('GIF'));
+                                } else {
+                                    $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;watermark source image is GIF<br />';
+                                    $watermark_checked = true;
+                                }
+                            }
+                        } else if ($watermark_type == IMAGETYPE_JPEG) {
+                            if (!$this->function_enabled('imagecreatefromjpeg')) {
+                                $this->error = $this->translate('watermark_no_create_support', array('JPEG'));
+                            } else {
+                                $filter = @imagecreatefromjpeg($this->image_watermark);
+                                if (!$filter) {
+                                    $this->error = $this->translate('watermark_create_error', array('JPEG'));
+                                } else {
+                                    $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;watermark source image is JPEG<br />';
+                                    $watermark_checked = true;
+                                }
+                            }
+                        } else if ($watermark_type == IMAGETYPE_PNG) {
+                            if (!$this->function_enabled('imagecreatefrompng')) {
+                                $this->error = $this->translate('watermark_no_create_support', array('PNG'));
+                            } else {
+                                $filter = @imagecreatefrompng($this->image_watermark);
+                                if (!$filter) {
+                                    $this->error = $this->translate('watermark_create_error', array('PNG'));
+                                } else {
+                                    $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;watermark source image is PNG<br />';
+                                    $watermark_checked = true;
+                                }
+                            }
+                        } else if ($watermark_type == IMAGETYPE_BMP) {
+                            if (!method_exists($this, 'imagecreatefrombmp')) {
+                                $this->error = $this->translate('watermark_no_create_support', array('BMP'));
+                            } else {
+                                $filter = @$this->imagecreatefrombmp($this->image_watermark);
+                                if (!$filter) {
+                                    $this->error = $this->translate('watermark_create_error', array('BMP'));
+                                } else {
+                                    $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;watermark source image is BMP<br />';
+                                    $watermark_checked = true;
+                                }
+                            }
+                        } else {
+                            $this->error = $this->translate('watermark_invalid');
+                        }
+                        if ($watermark_checked) {
+                            $watermark_dst_width  = $watermark_src_width  = imagesx($filter);
+                            $watermark_dst_height = $watermark_src_height = imagesy($filter);
+
+                            // if watermark is too large/tall, resize it first
+                            if ((!$this->image_watermark_no_zoom_out && ($watermark_dst_width > $this->image_dst_x || $watermark_dst_height > $this->image_dst_y))
+                             || (!$this->image_watermark_no_zoom_in && $watermark_dst_width < $this->image_dst_x && $watermark_dst_height < $this->image_dst_y)) {
+                                $canvas_width  = $this->image_dst_x - abs($this->image_watermark_x);
+                                $canvas_height = $this->image_dst_y - abs($this->image_watermark_y);
+                                if (($watermark_src_width/$canvas_width) > ($watermark_src_height/$canvas_height)) {
+                                    $watermark_dst_width = $canvas_width;
+                                    $watermark_dst_height = intval($watermark_src_height*($canvas_width / $watermark_src_width));
+                                } else {
+                                    $watermark_dst_height = $canvas_height;
+                                    $watermark_dst_width = intval($watermark_src_width*($canvas_height / $watermark_src_height));
+                                }
+                                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;watermark resized from '.$watermark_src_width.'x'.$watermark_src_height.' to '.$watermark_dst_width.'x'.$watermark_dst_height.'<br />';
+
+                            }
+                            // determine watermark position
+                            $watermark_x = 0;
+                            $watermark_y = 0;
+                            if (is_numeric($this->image_watermark_x)) {
+                                if ($this->image_watermark_x < 0) {
+                                    $watermark_x = $this->image_dst_x - $watermark_dst_width + $this->image_watermark_x;
+                                } else {
+                                    $watermark_x = $this->image_watermark_x;
+                                }
+                            } else {
+                                if (strpos($this->image_watermark_position, 'r') !== false) {
+                                    $watermark_x = $this->image_dst_x - $watermark_dst_width;
+                                } else if (strpos($this->image_watermark_position, 'l') !== false) {
+                                    $watermark_x = 0;
+                                } else {
+                                    $watermark_x = ($this->image_dst_x - $watermark_dst_width) / 2;
+                                }
+                            }
+                            if (is_numeric($this->image_watermark_y)) {
+                                if ($this->image_watermark_y < 0) {
+                                    $watermark_y = $this->image_dst_y - $watermark_dst_height + $this->image_watermark_y;
+                                } else {
+                                    $watermark_y = $this->image_watermark_y;
+                                }
+                            } else {
+                                if (strpos($this->image_watermark_position, 'b') !== false) {
+                                    $watermark_y = $this->image_dst_y - $watermark_dst_height;
+                                } else if (strpos($this->image_watermark_position, 't') !== false) {
+                                    $watermark_y = 0;
+                                } else {
+                                    $watermark_y = ($this->image_dst_y - $watermark_dst_height) / 2;
+                                }
+                            }
+                            imagealphablending($image_dst, true);
+                            imagecopyresampled($image_dst, $filter, $watermark_x, $watermark_y, 0, 0, $watermark_dst_width, $watermark_dst_height, $watermark_src_width, $watermark_src_height);
+                        } else {
+                            $this->error = $this->translate('watermark_invalid');
+                        }
+                    }
+
+                    // add text
+                    if (!empty($this->image_text)) {
+                        $this->log .= '- add text<br />';
+
+                        // calculate sizes in human readable format
+                        $src_size       = $this->file_src_size / 1024;
+                        $src_size_mb    = number_format($src_size / 1024, 1, ".", " ");
+                        $src_size_kb    = number_format($src_size, 1, ".", " ");
+                        $src_size_human = ($src_size > 1024 ? $src_size_mb . " MB" : $src_size_kb . " kb");
+
+                        $this->image_text = str_replace(
+                            array('[src_name]',
+                                  '[src_name_body]',
+                                  '[src_name_ext]',
+                                  '[src_pathname]',
+                                  '[src_mime]',
+                                  '[src_size]',
+                                  '[src_size_kb]',
+                                  '[src_size_mb]',
+                                  '[src_size_human]',
+                                  '[src_x]',
+                                  '[src_y]',
+                                  '[src_pixels]',
+                                  '[src_type]',
+                                  '[src_bits]',
+                                  '[dst_path]',
+                                  '[dst_name_body]',
+                                  '[dst_name_ext]',
+                                  '[dst_name]',
+                                  '[dst_pathname]',
+                                  '[dst_x]',
+                                  '[dst_y]',
+                                  '[date]',
+                                  '[time]',
+                                  '[host]',
+                                  '[server]',
+                                  '[ip]',
+                                  '[gd_version]'),
+                            array($this->file_src_name,
+                                  $this->file_src_name_body,
+                                  $this->file_src_name_ext,
+                                  $this->file_src_pathname,
+                                  $this->file_src_mime,
+                                  $this->file_src_size,
+                                  $src_size_kb,
+                                  $src_size_mb,
+                                  $src_size_human,
+                                  $this->image_src_x,
+                                  $this->image_src_y,
+                                  $this->image_src_pixels,
+                                  $this->image_src_type,
+                                  $this->image_src_bits,
+                                  $this->file_dst_path,
+                                  $this->file_dst_name_body,
+                                  $this->file_dst_name_ext,
+                                  $this->file_dst_name,
+                                  $this->file_dst_pathname,
+                                  $this->image_dst_x,
+                                  $this->image_dst_y,
+                                  date('Y-m-d'),
+                                  date('H:i:s'),
+                                  (isset($_SERVER['HTTP_HOST']) ? $_SERVER['HTTP_HOST'] : 'n/a'),
+                                  (isset($_SERVER['SERVER_NAME']) ? $_SERVER['SERVER_NAME'] : 'n/a'),
+                                  (isset($_SERVER['REMOTE_ADDR']) ? $_SERVER['REMOTE_ADDR'] : 'n/a'),
+                                  $this->gdversion(true)),
+                            $this->image_text);
+
+                        if (!is_numeric($this->image_text_padding)) $this->image_text_padding = 0;
+                        if (!is_numeric($this->image_text_line_spacing)) $this->image_text_line_spacing = 0;
+                        if (!is_numeric($this->image_text_padding_x)) $this->image_text_padding_x = $this->image_text_padding;
+                        if (!is_numeric($this->image_text_padding_y)) $this->image_text_padding_y = $this->image_text_padding;
+                        $this->image_text_position = strtolower($this->image_text_position);
+                        $this->image_text_direction = strtolower($this->image_text_direction);
+                        $this->image_text_alignment = strtolower($this->image_text_alignment);
+
+                        $font_type = 'gd';
+
+                        // if the font is a string with a GDF font path, we assume that we might want to load a font
+                        if (!is_numeric($this->image_text_font) && strlen($this->image_text_font) > 4 && substr(strtolower($this->image_text_font), -4) == '.gdf') {
+                            if (strpos($this->image_text_font, '/') === false) $this->image_text_font = "./" . $this->image_text_font;
+                            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;try to load font ' . $this->image_text_font . '... ';
+                            if ($this->image_text_font = @imageloadfont($this->image_text_font)) {
+                                $this->log .=  'success<br />';
+                            } else {
+                                $this->log .=  'error<br />';
+                                $this->image_text_font = 5;
+                            }
+                        }
+
+                        // if the font is a string with a TTF font path, we check if we can access the font file
+                        if (!is_numeric($this->image_text_font) && strlen($this->image_text_font) > 4 && substr(strtolower($this->image_text_font), -4) == '.ttf') {
+                            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;try to load font ' . $this->image_text_font . '... ';
+                            if (strpos($this->image_text_font, '/') === false) $this->image_text_font = "./" . $this->image_text_font;
+                            if (file_exists($this->image_text_font) && is_readable($this->image_text_font)) {
+                                $this->log .=  'success<br />';
+                                $font_type = 'tt';
+                            } else {
+                                $this->log .=  'error<br />';
+                                $this->image_text_font = 5;
+                            }
+                        }
+
+                        // get the text bounding box (GD fonts)
+                        if ($font_type == 'gd') {
+                            $text = explode("\n", $this->image_text);
+                            $char_width = imagefontwidth($this->image_text_font);
+                            $char_height = imagefontheight($this->image_text_font);
+                            $text_height = 0;
+                            $text_width = 0;
+                            $line_height = 0;
+                            $line_width = 0;
+                            foreach ($text as $k => $v) {
+                                if ($this->image_text_direction == 'v') {
+                                    $h = ($char_width * strlen($v));
+                                    if ($h > $text_height) $text_height = $h;
+                                    $line_width = $char_height;
+                                    $text_width += $line_width + ($k < (sizeof($text)-1) ? $this->image_text_line_spacing : 0);
+                                } else {
+                                    $w = ($char_width * strlen($v));
+                                    if ($w > $text_width) $text_width = $w;
+                                    $line_height = $char_height;
+                                    $text_height += $line_height + ($k < (sizeof($text)-1) ? $this->image_text_line_spacing : 0);
+                                }
+                            }
+                            $text_width  += (2 * $this->image_text_padding_x);
+                            $text_height += (2 * $this->image_text_padding_y);
+
+                        // get the text bounding box (TrueType fonts)
+                        } else if ($font_type == 'tt') {
+                            $text = $this->image_text;
+                            if (!$this->image_text_angle) $this->image_text_angle = $this->image_text_direction == 'v' ? 90 : 0;
+                            $text_height = 0;
+                            $text_width = 0;
+                            $text_offset_x = 0;
+                            $text_offset_y = 0;
+                            $rect = imagettfbbox($this->image_text_size, $this->image_text_angle, $this->image_text_font, $text );
+                            if ($rect) {
+                                $minX = min(array($rect[0],$rect[2],$rect[4],$rect[6])); 
+                                $maxX = max(array($rect[0],$rect[2],$rect[4],$rect[6])); 
+                                $minY = min(array($rect[1],$rect[3],$rect[5],$rect[7])); 
+                                $maxY = max(array($rect[1],$rect[3],$rect[5],$rect[7])); 
+                                $text_offset_x = abs($minX) - 1; 
+                                $text_offset_y = abs($minY) - 1;
+                                $text_width = $maxX - $minX + (2 * $this->image_text_padding_x);
+                                $text_height = $maxY - $minY + (2 * $this->image_text_padding_y);
+                            }
+                        }
+
+                        // position the text block
+                        $text_x = 0;
+                        $text_y = 0;
+                        if (is_numeric($this->image_text_x)) {
+                            if ($this->image_text_x < 0) {
+                                $text_x = $this->image_dst_x - $text_width + $this->image_text_x;
+                            } else {
+                                $text_x = $this->image_text_x;
+                            }
+                        } else {
+                            if (strpos($this->image_text_position, 'r') !== false) {
+                                $text_x = $this->image_dst_x - $text_width;
+                            } else if (strpos($this->image_text_position, 'l') !== false) {
+                                $text_x = 0;
+                            } else {
+                                $text_x = ($this->image_dst_x - $text_width) / 2;
+                            }
+                        }
+                        if (is_numeric($this->image_text_y)) {
+                            if ($this->image_text_y < 0) {
+                                $text_y = $this->image_dst_y - $text_height + $this->image_text_y;
+                            } else {
+                                $text_y = $this->image_text_y;
+                            }
+                        } else {
+                            if (strpos($this->image_text_position, 'b') !== false) {
+                                $text_y = $this->image_dst_y - $text_height;
+                            } else if (strpos($this->image_text_position, 't') !== false) {
+                                $text_y = 0;
+                            } else {
+                                $text_y = ($this->image_dst_y - $text_height) / 2;
+                            }
+                        }
+
+                        // add a background, maybe transparent
+                        if (!empty($this->image_text_background)) {
+                            list($red, $green, $blue) = $this->getcolors($this->image_text_background);
+                            if ($gd_version >= 2 && (is_numeric($this->image_text_background_opacity)) && $this->image_text_background_opacity >= 0 && $this->image_text_background_opacity <= 100) {
+                                $filter = imagecreatetruecolor($text_width, $text_height);
+                                $background_color = imagecolorallocate($filter, $red, $green, $blue);
+                                imagefilledrectangle($filter, 0, 0, $text_width, $text_height, $background_color);
+                                $this->imagecopymergealpha($image_dst, $filter, $text_x, $text_y, 0, 0, $text_width, $text_height, $this->image_text_background_opacity);
+                                imagedestroy($filter);
+                            } else {
+                                $background_color = imagecolorallocate($image_dst ,$red, $green, $blue);
+                                imagefilledrectangle($image_dst, $text_x, $text_y, $text_x + $text_width, $text_y + $text_height, $background_color);
+                            }
+                        }
+
+                        $text_x += $this->image_text_padding_x;
+                        $text_y += $this->image_text_padding_y;
+                        $t_width = $text_width - (2 * $this->image_text_padding_x);
+                        $t_height = $text_height - (2 * $this->image_text_padding_y);
+                        list($red, $green, $blue) = $this->getcolors($this->image_text_color);
+
+                        // add the text, maybe transparent
+                        if ($gd_version >= 2 && (is_numeric($this->image_text_opacity)) && $this->image_text_opacity >= 0 && $this->image_text_opacity <= 100) {
+                            if ($t_width < 0) $t_width = 0;
+                            if ($t_height < 0) $t_height = 0;
+                            $filter = $this->imagecreatenew($t_width, $t_height, false, true);
+                            $text_color = imagecolorallocate($filter ,$red, $green, $blue);
+
+                            if ($font_type == 'gd') {
+                                foreach ($text as $k => $v) {
+                                    if ($this->image_text_direction == 'v') {
+                                        imagestringup($filter,
+                                                      $this->image_text_font,
+                                                      $k * ($line_width  + ($k > 0 && $k < (sizeof($text)) ? $this->image_text_line_spacing : 0)),
+                                                      $text_height - (2 * $this->image_text_padding_y) - ($this->image_text_alignment == 'l' ? 0 : (($t_height - strlen($v) * $char_width) / ($this->image_text_alignment == 'r' ? 1 : 2))) ,
+                                                      $v,
+                                                      $text_color);
+                                    } else {
+                                        imagestring($filter,
+                                                    $this->image_text_font,
+                                                    ($this->image_text_alignment == 'l' ? 0 : (($t_width - strlen($v) * $char_width) / ($this->image_text_alignment == 'r' ? 1 : 2))),
+                                                    $k * ($line_height  + ($k > 0 && $k < (sizeof($text)) ? $this->image_text_line_spacing : 0)),
+                                                    $v,
+                                                    $text_color);
+                                    }
+                                }
+                            } else if ($font_type == 'tt') {
+                                imagettftext($filter,
+                                             $this->image_text_size,
+                                             $this->image_text_angle,
+                                             $text_offset_x,
+                                             $text_offset_y,
+                                             $text_color,
+                                             $this->image_text_font,
+                                             $text);
+                            }
+                            $this->imagecopymergealpha($image_dst, $filter, $text_x, $text_y, 0, 0, $t_width, $t_height, $this->image_text_opacity);
+                            imagedestroy($filter);
+
+                        } else {
+                            $text_color = imagecolorallocate($image_dst ,$red, $green, $blue);
+                            if ($font_type == 'gd') {
+                                foreach ($text as $k => $v) {
+                                    if ($this->image_text_direction == 'v') {
+                                        imagestringup($image_dst,
+                                                      $this->image_text_font,
+                                                      $text_x + $k * ($line_width  + ($k > 0 && $k < (sizeof($text)) ? $this->image_text_line_spacing : 0)),
+                                                      $text_y + $text_height - (2 * $this->image_text_padding_y) - ($this->image_text_alignment == 'l' ? 0 : (($t_height - strlen($v) * $char_width) / ($this->image_text_alignment == 'r' ? 1 : 2))),
+                                                      $v,
+                                                      $text_color);
+                                    } else {
+                                        imagestring($image_dst,
+                                                    $this->image_text_font,
+                                                    $text_x + ($this->image_text_alignment == 'l' ? 0 : (($t_width - strlen($v) * $char_width) / ($this->image_text_alignment == 'r' ? 1 : 2))),
+                                                    $text_y + $k * ($line_height  + ($k > 0 && $k < (sizeof($text)) ? $this->image_text_line_spacing : 0)),
+                                                    $v,
+                                                    $text_color);
+                                    }
+                                }
+                            } else if ($font_type == 'tt') {
+                                imagettftext($image_dst,
+                                             $this->image_text_size,
+                                             $this->image_text_angle,
+                                             $text_offset_x + ($this->image_dst_x / 2) - ($text_width / 2) + $this->image_text_padding_x,
+                                             $text_offset_y + ($this->image_dst_y / 2) - ($text_height / 2) + $this->image_text_padding_y,
+                                             $text_color,
+                                             $this->image_text_font,
+                                             $text);
+                            }
+                        }
+                    }
+
+                    // add a reflection
+                    if ($this->image_reflection_height) {
+                        $this->log .= '- add reflection : ' . $this->image_reflection_height . '<br />';
+                        // we decode image_reflection_height, which can be a integer, a string in pixels or percentage
+                        $image_reflection_height = $this->image_reflection_height;
+                        if (strpos($image_reflection_height, '%')>0) $image_reflection_height = $this->image_dst_y * (str_replace('%','',$image_reflection_height / 100));
+                        if (strpos($image_reflection_height, 'px')>0) $image_reflection_height = str_replace('px','',$image_reflection_height);
+                        $image_reflection_height = (int) $image_reflection_height;
+                        if ($image_reflection_height > $this->image_dst_y) $image_reflection_height = $this->image_dst_y;
+                        if (empty($this->image_reflection_opacity)) $this->image_reflection_opacity = 60;
+                        // create the new destination image
+                        $tmp = $this->imagecreatenew($this->image_dst_x, $this->image_dst_y + $image_reflection_height + $this->image_reflection_space, true);
+                        $transparency = $this->image_reflection_opacity;
+
+                        // copy the original image
+                        imagecopy($tmp, $image_dst, 0, 0, 0, 0, $this->image_dst_x, $this->image_dst_y + ($this->image_reflection_space < 0 ? $this->image_reflection_space : 0));
+
+                        // we have to make sure the extra bit is the right color, or transparent
+                        if ($image_reflection_height + $this->image_reflection_space > 0) {
+                            // use the background color if present
+                            if (!empty($this->image_background_color)) {
+                                list($red, $green, $blue) = $this->getcolors($this->image_background_color);
+                                $fill = imagecolorallocate($tmp, $red, $green, $blue);
+                            } else {
+                                $fill = imagecolorallocatealpha($tmp, 0, 0, 0, 127);
+                            }
+                            // fill in from the edge of the extra bit
+                            imagefill($tmp, round($this->image_dst_x / 2), $this->image_dst_y + $image_reflection_height + $this->image_reflection_space - 1, $fill);
+                        }
+
+                        // copy the reflection
+                        for ($y = 0; $y < $image_reflection_height; $y++) {
+                            for ($x = 0; $x < $this->image_dst_x; $x++) {
+                                $pixel_b = imagecolorsforindex($tmp, imagecolorat($tmp, $x, $y + $this->image_dst_y + $this->image_reflection_space));
+                                $pixel_o = imagecolorsforindex($image_dst, imagecolorat($image_dst, $x, $this->image_dst_y - $y - 1 + ($this->image_reflection_space < 0 ? $this->image_reflection_space : 0)));
+                                $alpha_o = 1 - ($pixel_o['alpha'] / 127);
+                                $alpha_b = 1 - ($pixel_b['alpha'] / 127);
+                                $opacity = $alpha_o * $transparency / 100;
+                                if ($opacity > 0) {
+                                    $red   = round((($pixel_o['red']   * $opacity) + ($pixel_b['red']  ) * $alpha_b) / ($alpha_b + $opacity));
+                                    $green = round((($pixel_o['green'] * $opacity) + ($pixel_b['green']) * $alpha_b) / ($alpha_b + $opacity));
+                                    $blue  = round((($pixel_o['blue']  * $opacity) + ($pixel_b['blue'] ) * $alpha_b) / ($alpha_b + $opacity));
+                                    $alpha = ($opacity + $alpha_b);
+                                    if ($alpha > 1) $alpha = 1;
+                                    $alpha =  round((1 - $alpha) * 127);
+                                    $color = imagecolorallocatealpha($tmp, $red, $green, $blue, $alpha);
+                                    imagesetpixel($tmp, $x, $y + $this->image_dst_y + $this->image_reflection_space, $color);
+                                }
+                            }
+                            if ($transparency > 0) $transparency = $transparency - ($this->image_reflection_opacity / $image_reflection_height);
+                        }
+
+                        // copy the resulting image into the destination image
+                        $this->image_dst_y = $this->image_dst_y + $image_reflection_height + $this->image_reflection_space;
+                        $image_dst = $this->imagetransfer($tmp, $image_dst);
+                    }
+
+                    // change opacity
+                    if ($gd_version >= 2 && is_numeric($this->image_opacity) && $this->image_opacity < 100) {
+                        $this->log .= '- change opacity<br />';
+                        // create the new destination image
+                        $tmp = $this->imagecreatenew($this->image_dst_x, $this->image_dst_y, true);
+                        for($y=0; $y < $this->image_dst_y; $y++) {
+                            for($x=0; $x < $this->image_dst_x; $x++) {
+                                $pixel = imagecolorsforindex($image_dst, imagecolorat($image_dst, $x, $y));
+                                $alpha = $pixel['alpha'] + round((127 - $pixel['alpha']) * (100 - $this->image_opacity) / 100);
+                                if ($alpha > 127) $alpha = 127;
+                                if ($alpha > 0) {
+                                    $color = imagecolorallocatealpha($tmp, $pixel['red'] , $pixel['green'], $pixel['blue'], $alpha);
+                                    imagesetpixel($tmp, $x, $y, $color);
+                                }
+                            }
+                        }
+                        // copy the resulting image into the destination image
+                        $image_dst = $this->imagetransfer($tmp, $image_dst);
+                    }
+
+                    // reduce the JPEG image to a set desired size
+                    if (is_numeric($this->jpeg_size) && $this->jpeg_size > 0 && ($this->image_convert == 'jpeg' || $this->image_convert == 'jpg')) {
+                        // inspired by: JPEGReducer class version 1, 25 November 2004, Author: Huda M ElMatsani, justhuda at netscape dot net
+                        $this->log .= '- JPEG desired file size : ' . $this->jpeg_size . '<br />';
+                        // calculate size of each image. 75%, 50%, and 25% quality
+                        ob_start(); imagejpeg($image_dst,null,75);  $buffer = ob_get_contents(); ob_end_clean();
+                        $size75 = strlen($buffer);
+                        ob_start(); imagejpeg($image_dst,null,50);  $buffer = ob_get_contents(); ob_end_clean();
+                        $size50 = strlen($buffer);
+                        ob_start(); imagejpeg($image_dst,null,25);  $buffer = ob_get_contents(); ob_end_clean();
+                        $size25 = strlen($buffer);
+
+                        // make sure we won't divide by 0
+                        if ($size50 == $size25) $size50++;
+                        if ($size75 == $size50 || $size75 == $size25) $size75++;
+
+                        // calculate gradient of size reduction by quality
+                        $mgrad1 = 25 / ($size50-$size25);
+                        $mgrad2 = 25 / ($size75-$size50);
+                        $mgrad3 = 50 / ($size75-$size25);
+                        $mgrad  = ($mgrad1 + $mgrad2 + $mgrad3) / 3;
+                        // result of approx. quality factor for expected size
+                        $q_factor = round($mgrad * ($this->jpeg_size - $size50) + 50);
+
+                        if ($q_factor<1) {
+                            $this->jpeg_quality=1;
+                        } elseif ($q_factor>100) {
+                            $this->jpeg_quality=100;
+                        } else {
+                            $this->jpeg_quality=$q_factor;
+                        }
+                        $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;JPEG quality factor set to ' . $this->jpeg_quality . '<br />';
+                    }
+
+                    // converts image from true color, and fix transparency if needed
+                    $this->log .= '- converting...<br />';
+                    $this->image_dst_type = $this->image_convert;
+                    switch($this->image_convert) {
+                        case 'gif':
+                            // if the image is true color, we convert it to a palette
+                            if (imageistruecolor($image_dst)) {
+                                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;true color to palette<br />';
+                                // creates a black and white mask
+                                $mask = array(array());
+                                for ($x = 0; $x < $this->image_dst_x; $x++) {
+                                    for ($y = 0; $y < $this->image_dst_y; $y++) {
+                                        $pixel = imagecolorsforindex($image_dst, imagecolorat($image_dst, $x, $y));
+                                        $mask[$x][$y] = $pixel['alpha'];
+                                    }
+                                }
+                                list($red, $green, $blue) = $this->getcolors($this->image_default_color);
+                                // first, we merge the image with the background color, so we know which colors we will have
+                                for ($x = 0; $x < $this->image_dst_x; $x++) {
+                                    for ($y = 0; $y < $this->image_dst_y; $y++) {
+                                        if ($mask[$x][$y] > 0){
+                                            // we have some transparency. we combine the color with the default color
+                                            $pixel = imagecolorsforindex($image_dst, imagecolorat($image_dst, $x, $y));
+                                            $alpha = ($mask[$x][$y] / 127);
+                                            $pixel['red'] = round(($pixel['red'] * (1 -$alpha) + $red * ($alpha)));
+                                            $pixel['green'] = round(($pixel['green'] * (1 -$alpha) + $green * ($alpha)));
+                                            $pixel['blue'] = round(($pixel['blue'] * (1 -$alpha) + $blue * ($alpha)));
+                                            $color = imagecolorallocate($image_dst, $pixel['red'], $pixel['green'], $pixel['blue']);
+                                            imagesetpixel($image_dst, $x, $y, $color);
+                                        }
+                                    }
+                                }
+                                // transforms the true color image into palette, with its merged default color
+                                if (empty($this->image_background_color)) {
+                                    imagetruecolortopalette($image_dst, true, 255);
+                                    $transparency = imagecolorallocate($image_dst, 254, 1, 253);
+                                    imagecolortransparent($image_dst, $transparency);
+                                    // make the transparent areas transparent
+                                    for ($x = 0; $x < $this->image_dst_x; $x++) {
+                                        for ($y = 0; $y < $this->image_dst_y; $y++) {
+                                            // we test wether we have enough opacity to justify keeping the color
+                                            if ($mask[$x][$y] > 120) imagesetpixel($image_dst, $x, $y, $transparency);
+                                        }
+                                    }
+                                }
+                                unset($mask);
+                            }
+                            break;
+                        case 'jpg':
+                        case 'bmp':
+                            // if the image doesn't support any transparency, then we merge it with the default color
+                            $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;fills in transparency with default color<br />';
+                            list($red, $green, $blue) = $this->getcolors($this->image_default_color);
+                            $transparency = imagecolorallocate($image_dst, $red, $green, $blue);
+                            // make the transaparent areas transparent
+                            for ($x = 0; $x < $this->image_dst_x; $x++) {
+                                for ($y = 0; $y < $this->image_dst_y; $y++) {
+                                    // we test wether we have some transparency, in which case we will merge the colors
+                                    if (imageistruecolor($image_dst)) {
+                                        $rgba = imagecolorat($image_dst, $x, $y);
+                                        $pixel = array('red' => ($rgba >> 16) & 0xFF,
+                                                       'green' => ($rgba >> 8) & 0xFF,
+                                                       'blue' => $rgba & 0xFF,
+                                                       'alpha' => ($rgba & 0x7F000000) >> 24);
+                                    } else {
+                                        $pixel = imagecolorsforindex($image_dst, imagecolorat($image_dst, $x, $y));
+                                    }
+                                    if ($pixel['alpha'] == 127) {
+                                        // we have full transparency. we make the pixel transparent
+                                        imagesetpixel($image_dst, $x, $y, $transparency);
+                                    } else if ($pixel['alpha'] > 0) {
+                                        // we have some transparency. we combine the color with the default color
+                                        $alpha = ($pixel['alpha'] / 127);
+                                        $pixel['red'] = round(($pixel['red'] * (1 -$alpha) + $red * ($alpha)));
+                                        $pixel['green'] = round(($pixel['green'] * (1 -$alpha) + $green * ($alpha)));
+                                        $pixel['blue'] = round(($pixel['blue'] * (1 -$alpha) + $blue * ($alpha)));
+                                        $color = imagecolorclosest($image_dst, $pixel['red'], $pixel['green'], $pixel['blue']);
+                                        imagesetpixel($image_dst, $x, $y, $color);
+                                    }
+                                }
+                            }
+
+                            break;
+                        default:
+                            break;
+                    }
+
+                    // interlace options
+                    if($this->image_interlace) imageinterlace($image_dst, true);
+
+                    // outputs image
+                    $this->log .= '- saving image...<br />';
+                    switch($this->image_convert) {
+                        case 'jpeg':
+                        case 'jpg':
+                            if (!$return_mode) {
+                                $result = @imagejpeg($image_dst, $this->file_dst_pathname, $this->jpeg_quality);
+                            } else {
+                                ob_start();
+                                $result = @imagejpeg($image_dst, null, $this->jpeg_quality);
+                                $return_content = ob_get_contents();
+                                ob_end_clean();
+                            }
+                            if (!$result) {
+                                $this->processed = false;
+                                $this->error = $this->translate('file_create', array('JPEG'));
+                            } else {
+                                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;JPEG image created<br />';
+                            }
+                            break;
+                        case 'png':
+                            imagealphablending( $image_dst, false );
+                            imagesavealpha( $image_dst, true );
+                            if (!$return_mode) {
+                                if (is_numeric($this->png_compression) && version_compare(PHP_VERSION, '5.1.2') >= 0) {
+                                    $result = @imagepng($image_dst, $this->file_dst_pathname, $this->png_compression);
+                                } else {
+                                    $result = @imagepng($image_dst, $this->file_dst_pathname);
+                                }
+                            } else {
+                                ob_start();
+                                if (is_numeric($this->png_compression) && version_compare(PHP_VERSION, '5.1.2') >= 0) {
+                                    $result = @imagepng($image_dst, null, $this->png_compression);
+                                } else {
+                                    $result = @imagepng($image_dst);
+                                }
+                                $return_content = ob_get_contents();
+                                ob_end_clean();
+                            }
+                            if (!$result) {
+                                $this->processed = false;
+                                $this->error = $this->translate('file_create', array('PNG'));
+                            } else {
+                                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;PNG image created<br />';
+                            }
+                            break;
+                        case 'gif':
+                            if (!$return_mode) {
+                                $result = @imagegif($image_dst, $this->file_dst_pathname);
+                            } else {
+                                ob_start();
+                                $result = @imagegif($image_dst);
+                                $return_content = ob_get_contents();
+                                ob_end_clean();
+                            }
+                            if (!$result) {
+                                $this->processed = false;
+                                $this->error = $this->translate('file_create', array('GIF'));
+                            } else {
+                                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;GIF image created<br />';
+                            }
+                            break;
+                        case 'bmp':
+                            if (!$return_mode) {
+                                $result = $this->imagebmp($image_dst, $this->file_dst_pathname);
+                            } else {
+                                ob_start();
+                                $result = $this->imagebmp($image_dst);
+                                $return_content = ob_get_contents();
+                                ob_end_clean();
+                            }
+                            if (!$result) {
+                                $this->processed = false;
+                                $this->error = $this->translate('file_create', array('BMP'));
+                            } else {
+                                $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;BMP image created<br />';
+                            }
+                            break;
+
+                        default:
+                            $this->processed = false;
+                            $this->error = $this->translate('no_conversion_type');
+                    }
+                    if ($this->processed) {
+                        if (is_resource($image_src)) imagedestroy($image_src);
+                        if (is_resource($image_dst)) imagedestroy($image_dst);
+                        $this->log .= '&nbsp;&nbsp;&nbsp;&nbsp;image objects destroyed<br />';
+                    }
+                }
+
+            } else {
+                $this->log .= '- no image processing wanted<br />';
+
+                if (!$return_mode) {
+                    // copy the file to its final destination. we don't use move_uploaded_file here
+                    // if we happen to have open_basedir restrictions, it is a temp file that we copy, not the original uploaded file
+                    if (!copy($this->file_src_pathname, $this->file_dst_pathname)) {
+                        $this->processed = false;
+                        $this->error = $this->translate('copy_failed');
+                    }
+                } else {
+                    // returns the file, so that its content can be received by the caller
+                    $return_content = @file_get_contents($this->file_src_pathname);
+                    if ($return_content === FALSE) {
+                        $this->processed = false;
+                        $this->error = $this->translate('reading_failed');
+                    }
+                }
+            }
+        }
+
+        if ($this->processed) {
+            $this->log .= '- <b>process OK</b><br />';
+        } else {
+            $this->log .= '- <b>error</b>: ' . $this->error . '<br />';
+        }
+
+        // we reinit all the vars
+        $this->init();
+
+        // we may return the image content
+        if ($return_mode) return $return_content;
+
+    }
+
+    /**
+     * Deletes the uploaded file from its temporary location
+     *
+     * When PHP uploads a file, it stores it in a temporary location.
+     * When you {@link process} the file, you actually copy the resulting file to the given location, it doesn't alter the original file.
+     * Once you have processed the file as many times as you wanted, you can delete the uploaded file.
+     * If there is open_basedir restrictions, the uploaded file is in fact a temporary file
+     *
+     * You might want not to use this function if you work on local files, as it will delete the source file
+     *
+     * @access public
+     */
+    function clean() {
+        $this->log .= '<b>cleanup</b><br />';
+        $this->log .= '- delete temp file '  . $this->file_src_pathname . '<br />';
+        @unlink($this->file_src_pathname);
+    }
+
+
+    /**
+     * Opens a BMP image
+     *
+     * This function has been written by DHKold, and is used with permission of the author
+     *
+     * @access public
+     */
+    function imagecreatefrombmp($filename) {
+        if (! $f1 = fopen($filename,"rb")) return false;
+
+        $file = unpack("vfile_type/Vfile_size/Vreserved/Vbitmap_offset", fread($f1,14));
+        if ($file['file_type'] != 19778) return false;
+
+        $bmp = unpack('Vheader_size/Vwidth/Vheight/vplanes/vbits_per_pixel'.
+                      '/Vcompression/Vsize_bitmap/Vhoriz_resolution'.
+                      '/Vvert_resolution/Vcolors_used/Vcolors_important', fread($f1,40));
+        $bmp['colors'] = pow(2,$bmp['bits_per_pixel']);
+        if ($bmp['size_bitmap'] == 0) $bmp['size_bitmap'] = $file['file_size'] - $file['bitmap_offset'];
+        $bmp['bytes_per_pixel'] = $bmp['bits_per_pixel']/8;
+        $bmp['bytes_per_pixel2'] = ceil($bmp['bytes_per_pixel']);
+        $bmp['decal'] = ($bmp['width']*$bmp['bytes_per_pixel']/4);
+        $bmp['decal'] -= floor($bmp['width']*$bmp['bytes_per_pixel']/4);
+        $bmp['decal'] = 4-(4*$bmp['decal']);
+        if ($bmp['decal'] == 4) $bmp['decal'] = 0;
+
+        $palette = array();
+        if ($bmp['colors'] < 16777216) {
+            $palette = unpack('V'.$bmp['colors'], fread($f1,$bmp['colors']*4));
+        }
+
+        $im = fread($f1,$bmp['size_bitmap']);
+        $vide = chr(0);
+
+        $res = imagecreatetruecolor($bmp['width'],$bmp['height']);
+        $P = 0;
+        $Y = $bmp['height']-1;
+        while ($Y >= 0) {
+            $X=0;
+            while ($X < $bmp['width']) {
+                if ($bmp['bits_per_pixel'] == 24)
+                    $color = unpack("V",substr($im,$P,3).$vide);
+                elseif ($bmp['bits_per_pixel'] == 16) {
+                    $color = unpack("n",substr($im,$P,2));
+                    $color[1] = $palette[$color[1]+1];
+                } elseif ($bmp['bits_per_pixel'] == 8) {
+                    $color = unpack("n",$vide.substr($im,$P,1));
+                    $color[1] = $palette[$color[1]+1];
+                } elseif ($bmp['bits_per_pixel'] == 4) {
+                    $color = unpack("n",$vide.substr($im,floor($P),1));
+                    if (($P*2)%2 == 0) $color[1] = ($color[1] >> 4) ; else $color[1] = ($color[1] & 0x0F);
+                    $color[1] = $palette[$color[1]+1];
+                } elseif ($bmp['bits_per_pixel'] == 1)  {
+                    $color = unpack("n",$vide.substr($im,floor($P),1));
+                    if     (($P*8)%8 == 0) $color[1] =  $color[1]        >>7;
+                    elseif (($P*8)%8 == 1) $color[1] = ($color[1] & 0x40)>>6;
+                    elseif (($P*8)%8 == 2) $color[1] = ($color[1] & 0x20)>>5;
+                    elseif (($P*8)%8 == 3) $color[1] = ($color[1] & 0x10)>>4;
+                    elseif (($P*8)%8 == 4) $color[1] = ($color[1] & 0x8)>>3;
+                    elseif (($P*8)%8 == 5) $color[1] = ($color[1] & 0x4)>>2;
+                    elseif (($P*8)%8 == 6) $color[1] = ($color[1] & 0x2)>>1;
+                    elseif (($P*8)%8 == 7) $color[1] = ($color[1] & 0x1);
+                    $color[1] = $palette[$color[1]+1];
+                } else
+                    return FALSE;
+                imagesetpixel($res,$X,$Y,$color[1]);
+                $X++;
+                $P += $bmp['bytes_per_pixel'];
+            }
+            $Y--;
+            $P+=$bmp['decal'];
+        }
+        fclose($f1);
+        return $res;
+    }
+
+    /**
+     * Saves a BMP image
+     *
+     * This function has been published on the PHP website, and can be used freely
+     *
+     * @access public
+     */
+    function imagebmp(&$im, $filename = "") {
+
+        if (!$im) return false;
+        $w = imagesx($im);
+        $h = imagesy($im);
+        $result = '';
+
+        // if the image is not true color, we convert it first
+        if (!imageistruecolor($im)) {
+            $tmp = imagecreatetruecolor($w, $h);
+            imagecopy($tmp, $im, 0, 0, 0, 0, $w, $h);
+            imagedestroy($im);
+            $im = & $tmp;
+        }
+
+        $biBPLine = $w * 3;
+        $biStride = ($biBPLine + 3) & ~3;
+        $biSizeImage = $biStride * $h;
+        $bfOffBits = 54;
+        $bfSize = $bfOffBits + $biSizeImage;
+
+        $result .= substr('BM', 0, 2);
+        $result .=  pack ('VvvV', $bfSize, 0, 0, $bfOffBits);
+        $result .= pack ('VVVvvVVVVVV', 40, $w, $h, 1, 24, 0, $biSizeImage, 0, 0, 0, 0);
+
+        $numpad = $biStride - $biBPLine;
+        for ($y = $h - 1; $y >= 0; --$y) {
+            for ($x = 0; $x < $w; ++$x) {
+                $col = imagecolorat ($im, $x, $y);
+                $result .=  substr(pack ('V', $col), 0, 3);
+            }
+            for ($i = 0; $i < $numpad; ++$i)
+                $result .= pack ('C', 0);
+        }
+
+        if($filename==""){
+            echo $result;
+        } else {
+            $file = fopen($filename, "wb");
+            fwrite($file, $result);
+            fclose($file);
+        }
+        return true;
+    }
+}
+
+?>
diff --git a/deployed/jsn/administrator/components/com_jsn/config.xml b/deployed/jsn/administrator/components/com_jsn/config.xml
new file mode 100644
index 00000000..e1adb475
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/config.xml
@@ -0,0 +1,692 @@
+<?xml version="1.0" encoding="utf-8"?>
+<config>
+	<fieldset
+		name="fieldlist"
+		label="COM_JSN_CONFIG_FIELD_SETTINGS_LABEL" addfieldpath="/administrator/components/com_jsn/models/fields">
+		
+		<field 
+			name="download_id" 
+			type="text"
+			label="COM_JSN_CONFIG_DOWNLOADID"
+			description="COM_JSN_CONFIG_DOWNLOADID_DESC"
+			default=""
+		/>
+		
+		<field 
+			name="logintype" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_LOGINTYPE"
+			description="COM_JSN_CONFIG_LOGINTYPE_DESC"
+			default="USERNAME"
+		>
+			<option value="USERNAME">COM_JSN_CONFIG_LOGINTYPE_USERNAME</option>
+			<option value="USERNAMEMAIL">COM_JSN_CONFIG_LOGINTYPE_USERNAMEMAIL</option>
+			<option value="MAIL">COM_JSN_CONFIG_LOGINTYPE_MAIL</option>
+		</field>
+		
+		
+		
+		<field 
+			name="status" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_STATUS"
+			description="COM_JSN_CONFIG_STATUS_DESC"
+			default="1"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		
+		<field 
+			name="forcerequired" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_FORCEREQUIRED"
+			description="COM_JSN_CONFIG_FORCEREQUIRED_DESC"
+			default="0"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		
+		<field 
+			name="admin_frontend" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_ADMINFRONTEND"
+			description="COM_JSN_CONFIG_ADMINFRONTEND_DESC"
+			default="0"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+
+		<field 
+			name="admin_loginas" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_LOGINAS"
+			description="COM_JSN_CONFIG_LOGINAS_DESC"
+			default="1"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+
+		<field
+			name="firstLoginUrl"
+			type="menuitem"
+			disable="separator"
+			label="COM_JSN_CONFIG_FIRSTLOGINURL"
+			description="COM_JSN_CONFIG_FIRSTLOGINURL_DESC"
+			>
+			<option value="">JDEFAULT</option>
+		</field>
+		
+		<field
+			name="loginUrl"
+			type="menuitem"
+			disable="separator"
+			label="COM_JSN_CONFIG_LOGINURL"
+			description="COM_JSN_CONFIG_LOGINURL_DESC"
+			>
+			<option value="">JDEFAULT</option>
+		</field>
+			
+		<field
+			name="profileACL"
+			type="list"
+			label="COM_JSN_CONFIG_PROFILEACL"
+			description="COM_JSN_CONFIG_PROFILEACL_DESC"
+			default="2"
+			>
+			<option value="0">COM_JSN_PRIVATE</option>
+			<option value="1">COM_JSN_REGISTERED</option>
+			<option value="2">COM_JSN_PUBLIC</option>
+			<option value="3">COM_JSN_CUSTOMACCESS</option>
+
+		</field>
+		
+		<field
+			name="profileACLcustom"
+			type="accesslevel"
+			showon="profileACL:3"
+			label="COM_JSN_CONFIG_PROFILEACLCUSTOM"
+			description="COM_JSN_CONFIG_PROFILEACLCUSTOM_DESC"
+			>
+
+		</field>
+
+		<field 
+			name="sef_with" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_SEFWITH"
+			description="COM_JSN_CONFIG_SEFWITH_DESC"
+			default="username"
+		>
+			<option value="id">COM_JSN_CONFIG_SEFWITH_ID</option>
+			<option value="username">COM_JSN_CONFIG_SEFWITH_USERNAME</option>
+			
+		</field>
+		
+		<field 
+			name="googlemaps_apikey" 
+			type="text"
+			label="COM_JSN_CONFIG_GOOGLEMAPSAPIKEY"
+			description="COM_JSN_CONFIG_GOOGLEMAPSAPIKEY_DESC"
+			default=""
+		/>
+		<field name="spmain2" label="COM_JSN_CONFIG_BACKENDEXPORT" type="spacer" />
+		<field name="export_all_fields"
+			description="COM_JSN_EXPORT_ALL_FIELDS_BACKEND_DESC"
+			label="COM_JSN_EXPORT_ALL_FIELDS_BACKEND"
+			type="radio" class="btn-group"
+			default="1"
+		>
+			<option value="1">JALL</option>
+			<option value="0">COM_JSN_SELECTEDFIELDS</option>
+		</field>
+		<field name="export_list_fields"
+			description="COM_JSN_EXPORT_LIST_FIELDS_BACKEND_DESC"
+			label="COM_JSN_EXPORT_LIST_FIELDS_BACKEND"
+			default=""
+			type="parent"
+			level="2"
+			table="jsn_fields"
+			multiple="true"
+			where="a.type NOT LIKE 'delimeter'"
+			field_id="alias"
+			showon="export_all_fields:0"
+			>
+			<option value="name">COM_JSN_FORMATNAME</option>
+			<option value="_system">COM_JSN_SYSTEMFIELDS</option>
+			<option value="groups">JLIB_RULES_GROUPS</option>
+		</field>
+		<field name="export_separator" type="text"
+			description="COM_JSN_EXPORT_SEPARATOR_DESC"
+			label="COM_JSN_EXPORT_SEPARATOR"
+			filter="raw"
+			default=";"
+		/>
+	</fieldset>
+
+	<fieldset
+		name="corefield"
+		label="COM_JSN_CONFIG_CORE_FIELDS_LABEL">
+
+		<field name="spcorefields1" label="COM_JSN_CONFIG_AVATAR_TITLE" type="spacer" />
+		
+		<field 
+			name="avatar" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_AVATAR"
+			description="COM_JSN_CONFIG_AVATAR_DESC"
+			default="1"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+			<option value="2">Gravatar</option>
+		</field>
+
+		<field 
+			name="avatarletters" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_AVATARLETTERS"
+			description="COM_JSN_CONFIG_AVATARLETTERS_DESC"
+			default="0"
+			showon="avatar:1"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		
+		<field name="spcorefields0" label="COM_JSN_CONFIG_JOOMLA_NAME_TITLE" type="spacer" />
+
+		<field 
+			name="namestyle" 
+			type="list"
+			label="COM_JSN_CONFIG_NAMESTYLE"
+			description="COM_JSN_CONFIG_NAMESTYLE_DESC"
+			default="FIRSTNAME_LASTNAME"
+		>
+			<option value="FIRSTNAME_LASTNAME">COM_JSN_CONFIG_NAMESTYLE_FIRSTNAME_LASTNAME</option>
+			<option value="FIRSTNAME_SECONDNAME_LASTNAME">COM_JSN_CONFIG_NAMESTYLE_FIRSTNAME_SECONDNAME_LASTNAME</option>
+			<option value="FIRSTNAME">COM_JSN_CONFIG_NAMESTYLE_FIRSTNAME</option>
+		</field>
+		
+		<field 
+			name="formatname" 
+			type="list"
+			label="COM_JSN_CONFIG_FORMATNAME"
+			description="COM_JSN_CONFIG_FORMATNAME_DESC"
+			default="NAME"
+		>
+			<option value="NAME">COM_JSN_CONFIG_FORMATNAME_NAME</option>
+			<option value="USERNAME">COM_JSN_CONFIG_FORMATNAME_USERNAME</option>
+			<option value="NAMEUSERNAME">COM_JSN_CONFIG_FORMATNAME_NAMEUSERNAME</option>
+			<option value="USERNAMENAME">COM_JSN_CONFIG_FORMATNAME_USERNAMENAME</option>
+			<option value="CUSTOM">COM_JSN_CONFIG_FORMATNAME_CUSTOM</option>
+		</field>
+
+		<field 
+			name="formatnamecustom" 
+			type="text"
+			label="COM_JSN_CONFIG_FORMATNAMECUSTOM"
+			description="COM_JSN_CONFIG_FORMATNAMECUSTOM_DESC"
+			default="{firstname} {lastname}"
+			hint="{firstname} {lastname}"
+			showon="formatname:CUSTOM"
+		>
+		</field>
+
+		<field name="spcorefields2" label="COM_JSN_CONFIG_JOOMLA_EMAIL_TITLE" type="spacer" />
+		
+		<field 
+			name="confirmusermail" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_CONFIRMUSERMAIL"
+			description="COM_JSN_CONFIG_CONFIRMUSERMAIL_DESC"
+			default="0"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+
+		<field 
+			name="activatenewmail" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_ACTIVATE_EMAIL_ONCHANGE"
+			description="COM_JSN_CONFIG_ACTIVATE_EMAIL_ONCHANGE_DESC"
+			default="0"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+
+		<field name="spcorefields3" label="COM_JSN_CONFIG_JOOMLA_PASSWORD_TITLE" type="spacer" />
+
+		<field 
+			name="confirmuserpassword" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_CONFIRMUSERPASSWORD"
+			description="COM_JSN_CONFIG_CONFIRMUSERPASSWORD_DESC"
+			default="1"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		
+		<field
+			name="passwordstrengthmeter"
+			label="COM_JSN_CONFIG_PASSWORDSTRENGTHMETER"
+			description ="COM_JSN_CONFIG_PASSWORDSTRENGTHMETER_DESC"
+			class="btn-group"
+			type="radio"
+			default="0"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>	
+		
+	</fieldset>
+
+	<fieldset
+		name="layout"
+		label="COM_JSM_CONFIG_LAYOUTOPTIONS"
+		>
+		<field name="splayout0" label="COM_JSM_CONFIG_LAYOUT_PROFILE" type="spacer" />
+		<field 
+			name="hideempty" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_HIDEEMPTY"
+			description="COM_JSN_CONFIG_HIDEEMPTY_DESC"
+			default="0"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field 
+			name="profile_fg_tabs" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_PROFILE_FG_TABS"
+			description="COM_JSN_CONFIG_PROFILE_FG_TABS_DESC"
+			default="1"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field 
+			name="profile_contact_btn" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_PROFILE_CONTACT_BTN"
+			description="COM_JSN_CONFIG_PROFILE_CONTACT_BTN_DESC"
+			default="1"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field name="splayout1" label="COM_JSM_CONFIG_LAYOUT_FORMS" type="spacer" />
+		
+
+		<field 
+			name="tabs" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_TABS"
+			description="COM_JSN_CONFIG_TABS_DESC"
+			default="2"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+			<option value="2">COM_JSN_STEPBYSTEP</option>
+		</field>
+
+		<field 
+			name="layout" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_LAYOUT"
+			description="COM_JSN_CONFIG_LAYOUT_DESC"
+			default="1"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+
+		<field 
+			name="layout_width" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_LAYOUT_WIDTH"
+			description="COM_JSN_CONFIG_LAYOUT_WIDTH_DESC"
+			default="full"
+		>
+			<option value="full">COM_JSN_CONFIG_LAYOUT_WIDTH_FULL</option>
+			<option value="center">COM_JSN_CONFIG_LAYOUT_WIDTH_CENTER</option>
+		</field>
+
+		<field 
+			name="layout_maxwidth" 
+			type="text"
+			label="COM_JSN_CONFIG_LAYOUT_MAXWIDTH"
+			description="COM_JSN_CONFIG_LAYOUT_MAXWIDTH_DESC"
+			default="500"
+		/>
+
+		<field 
+			name="layout_form" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_LAYOUT_FORM"
+			description="COM_JSN_CONFIG_LAYOUT_FORM"
+			default="horizontal"
+		>
+			<option value="vertical">COM_JSN_CONFIG_LAYOUT_FORM_VERTICAL</option>
+			<option value="horizontal">COM_JSN_CONFIG_LAYOUT_FORM_HORIZONTAL</option>
+		</field>
+
+
+		<field name="splayout2" label="COM_JSM_CONFIG_LAYOUT_GENERAL" type="spacer" />
+		<field 
+			name="bootstrap" 
+			type="radio" class="btn-group"
+			label="COM_JSN_INCLUDE_BOOTSTRAP"
+			description="COM_JSN_INCLUDE_BOOTSTRAP_DESC"
+			default="0"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field 
+			name="bootstrap_icons" 
+			type="radio" class="btn-group"
+			label="COM_JSN_INCLUDE_ICOMOON"
+			description="COM_JSN_INCLUDE_ICOMOON_DESC"
+			default="0"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+
+	</fieldset>
+
+	<fieldset
+		name="socialconnect"
+		label="COM_JSM_CONFIG_SOCIALCONNECT"
+		>
+		<field name="sp0" label="COM_JSM_CONFIG_SOCIALCONNECT_GENERAL" type="spacer" />
+		<field 
+			name="socialconnect_type" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_SOCIALCONNECTLOGINTYPE"
+			description="COM_JSN_CONFIG_SOCIALCONNECTLOGINTYPE_DESC"
+			default="popup"
+		>
+			<option value="popup">COM_JSN_CONFIG_SOCIALCONNECTLOGINTYPE_POPUP</option>
+			<option value="redirect">COM_JSN_CONFIG_SOCIALCONNECTLOGINTYPE_REDIRECT</option>
+		</field>
+		<field 
+			name="socialconnect_profilelink" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_SOCIALCONNECTPROFILELINK"
+			description="COM_JSN_CONFIG_SOCIALCONNECTPROFILELINK_DESC"
+			default="1"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field 
+			name="socialconnect_profilelink_btnicon" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_SOCIALCONNECTPROFILELINKICON"
+			description="COM_JSN_CONFIG_SOCIALCONNECTPROFILELINKICON_DESC"
+			default="0"
+			showon="socialconnect_profilelink:1"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		
+		<field 
+			name="socialconnect_loginlink" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_SOCIALCONNECTLOGINLINK"
+			description="COM_JSN_CONFIG_SOCIALCONNECTLOGINLINK_DESC"
+			default="1"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		
+		<field 
+			name="socialconnect_loginlink_btnicon" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_SOCIALCONNECTLOGINLINKICON"
+			description="COM_JSN_CONFIG_SOCIALCONNECTLOGINLINKICON_DESC"
+			default="0"
+			showon="socialconnect_loginlink:1"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field 
+			name="socialconnect_confirmemail" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_SOCIALCONNECTEMAILACTIVATION"
+			description="COM_JSN_CONFIG_SOCIALCONNECTEMAILACTIVATION_DESC"
+			default="0"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+			<option value="2">COM_JSN_CONFIG_SOCIALCONNECT_EMAILMANUALLY</option>
+		</field>
+		<field name="sp_everywhere" label="COM_JSM_CONFIG_SOCIALCONNECT_EVERYWHERE" type="spacer" />
+		<field 
+			name="buttons_everywhere_tag" 
+			type="text"
+			hint="COM_JSM_CONFIG_SOCIALCONNECT_EVERYWHERE_TAG_HINT"
+			label="COM_JSM_CONFIG_SOCIALCONNECT_EVERYWHERE_TAG"
+			description="COM_JSM_CONFIG_SOCIALCONNECT_EVERYWHERE_TAG_DESC"
+			default=""
+		/>
+
+		<field name="sp1" label="COM_JSN_CONFIG_FACEBOOK" type="spacer" />
+		<field 
+			name="facebook_enabled" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_FACEBOOKENABLE"
+			description="COM_JSN_CONFIG_FACEBOOKENABLE_DESC"
+			default="0"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field 
+			name="facebook_application_id" 
+			type="text"
+			label="COM_JSN_CONFIG_FACEBOOKAPPID"
+			description="COM_JSN_CONFIG_FACEBOOKAPPID_DESC"
+			default=""
+			showon="facebook_enabled:1"
+		/>
+		<field 
+			name="facebook_application_secret" 
+			type="text"
+			label="COM_JSN_CONFIG_FACEBOOKAPPSECRET"
+			description="COM_JSN_CONFIG_FACEBOOKAPPSECRET_DESC"
+			default=""
+			showon="facebook_enabled:1"
+		/>
+		<field 
+			name="facebook_usergroups" 
+			multiple="true" 
+			type="usergroup"
+			label="COM_JSN_CONFIG_SC_USERGROUP"
+			description="COM_JSN_CONFIG_SC_USERGROUP_DESC"
+			default=""
+			showon="facebook_enabled:1"
+		/>
+		<field name="sp2" label="COM_JSN_CONFIG_TWITTER" type="spacer" />
+		<field 
+			name="twitter_enabled" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_TWITTERENABLE"
+			description="COM_JSN_CONFIG_TWITTERENABLE_DESC"
+			default="0"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field 
+			name="twitter_consumer_key" 
+			type="text"
+			label="COM_JSN_CONFIG_TWITTERCONSUMERKEY"
+			description="COM_JSN_CONFIG_TWITTERCONSUMERKEY_DESC"
+			default=""
+			showon="twitter_enabled:1"
+		/>
+		<field 
+			name="twitter_consumer_secret" 
+			type="text"
+			label="COM_JSN_CONFIG_TWITTERCONSUMERSECRET"
+			description="COM_JSN_CONFIG_TWITTERCONSUMERSECRET_DESC"
+			default=""
+			showon="twitter_enabled:1"
+		/>
+		<field 
+			name="twitter_usergroups" 
+			multiple="true" 
+			type="usergroup"
+			label="COM_JSN_CONFIG_SC_USERGROUP"
+			description="COM_JSN_CONFIG_SC_USERGROUP_DESC"
+			default=""
+			showon="twitter_enabled:1"
+		/>
+		<field name="sp3" label="COM_JSN_CONFIG_GOOGLE" type="spacer" />
+		<field 
+			name="google_enabled" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_GOOGLEENABLE"
+			description="COM_JSN_CONFIG_GOOGLEENABLE_DESC"
+			default="0"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field 
+			name="google_client_id" 
+			type="text"
+			label="COM_JSN_CONFIG_GOOGLECLIENTID"
+			description="COM_JSN_CONFIG_GOOGLECLIENTID_DESC"
+			default=""
+			showon="google_enabled:1"
+		/>
+		<field 
+			name="google_client_secret" 
+			type="text"
+			label="COM_JSN_CONFIG_GOOGLECLIENTSECRET"
+			description="COM_JSN_CONFIG_GOOGLECLIENTSECRET_DESC"
+			default=""
+			showon="google_enabled:1"
+		/>
+		<field 
+			name="google_api_key" 
+			type="text"
+			label="COM_JSN_CONFIG_GOOGLEAPIKEY"
+			description="COM_JSN_CONFIG_GOOGLEAPIKEY_DESC"
+			default=""
+			showon="google_enabled:1"
+		/>
+		<field 
+			name="google_usergroups" 
+			multiple="true" 
+			type="usergroup"
+			label="COM_JSN_CONFIG_SC_USERGROUP"
+			description="COM_JSN_CONFIG_SC_USERGROUP_DESC"
+			default=""
+			showon="google_enabled:1"
+		/>
+		<field name="sp4" label="COM_JSN_CONFIG_LINKEDIN" type="spacer" />
+		<field 
+			name="linkedin_enabled" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_LINKEDINENABLE"
+			description="COM_JSN_CONFIG_LINKEDINENABLE_DESC"
+			default="0"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field 
+			name="linkedin_api_key" 
+			type="text"
+			label="COM_JSN_CONFIG_LINKEDINAPIKEY"
+			description="COM_JSN_CONFIG_LINKEDINAPIKEY_DESC"
+			default=""
+			showon="linkedin_enabled:1"
+		/>
+		<field 
+			name="linkedin_secret_key" 
+			type="text"
+			label="COM_JSN_CONFIG_LINKEDINSECRETKEY"
+			description="COM_JSN_CONFIG_LINKEDINSECRETKEY_DESC"
+			default=""
+			showon="linkedin_enabled:1"
+		/>
+		<field 
+			name="linkedin_usergroups"
+			multiple="true" 
+			type="usergroup"
+			label="COM_JSN_CONFIG_SC_USERGROUP"
+			description="COM_JSN_CONFIG_SC_USERGROUP_DESC"
+			default=""
+			showon="linkedin_enabled:1"
+		/>
+		<field name="sp5" label="COM_JSN_CONFIG_INSTAGRAM" type="spacer" />
+		<field 
+			name="instagram_enabled" 
+			type="radio" class="btn-group"
+			label="COM_JSN_CONFIG_INSTAGRAMENABLE"
+			description="COM_JSN_CONFIG_INSTAGRAMENABLE_DESC"
+			default="0"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field 
+			name="instagram_application_id" 
+			type="text"
+			label="COM_JSN_CONFIG_INSTAGRAMCLIENTID"
+			description="COM_JSN_CONFIG_INSTAGRAMCLIENTID_DESC"
+			default=""
+			showon="instagram_enabled:1"
+		/>
+		<field 
+			name="instagram_application_secret" 
+			type="text"
+			label="COM_JSN_CONFIG_INSTAGRAMCLIENTSECRET"
+			description="COM_JSN_CONFIG_INSTAGRAMCLIENTSECRET_DESC"
+			default=""
+			showon="instagram_enabled:1"
+		/>
+		<field 
+			name="instagram_usergroups" 
+			multiple="true" 
+			type="usergroup"
+			label="COM_JSN_CONFIG_SC_USERGROUP"
+			description="COM_JSN_CONFIG_SC_USERGROUP_DESC"
+			default=""
+			showon="instagram_enabled:1"
+		/>
+		
+	</fieldset>
+
+	<fieldset
+		name="permissions"
+		label="JCONFIG_PERMISSIONS_LABEL"
+		description="JCONFIG_PERMISSIONS_DESC"
+		>
+
+		<field
+			name="rules"
+			type="rules"
+			label="JCONFIG_PERMISSIONS_LABEL"
+			filter="rules"
+			validate="rules"
+			component="com_jsn"
+			section="component" />
+	</fieldset>
+</config>
diff --git a/deployed/jsn/administrator/components/com_jsn/controller.php b/deployed/jsn/administrator/components/com_jsn/controller.php
new file mode 100644
index 00000000..bed272ad
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/controller.php
@@ -0,0 +1,152 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnController extends JControllerLegacy
+{
+	protected $default_view = 'fields';
+	/**
+	 * Method to display a view.
+	 *
+	 * @param   boolean  $cachable   If true, the view output will be cached
+	 * @param   array    $urlparams  An array of safe url parameters and their variable types, for valid values see {@link JFilterInput::clean()}.
+	 *
+	 * @return  JControllerLegacy  This object to support chaining.
+	 *
+	 * @since   3.1
+	 */
+	public function display($cachable = false, $urlparams = false)
+	{
+		require_once JPATH_COMPONENT.'/helpers/jsn.php';
+
+		$view   = $this->input->get('view', 'fields');
+		$layout = $this->input->get('layout', 'default');
+		$id     = $this->input->getInt('id');
+
+		// Check for edit form.
+		if ($view == 'field' && $layout == 'edit' && !$this->checkEditId('com_jsn.edit.field', $id))
+		{
+			// Somehow the person just went to the form - we don't allow that.
+			$this->setError(JText::sprintf('JLIB_APPLICATION_ERROR_UNHELD_ID', $id));
+			$this->setMessage($this->getError(), 'error');
+			$this->setRedirect(JRoute::_('index.php?option=com_jsn&view=fields', false));
+
+			return false;
+		}
+		if($view == 'opField'){
+			foreach (glob(JPATH_ADMINISTRATOR . '/components/com_jsn/helpers/fields/*.php') as $filename) {
+				require_once $filename;
+			}
+			//$user=JsnHelper::getUser();
+			if(/*!$user->guest && */JFactory::getApplication()->input->get('type','')!=''){
+				$class='Jsn'.ucfirst(JFactory::getApplication()->input->get('type','')).'FieldHelper';
+				if(class_exists($class))
+				{
+					$class::operations();
+				}
+			}
+		}
+		else
+			parent::display();
+
+		return $this;
+
+	}
+	
+	public function install()
+	{
+		$db=JFactory::getDbo();
+		$query=$db->getQuery(true);
+		$query->update('#__extensions')->set($db->quoteName('enabled').'=1')
+			->where($db->quoteName('element').' IN ('.
+			$db->quote('jsn_author').','.
+			$db->quote('jsn_auth').','.
+			$db->quote('jsn_system').','.
+			$db->quote('jsn_content').','.
+			$db->quote('jsn_users').','.
+			$db->quote('usergroups').','.
+			$db->quote('socialconnect').')');
+		$db->setQuery($query);
+		
+		$result = $db->query();
+		$this->setMessage(JText::_('COM_JSN_INSTALL'));
+		$this->syncuserRun();
+		$this->setRedirect(JRoute::_('index.php?option=com_jsn&view=fields', false));
+	}
+	
+	public function update()
+	{
+		$db=JFactory::getDbo();
+		$query=$db->getQuery(true);
+		$query->update('#__extensions')->set($db->quoteName('enabled').'=1')
+			->where($db->quoteName('element').' IN ('.
+			$db->quote('jsn_auth').','.
+			$db->quote('jsn_system').','.
+			$db->quote('jsn_content').','.
+			$db->quote('jsn_users').','.
+			$db->quote('usergroups').','.
+			$db->quote('socialconnect').')');
+		$db->setQuery($query);
+		
+		$result = $db->query();
+		$this->setMessage(JText::_('COM_JSN_UPDATE'));
+		$this->syncuserRun();
+		$this->setRedirect(JRoute::_('index.php?option=com_jsn&view=fields', false));
+	}
+	
+	public function syncuser()
+	{
+		$this->syncuserRun();
+		$this->setMessage(JText::_('COM_JSN_SYNCUSER'));
+		$this->setRedirect(JRoute::_('index.php?option=com_jsn&view=fields', false));
+	}
+	
+	public function syncuserRun()
+	{
+		$config = JComponentHelper::getParams('com_jsn');
+		$namestyle=$config->get('namestyle','FIRSTNAME_LASTNAME');
+		
+		$db=JFactory::getDbo();
+		$query=$db->getQuery(true);
+		$query->select('a.id,a.name,b.id as bid')->from('#__users as a')->join('left','#__jsn_users as b ON a.id=b.id');
+		
+		$db->setQuery($query);
+		$users=$db->loadObjectList();
+		
+		
+		foreach($users as $user){
+			if($user->bid==null || $user->bid==''){
+				$query=$db->getQuery(true);
+				$fields=array();
+				$values=array();
+				switch($namestyle){
+					case 'FIRSTNAME':
+						$fields[]=$db->quoteName('firstname');
+						$values[]=$db->quote($user->name);
+					break;
+					default:
+						$fields[]=$db->quoteName('firstname');
+						$fields[]=$db->quoteName('lastname');
+						$name=explode(' ',$user->name,2);
+						$values[]=$db->quote((isset($name[0]) ? $name[0] : ''));
+						$values[]=$db->quote((isset($name[1]) ? $name[1] : ''));
+					break;
+				}
+				$query="INSERT INTO #__jsn_users(id,".implode(', ',$fields).") VALUES(".$user->id.", ".implode(', ',$values).")";
+				$db->setQuery($query);
+				$db->execute();
+			}
+			
+		}
+		
+		
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/controllers/field.php b/deployed/jsn/administrator/components/com_jsn/controllers/field.php
new file mode 100644
index 00000000..d346349c
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/controllers/field.php
@@ -0,0 +1,82 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnControllerField extends JControllerForm
+{
+	public function addgroup()
+	{
+		parent::add();
+		$this->setRedirect('index.php?option=com_jsn&view=field&layout=editgroup');
+	}
+	public function editgroup()
+	{
+		parent::edit();
+		$id=$this->input->get('id');
+		$this->setRedirect('index.php?option=com_jsn&view=field&layout=editgroup&id='.$id);
+	}
+	/**
+	 * Method to check if you can add a new record.
+	 *
+	 * @param   array  $data  An array of input data.
+	 *
+	 * @return  boolean
+	 *
+	 * @since   3.1
+	 */
+	protected function allowAdd($data = array())
+	{
+		$user = JFactory::getUser();
+		return ($user->authorise('core.create', 'com_jsn'));
+	}
+
+	/**
+	 * Method to check if you can edit a record.
+	 *
+	 * @param   array   $data  An array of input data.
+	 * @param   string  $key   The name of the key for the primary key.
+	 *
+	 * @return  boolean
+	 *
+	 * @since   3.1
+	 */
+	protected function allowEdit($data = array(), $key = 'id')
+	{
+		$user = JFactory::getUser();
+		$recordId = (int) isset($data[$key]) ? $data[$key] : 0;
+
+		// Since there is no asset tracking and no categories, revert to the component permissions.
+		return parent::allowEdit($data, $key);
+
+	}
+
+	/**
+	 * Method to run batch operations.
+	 *
+	 * @param   object  $model  The model.
+	 *
+	 * @return  boolean	 True if successful, false otherwise and internal error is set.
+	 *
+	 * @since   3.1
+	 */
+	public function batch($model = null)
+	{
+		JSession::checkToken() or jexit(JText::_('JINVALID_TOKEN'));
+
+		// Set the model
+		$model = $this->getModel('Field');
+
+		// Preset the redirect
+		$this->setRedirect('index.php?option=com_jsn&view=fields');
+
+		return parent::batch($model);
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/controllers/fields.php b/deployed/jsn/administrator/components/com_jsn/controllers/fields.php
new file mode 100644
index 00000000..fcf7f2ad
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/controllers/fields.php
@@ -0,0 +1,290 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnControllerFields extends JControllerAdmin
+{
+	/**
+	 * Constructor.
+	 *
+	 * @param   array An optional associative array of configuration settings.
+	 * @see     JController
+	 * @since   1.6
+	 */
+	public function __construct($config = array())
+	{
+		parent::__construct($config);
+
+		$this->registerTask('unpublish',	'publish');
+		$this->registerTask('required_unpublish',	'required_publish');
+		$this->registerTask('profile_unpublish',	'profile_publish');
+		$this->registerTask('register_unpublish',	'register_publish');
+		$this->registerTask('search_unpublish',	'search_publish');
+		$this->registerTask('edit_unpublish',	'edit_publish');
+	}
+	
+	public function required_publish()
+	{
+		// Check for request forgeries.
+		JSession::checkToken() or jexit(JText::_('JINVALID_TOKEN'));
+
+		$ids    = $this->input->get('cid', array(), 'array');
+		$values = array('required_publish' => 1, 'required_unpublish' => 0);
+		$task   = $this->getTask();
+		$value  = JArrayHelper::getValue($values, $task, 0, 'int');
+
+		if (empty($ids))
+		{
+			JFactory::getApplication()->enqueueMessage(JText::_('COM_JSN_NO_FIELDS_SELECTED'));
+		}
+		else
+		{
+			// Get the model.
+			$model	= $this->getModel();
+
+			// Change the state of the records.
+			if (!$model->toggle($ids, $value, 'required'))
+			{
+				JFactory::getApplication()->enqueueMessage($model->getError());
+			} else {
+				if ($value == 1)
+				{
+					$ntext = 'COM_JSN_N_FIELDS_REQUIRED';
+				} else {
+					$ntext = 'COM_JSN_N_FIELDS_UNREQUIRED';
+				}
+				$this->setMessage(JText::plural($ntext, count($ids)));
+			}
+		}
+
+		$this->setRedirect('index.php?option=com_jsn&view=fields');
+	}
+	public function profile_publish()
+	{
+		// Check for request forgeries.
+		JSession::checkToken() or jexit(JText::_('JINVALID_TOKEN'));
+
+		$ids    = $this->input->get('cid', array(), 'array');
+		$values = array('profile_publish' => 1, 'profile_unpublish' => 0);
+		$task   = $this->getTask();
+		$value  = JArrayHelper::getValue($values, $task, 0, 'int');
+
+		if (empty($ids))
+		{
+			JFactory::getApplication()->enqueueMessage(JText::_('COM_JSN_NO_FIELDS_SELECTED'));
+		}
+		else
+		{
+			// Get the model.
+			$model	= $this->getModel();
+
+			// Change the state of the records.
+			if (!$model->toggle($ids, $value, 'profile'))
+			{
+				JFactory::getApplication()->enqueueMessage($model->getError());
+			} else {
+				if ($value == 1)
+				{
+					$ntext = 'COM_JSN_N_FIELDS_PROFILE';
+				} else {
+					$ntext = 'COM_JSN_N_FIELDS_UNPROFILE';
+				}
+				$this->setMessage(JText::plural($ntext, count($ids)));
+			}
+		}
+
+		$this->setRedirect('index.php?option=com_jsn&view=fields');
+	}
+	public function register_publish()
+	{
+		// Check for request forgeries.
+		JSession::checkToken() or jexit(JText::_('JINVALID_TOKEN'));
+
+		$ids    = $this->input->get('cid', array(), 'array');
+		$values = array('register_publish' => 1, 'register_unpublish' => 0);
+		$task   = $this->getTask();
+		$value  = JArrayHelper::getValue($values, $task, 0, 'int');
+
+		if (empty($ids))
+		{
+			JFactory::getApplication()->enqueueMessage(JText::_('COM_JSN_NO_FIELDS_SELECTED'));
+		}
+		else
+		{
+			// Get the model.
+			$model	= $this->getModel();
+
+			// Change the state of the records.
+			if (!$model->toggle($ids, $value, 'register'))
+			{
+				JFactory::getApplication()->enqueueMessage($model->getError());
+			} else {
+				if ($value == 1)
+				{
+					$ntext = 'COM_JSN_N_FIELDS_REGISTER';
+				} else {
+					$ntext = 'COM_JSN_N_FIELDS_UNREGISTER';
+				}
+				$this->setMessage(JText::plural($ntext, count($ids)));
+			}
+		}
+
+		$this->setRedirect('index.php?option=com_jsn&view=fields');
+	}
+	public function edit_publish()
+	{
+		// Check for request forgeries.
+		JSession::checkToken() or jexit(JText::_('JINVALID_TOKEN'));
+
+		$ids    = $this->input->get('cid', array(), 'array');
+		$values = array('edit_publish' => 1, 'edit_unpublish' => 0);
+		$task   = $this->getTask();
+		$value  = JArrayHelper::getValue($values, $task, 0, 'int');
+
+		if (empty($ids))
+		{
+			JFactory::getApplication()->enqueueMessage(JText::_('COM_JSN_NO_FIELDS_SELECTED'));
+		}
+		else
+		{
+			// Get the model.
+			$model	= $this->getModel();
+
+			// Change the state of the records.
+			if (!$model->toggle($ids, $value, 'edit'))
+			{
+				JFactory::getApplication()->enqueueMessage($model->getError());
+			} else {
+				if ($value == 1)
+				{
+					$ntext = 'COM_JSN_N_FIELDS_EDIT';
+				} else {
+					$ntext = 'COM_JSN_N_FIELDS_UNEDIT';
+				}
+				$this->setMessage(JText::plural($ntext, count($ids)));
+			}
+		}
+
+		$this->setRedirect('index.php?option=com_jsn&view=fields');
+	}
+	
+	public function search_publish()
+	{
+		// Check for request forgeries.
+		JSession::checkToken() or jexit(JText::_('JINVALID_TOKEN'));
+
+		$ids    = $this->input->get('cid', array(), 'array');
+		$values = array('search_publish' => 1, 'search_unpublish' => 0);
+		$task   = $this->getTask();
+		$value  = JArrayHelper::getValue($values, $task, 0, 'int');
+
+		if (empty($ids))
+		{
+			JFactory::getApplication()->enqueueMessage(JText::_('COM_JSN_NO_FIELDS_SELECTED'));
+		}
+		else
+		{
+			// Get the model.
+			$model	= $this->getModel();
+
+			// Change the state of the records.
+			if (!$model->toggle($ids, $value, 'search'))
+			{
+				JFactory::getApplication()->enqueueMessage($model->getError());
+			} else {
+				if ($value == 1)
+				{
+					$ntext = 'COM_JSN_N_FIELDS_SERCHABLE';
+				} else {
+					$ntext = 'COM_JSN_N_FIELDS_UNSERCHABLE';
+				}
+				$this->setMessage(JText::plural($ntext, count($ids)));
+			}
+		}
+
+		$this->setRedirect('index.php?option=com_jsn&view=fields');
+	}
+
+	/**
+	 * Proxy for getModel
+	 *
+	 * @param   string  $name    The model name. Optional.
+	 * @param   string  $prefix  The class prefix. Optional.
+	 *
+	 * @return  JModelLegacy  The model.
+	 * @since   3.1
+	 */
+	public function getModel($name = 'Field', $prefix = 'JsnModel', $config = array('ignore_request' => true))
+	{
+		$model = parent::getModel($name, $prefix, $config);
+		return $model;
+	}
+
+	/**
+	 * Rebuild the nested set tree.
+	 *
+	 * @return  boolean  False on failure or error, true on success.
+	 *
+	 * @since   3.1
+	 */
+	public function rebuild()
+	{
+		JSession::checkToken() or jexit(JText::_('JINVALID_TOKEN'));
+
+		$extension = $this->input->get('extension');
+		$this->setRedirect(JRoute::_('index.php?option=com_jsn&view=fields', false));
+
+		$model = $this->getModel();
+
+		if ($model->rebuild()) {
+			// Rebuild succeeded.
+			$this->setMessage(JText::_('COM_JSN_REBUILD_SUCCESS'));
+			return true;
+		} else {
+			// Rebuild failed.
+			$this->setMessage(JText::_('COM_JSN_REBUILD_FAILURE'));
+			return false;
+		}
+	}
+
+	/**
+	 * Method to save the submitted ordering values for records via AJAX.
+	 *
+	 * @return  void
+	 *
+	 * @since   3.0
+	 */
+	public function saveOrderAjax()
+	{
+		// Get the input
+		$input = JFactory::getApplication()->input;
+		$pks = $input->post->get('cid', array(), 'array');
+		$order = $input->post->get('order', array(), 'array');
+
+		// Sanitize the input
+		JArrayHelper::toInteger($pks);
+		JArrayHelper::toInteger($order);
+
+		// Get the model
+		$model = $this->getModel();
+
+		// Save the ordering
+		$return = $model->saveorder($pks, $order);
+
+		if ($return)
+		{
+			echo "1";
+		}
+
+		// Close the application
+		JFactory::getApplication()->close();
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/controllers/user.php b/deployed/jsn/administrator/components/com_jsn/controllers/user.php
new file mode 100644
index 00000000..dd4aa9dd
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/controllers/user.php
@@ -0,0 +1,22 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+require_once(JPATH_COMPONENT . '/../com_users/controllers/user.php');
+
+/**
+ * View class for a list of users.
+ *
+ * @since  1.6
+ */
+class JsnControllerUser extends UsersControllerUser
+{
+	
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/controllers/users.php b/deployed/jsn/administrator/components/com_jsn/controllers/users.php
new file mode 100644
index 00000000..6acf04c8
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/controllers/users.php
@@ -0,0 +1,25 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+require_once(JPATH_COMPONENT . '/../com_users/controllers/users.php');
+
+/**
+ * View class for a list of users.
+ *
+ * @since  1.6
+ */
+class JsnControllerUsers extends UsersControllerUsers
+{
+	public function getModel($name = 'User', $prefix = 'JsnModel', $config = array('ignore_request' => true))
+	{
+		return parent::getModel($name, $prefix, $config);
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/defines.php b/deployed/jsn/administrator/components/com_jsn/defines.php
new file mode 100644
index 00000000..364bc379
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/defines.php
@@ -0,0 +1,14 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+define('JSN_TYPE', 'basic');
+
+define('JSN_ENV', true);
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/checkboxlist.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/checkboxlist.php
new file mode 100644
index 00000000..474d48a6
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/checkboxlist.php
@@ -0,0 +1,156 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+global $_FIELDTYPES;
+$_FIELDTYPES['checkboxlist']='COM_JSN_FIELDTYPE_CHECKBOX';
+
+class JsnCheckboxlistFieldHelper
+{
+	public static function create($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users ADD ".$db->quoteName($alias)." VARCHAR(255)";
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function delete($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users DROP COLUMN ".$db->quoteName($alias);
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function getXml($item)
+	{
+		require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+		$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+		if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+		$defaultvalue=($item->params->get('checkbox_defaultvalue','')!='' ? 'default="'.JsnHelper::xmlentities($item->params->get('checkbox_defaultvalue','')).'"' : '');//(isset($item->params['text_defaultvalue']) && $item->params['text_defaultvalue']!='' ? 'default="'.$item->params['text_defaultvalue'].'"' : '');
+		$inline=($item->params->get('checkbox_inline',0) ? 'optioninline="'.$item->params->get('checkbox_inline','').'"' : '');
+
+		if($item->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		elseif($item->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('view')!='registration' && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		else $readonly='';
+		
+		$options=array();
+		$optTxt=explode("\n",$item->params->get('checkbox_options',''));
+		foreach($optTxt as $opt)
+		{
+			$opt=explode('|',$opt);
+			if(count($opt)==1) $options[]='<option value="'.trim(JsnHelper::xmlentities($opt[0])).'">'.trim(JsnHelper::xmlentities($opt[0])).'</option>';
+			if(count($opt)==2) $options[]='<option value="'.trim(JsnHelper::xmlentities($opt[0])).'">'.trim(JsnHelper::xmlentities($opt[1])).'</option>';
+		}
+		
+		$xml='';
+		
+		$xml.='
+			
+			<field
+				name="'.$item->alias.'"
+				type="checkboxlist"
+				id="'.$item->alias.'"
+				inline="inline"
+				description="'.JsnHelper::xmlentities(($item->description)).'"
+				label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+				'.$defaultvalue.'
+				'.$inline.'
+				'.$readonly.'
+				class="'.$item->params->get('field_cssclass','').'"
+				required="'.($item->required ? ($item->required==2 ? 'admin' : 'frontend' ) : 'false' ).'"
+			>
+			'.implode(' ',$options).'
+			</field>
+		';
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		$alias=$field->alias;
+		if(isset($user->$alias)) $data->$alias=json_decode($user->$alias);
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{
+		//if($field->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) return;
+		//if($field->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('task')=='profile.save' && JFactory::getApplication()->isSite()) return;
+		$alias=$field->alias;
+		if(isset($data[$alias])) $storeData[$alias]=json_encode($data[$alias]);
+		else $storeData[$alias]='';
+		if($field->params->get('field_readonly','')=="1" && JFactory::getApplication()->isSite() && isset($storeData[$alias])) {unset($storeData[$alias]);}
+		if($field->params->get('field_readonly','')=="2" && JFactory::getApplication()->input->get->get('task','')=='profile.save' && JFactory::getApplication()->isSite() && isset($storeData[$alias])) {unset($storeData[$alias]);}
+	}
+	
+	public static function checkboxlist($field)
+	{
+		$value=$field->__get('value');
+		if (empty($value) && (string) $value != '0')
+		{
+			return JHtml::_('users.value', $value);
+		}
+		else
+		{
+			$options=$field->getOptions();
+			$result=array();
+			foreach($options as $option)
+			{
+				if(in_array($option->value,$value)) $result[]=JText::_($option->text);
+			}
+			return implode(', ',$result);
+		}
+	}
+	
+	public static function getSearchInput($field)
+	{
+		$selectedOptions=JFactory::getApplication()->input->get($field->alias,null,'raw');
+		$options=array();
+		$optTxt=explode("\n",$field->params->get('checkbox_options',''));
+		foreach($optTxt as $opt)
+		{
+			$opt=explode('|',$opt);
+			if(count($opt)==1) $options[]=JHtml::_('select.option', trim($opt[0]), JText::_(trim(htmlspecialchars($opt[0]))));
+			if(count($opt)==2) $options[]=JHtml::_('select.option', trim($opt[0]), JText::_(trim(htmlspecialchars($opt[1]))));
+		}
+		
+		$return=JHtml::_('select.radiolist', $options, $field->alias.'[]', null, 'value', 'text', null, $field->alias);
+		$from=array('<div','</div>','type="radio"','class="radio"','class="controls"');
+		if($field->params->get('checkbox_inline',0)==0) $to=array('<fieldset class="checkboxes"','</fieldset>','type="checkbox"','class="checkbox"','id="jform_'.str_replace('-','_',$field->alias).'"');
+		else  $to=array('<fieldset class="checkboxes"','</fieldset>','type="checkbox"','class="checkbox inline"','id="jform_'.str_replace('-','_',$field->alias).'"');
+		if($selectedOptions!=null)
+		{
+			foreach($selectedOptions as $selectedOption)
+			{
+				$from[]='value="'.$selectedOption.'"';
+				$to[]='value="'.$selectedOption.'" checked="checked"';
+			}
+		}
+		return str_replace($from,$to,$return);
+	}
+	
+	public static function getSearchQuery($field, &$query)
+	{
+		$options=JFactory::getApplication()->input->get($field->alias,null,'raw');
+		$db=JFactory::getDbo();
+		
+		$where='';
+		foreach($options as $option)
+		{
+			$where.='b.'.$db->quoteName($field->alias).' LIKE '.$db->quote('%"'.$option.'"%').' OR ';
+		}
+		$where=substr($where, 0,-4);
+		$query->where('('.$where.')');
+	}
+		
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/checkboxlist.xml b/deployed/jsn/administrator/components/com_jsn/helpers/fields/checkboxlist.xml
new file mode 100644
index 00000000..bdead417
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/checkboxlist.xml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<fieldset
+			name="checkboxlist" 
+			label="COM_JSN_CHECKBOX_FIELDSET_LABEL"
+		>
+
+			<field
+				name="checkbox_defaultvalue"
+				label="COM_JSN_GENERAL_DEFAULTVALUE"
+				description ="COM_JSN_GENERAL_DEFAULTVALUE"
+				type="text"
+			/>
+			
+			<field
+				name="checkbox_options"
+				label="COM_JSN_CHECKBOX_OPTIONS"
+				description ="COM_JSN_CHECKBOX_OPTIONS_DESC"
+				rows="10"
+				class="span6"
+				type="textarea"
+			/>
+			
+			<field
+				name="checkbox_inline"
+				label="COM_JSN_OPTIONS_INLINE"
+				description ="COM_JSN_OPTIONS_INLINE_DESC"
+				class="btn-group"
+				type="radio"
+				default="0"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+
+		</fieldset>
+	</fields>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/core.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/core.php
new file mode 100644
index 00000000..9046cf34
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/core.php
@@ -0,0 +1,89 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnCoreFieldHelper
+{
+	public static function create($alias)
+	{
+		
+	}
+	
+	public static function delete($alias)
+	{
+		
+	}
+	
+	public static function getXml($item = null)
+	{
+		$config = JComponentHelper::getParams('com_jsn');
+		$xml='';
+		if(JFactory::getApplication()->isAdmin())
+		{
+			$xml='
+				<field name="name" type="hidden"
+					class="inputbox"
+					default="formatName"
+				/>';
+			if($config->get('facebook_enabled',0) || $config->get('twitter_enabled',0) || $config->get('google_enabled',0) || $config->get('linkedin_enabled',0) || $config->get('instagram_enabled',0)) {
+				$xml.='<field name="spconnect" label="&lt;h4&gt;SocialConnect&lt;/h4&gt;" type="spacer" />';
+				if($config->get('facebook_enabled',0)) $xml.='<field name="facebook_id" type="text"
+					class="inputbox"
+					default=""
+					label="Facebook ID"
+				/>';
+				if($config->get('twitter_enabled',0)) $xml.='<field name="twitter_id" type="text"
+					class="inputbox"
+					default=""
+					label="Twitter ID"
+				/>';
+				if($config->get('google_enabled',0)) $xml.='<field name="google_id" type="text"
+					class="inputbox"
+					default=""
+					label="Google Plus ID"
+				/>';
+				if($config->get('linkedin_enabled',0)) $xml.='<field name="linkedin_id" type="text"
+					class="inputbox"
+					default=""
+					label="LinkedIn ID"
+				/>';
+				if($config->get('instagram_enabled',0)) $xml.='<field name="instagram_id" type="text"
+					class="inputbox"
+					default=""
+					label="Instagram ID"
+				/>';
+			}
+		}
+		elseif(JFactory::getApplication()->input->get('view')=='registration')
+		{
+			$xml='
+				<field name="name" type="hidden"
+					class="inputbox"
+					default="formatName"
+				/>
+			';
+		}
+		else
+		{
+			$xml='
+				<field name="name" type="hidden"
+					class="inputbox"
+				/>
+				<field name="id" type="hidden"
+					filter="integer"
+				/>
+			';
+		}
+		return $xml;
+	}
+	
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/date.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/date.php
new file mode 100644
index 00000000..e4530a51
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/date.php
@@ -0,0 +1,214 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+global $_FIELDTYPES;
+$_FIELDTYPES['date']='COM_JSN_FIELDTYPE_DATE';
+
+class JsnDateFieldHelper
+{
+	public static function create($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users ADD ".$db->quoteName($alias)." DATETIME DEFAULT NULL";
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function delete($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users DROP COLUMN ".$db->quoteName($alias);
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function getXml($item)
+	{
+		require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+		$xml='';
+		$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+		if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+		if($item->params->get('date_default','')!="") $default=date('Y-m-d',strtotime($item->params->get('date_default','')));
+		else $default="";
+		$placeholder=($item->params->get('date_placeholder','')!='' ? 'hint="'.JsnHelper::xmlentities($item->params->get('date_placeholder','')).'"' : 'hint="COM_JSN_CLICKONCALENDAR"');
+		$formformat=($item->params->get('date_formformat','')!='' ? 'formformat="'.JsnHelper::xmlentities($item->params->get('date_formformat','')).'"' : 'formformat="d MM yyyy"');
+		
+		if($item->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) $readonly='readonlydate="true"';
+		elseif($item->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('view')!='registration' && JFactory::getApplication()->isSite()) $readonly='readonlydate="true"';
+		else $readonly='';
+
+		$xml='
+			<field
+				name="'.$item->alias.'"
+				type="date"
+				id="'.$item->alias.'"
+				label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+				description="'.JsnHelper::xmlentities(($item->description)).'"
+				dateformat="'.$item->params->get('date_format','j F Y').'"
+				size="22"
+				datetype="'.$item->params->get('date_type',0).'"
+				default="'.$default.'"
+				required="'.($item->required ? ($item->required==2 ? 'admin' : 'frontend' ) : 'false' ).'"
+				readonly="true"
+				viewmode="'.$item->params->get('date_viewmode','days').'"
+				span="'.$item->params->get('date_span',0).'"
+				spanyear="'.$item->params->get('date_span_year',0).'"
+				spanmonth="'.$item->params->get('date_span_month',0).'"
+				spanday="'.$item->params->get('date_span_day',0).'"
+				'.$placeholder.'
+				'.$formformat.'
+				'.$readonly.'
+				class="'.$item->params->get('field_cssclass','').'"
+			/>
+		';
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		$alias=$field->alias;
+		if(isset($user->$alias) && $user->$alias!='0000-00-00 00:00:00' && $user->$alias!='0000-00-00')
+		{
+			$date=new JDate($user->$alias);
+			$data->$alias=$date->toSql();
+		}
+		else $data->$alias='';
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{
+		//if($field->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) return;
+		//if($field->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('task')=='profile.save' && JFactory::getApplication()->isSite()) return;
+		$alias=$field->alias;
+		if(isset($data[$alias]) && $data[$alias]!='0000-00-00 00:00:00' && $data[$alias]!='0000-00-00')
+		{
+			if($data[$alias]=='')
+				$storeData[$alias]='';//'0000-00-00 00:00:00';
+			else
+			{
+				$p1 = strpos($data[$alias],'-');
+				$p2 = strrpos($data[$alias],'-');
+				if( $p1 == 4 && $p2 == 7 ) $storeData[$alias] = $data[$alias];
+			}
+		}
+	}
+	
+	public static function date($field)
+	{
+		$value=$field->__get('value');
+		if (empty($value))
+		{
+			return JHtml::_('users.value', $value);
+		}
+		else
+		{
+			if ($value != '0000-00-00 00:00:00' && $value != '0000-00-00')
+				return $field->getDate();
+			else
+				return JHtml::_('users.value', null);
+		}
+	}
+	
+	public static function getSearchInput($field)
+	{
+		if($field->params->get('date_type',0)!=1)
+		{
+			if(JText::_('COM_JSN_STARTMONDAY')=='1') $date_weekstart=' data-date-weekstart="1"';
+			else $date_weekstart='';
+			
+			$doc=JFactory::getDocument();
+			JHtml::_('bootstrap.framework');
+			$doc->addScript(JURI::root().'components/com_jsn/assets/js/bootstrap-datepicker.min.js');
+			$doc->addStylesheet(JURI::root().'components/com_jsn/assets/css/datepicker.min.css'); 
+			$return=array();
+			$return[]='<input id="jform_'.str_replace('-','_',$field->alias).'" type="hidden" name="'.$field->alias.'" value="1" /><div class=""><div class="bsdatesearch">';
+			$return[]='<div'.$date_weekstart.' data-date-viewmode="'.$field->params->get('date_viewmode','days').'" data-date-format="'.JText::_('COM_JSN_DATE_INPUT_FORMAT').'" data-date="'.JFactory::getApplication()->input->get($field->alias.'_from','','raw').'" id="'.$field->alias.'_from" class="input-prepend date bsdate"><span class="btn btn-success"><i class="jsn-icon jsn-icon-calendar"></i></span><span class="btn btn-danger"><i class="jsn-icon jsn-icon-remove jsndateremove"></i></span><input placeholder="'.JText::_('COM_JSN_STARTDATE').'" type="text" readonly="readonly" value="'.JFactory::getApplication()->input->get($field->alias.'_from','','raw').'" name="'.$field->alias.'_from" /></div>';
+			$return[]='</div> <div class="bsdatesearch">';
+			$return[]='<div'.$date_weekstart.' data-date-viewmode="'.$field->params->get('date_viewmode','days').'" data-date-format="'.JText::_('COM_JSN_DATE_INPUT_FORMAT').'" data-date="'.JFactory::getApplication()->input->get($field->alias.'_to','','raw').'" id="'.$field->alias.'_to" class="input-prepend date bsdate"><span class="btn btn-success"><i class="jsn-icon jsn-icon-calendar"></i></span><span class="btn btn-danger"><i class="jsn-icon jsn-icon-remove jsndateremove"></i></span><input placeholder="'.JText::_('COM_JSN_ENDDATE').'" type="text" readonly="readonly" value="'.JFactory::getApplication()->input->get($field->alias.'_to','','raw').'" name="'.$field->alias.'_to" /></div>';
+			$return[]='</div><div class="bsdatesearchtip"><span class="label label-default">'.JText::_('COM_JSN_CHOOSEDATEINTERVAL').'</span></div></div>';
+			static $init=0;
+			if($init==0){
+				$script='
+				var DPGlobalDates = {
+					days: ["'.JText::_("SUNDAY").'", "'.JText::_("MONDAY").'", "'.JText::_("TUESDAY").'", "'.JText::_("WEDNESDAY").'", "'.JText::_("THURSDAY").'", "'.JText::_("FRIDAY").'", "'.JText::_("SATURDAY").'", "'.JText::_("SUNDAY").'"],
+					daysShort: ["'.JText::_("SUN").'", "'.JText::_("MON").'", "'.JText::_("TUE").'", "'.JText::_("WED").'", "'.JText::_("THU").'", "'.JText::_("FRI").'", "'.JText::_("SAT").'", "'.JText::_("SUN").'"],
+					daysMin: ["'.JText::_("SUN").'", "'.JText::_("MON").'", "'.JText::_("TUE").'", "'.JText::_("WED").'", "'.JText::_("THU").'", "'.JText::_("FRI").'", "'.JText::_("SAT").'", "'.JText::_("SUN").'"],
+					months: ["'.JText::_("JANUARY").'", "'.JText::_("FEBRUARY").'", "'.JText::_("MARCH").'", "'.JText::_("APRIL").'", "'.JText::_("MAY").'", "'.JText::_("JUNE").'", "'.JText::_("JULY").'", "'.JText::_("AUGUST").'", "'.JText::_("SEPTEMBER").'", "'.JText::_("OCTOBER").'", "'.JText::_("NOVEMBER").'", "'.JText::_("DECEMBER").'"],
+					monthsShort: ["'.JText::_("JANUARY_SHORT").'", "'.JText::_("FEBRUARY_SHORT").'", "'.JText::_("MARCH_SHORT").'", "'.JText::_("APRIL_SHORT").'", "'.JText::_("MAY_SHORT").'", "'.JText::_("JUNE_SHORT").'", "'.JText::_("JULY_SHORT").'", "'.JText::_("AUGUST_SHORT").'", "'.JText::_("SEPTEMBER_SHORT").'", "'.JText::_("OCTOBER_SHORT").'", "'.JText::_("NOVEMBER_SHORT").'", "'.JText::_("DECEMBER_SHORT").'"]
+				};
+				';
+			}
+			else $script='';
+			$init=1;
+			$script.='
+			jQuery(document).ready(function($){
+				var nowTemp = new Date();
+				var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
+				$("#'.$field->alias.'_from").jsndatepicker();
+				$("#'.$field->alias.'_to").jsndatepicker();
+			
+			
+				$("#'.$field->alias.'_from .jsndateremove").click(function(){
+					//'.$field->alias.'_from.setValue(newDate);
+					$("#'.$field->alias.'_from input").val("");
+					return false;
+				});
+				$("#'.$field->alias.'_to .jsndateremove").click(function(){
+					//'.$field->alias.'_to.setValue(newDate);
+					//$("#'.$field->alias.'_to").attr("data-date","");
+					$("#'.$field->alias.'_to input").val("");
+					return false;
+				});
+			});
+			';
+			$doc->addScriptDeclaration( $script );
+		}
+		else
+		{
+			$return=array();
+			$return[]='<input id="jform_'.str_replace('-','_',$field->alias).'" type="hidden" name="'.$field->alias.'" value="1" /><div class=""><div class="numericsearch">';		
+			$return[]='<input min="0" type="number" placeholder="'.JText::_('COM_JSN_STARTAGE').'" name="'.$field->alias.'_from" value="'.JFactory::getApplication()->input->get($field->alias.'_from','','raw').'"/>';
+			$return[]='</div> <div class="numericsearch">';
+			$return[]='<input min="0" type="number" placeholder="'.JText::_('COM_JSN_ENDAGE').'" name="'.$field->alias.'_to" value="'.JFactory::getApplication()->input->get($field->alias.'_to','','raw').'"/>';
+			$return[]='</div><div class="numericsearchtip"><span class="label label-default">'.JText::_('COM_JSN_CHOOSEAGEINTERVAL').'</span></div></div>';
+		}
+		return implode('',$return);
+	}
+	
+	public static function getSearchQuery($field, &$query)
+	{	if($field->params->get('date_type',0)!=1)
+		{
+			$date_from=new JDate(str_replace('/','-',JFactory::getApplication()->input->get($field->alias.'_from','','raw')));
+			$date_to=new JDate(str_replace('/','-',JFactory::getApplication()->input->get($field->alias.'_to','','raw')));
+			$db=JFactory::getDbo();
+			if(JFactory::getApplication()->input->get($field->alias.'_from','','raw')!='') $query->where('b.'.$db->quoteName($field->alias).' >= '.$db->quote($date_from->toSql()));
+			if(JFactory::getApplication()->input->get($field->alias.'_to','','raw')!='') $query->where('b.'.$db->quoteName($field->alias).' <= '.$db->quote($date_to->toSql()));
+		}
+		else
+		{
+			if(is_numeric(JFactory::getApplication()->input->get($field->alias.'_from','','raw')) && JFactory::getApplication()->input->get($field->alias.'_from','','raw')>0){
+				$date_from=date('Y-m-d',strtotime('-'.JFactory::getApplication()->input->get($field->alias.'_from','','raw').' years'));
+				$db=JFactory::getDbo();
+				$query->where('b.'.$db->quoteName($field->alias).' <= '.$db->quote($date_from));
+			}
+			else JFactory::getApplication()->input->set($field->alias.'_from','');
+			if(is_numeric(JFactory::getApplication()->input->get($field->alias.'_to','','raw')) && JFactory::getApplication()->input->get($field->alias.'_to','','raw')>0){
+				$date_to=date('Y-m-d',strtotime('-'.(JFactory::getApplication()->input->get($field->alias.'_to','','raw')+1).' years'));
+				$db=JFactory::getDbo();
+				$query->where('b.'.$db->quoteName($field->alias).' >= '.$db->quote($date_to));
+			}
+			else JFactory::getApplication()->input->set($field->alias.'_to','');
+		}
+		
+	}
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/date.xml b/deployed/jsn/administrator/components/com_jsn/helpers/fields/date.xml
new file mode 100644
index 00000000..95a9c316
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/date.xml
@@ -0,0 +1,131 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<fieldset
+			name="date" 
+			label="COM_JSN_DATE_FIELDSET_LABEL"
+		>
+		
+			<field
+				name="date_default"
+				label="COM_JSN_GENERAL_DEFAULTVALUE"
+				description ="COM_JSN_GENERAL_DEFAULTVALUE_DESC"
+				type="calendar"
+			/>
+			
+			<field
+				name="date_placeholder"
+				label="COM_JSN_GENERAL_PLACEHOLDER"
+				description ="COM_JSN_GENERAL_PLACEHOLDER_DESC"
+				type="text"
+			/>
+
+			<field
+				name="date_format"
+				label="COM_JSN_DATE_FORMAT"
+				description ="COM_JSN_DATE_FORMAT_DESC"
+				type="text"
+				default="j F Y"
+			/>
+
+			<field
+				name="date_formformat"
+				label="COM_JSN_DATE_FORMFORMAT"
+				description ="COM_JSN_DATE_FORMFORMAT_DESC"
+				type="list"
+				default="d MM yyyy"
+			>
+				<option value="d MM yyyy">31 December 2010 (d mmmm yyyy)</option>
+				<option value="dd/mm/yyyy">31/12/2010 (dd/mm/yyyy)</option>
+				<option value="mm/dd/yyyy">12/31/2010 (mm/dd/yyyy)</option>
+				<option value="yyyy/mm/dd">2010/12/31 (yyyy/mm/dd)</option>
+				<option value="dd-mm-yyyy">31-12-2010 (dd-mm-yyyy)</option>
+				<option value="mm-dd-yyyy">12-31-2010 (mm-dd-yyyy)</option>
+				<option value="yyyy-mm-dd">2010-12-31 (yyyy-mm-dd)</option>
+				<option value="dd.mm.yyyy">31.12.2010 (dd.mm.yyyy)</option>
+				<option value="mm.dd.yyyy">12.31.2010 (mm.dd.yyyy)</option>
+				<option value="yyyy.mm.dd">2010.12.31 (yyyy.mm.dd)</option>
+			</field>
+
+			<field
+				name="date_type"
+				label="COM_JSN_DATE_TYPE"
+				description ="COM_JSN_DATE_TYPE_DESC"
+				type="list"
+				filter="int"
+				default="0"
+			>
+				<option value="0">COM_JSN_DATE_DATE</option>
+				<option value="1">COM_JSN_DATE_AGE</option>
+				<option value="2">COM_JSN_DATE_YEARSAGO</option>
+			</field>
+			
+			<field
+				name="date_viewmode"
+				label="COM_JSN_DATE_VIEWMODE"
+				description ="COM_JSN_DATE_VIEWMODE_DESC"
+				type="list"
+				filter="string"
+				default="days"
+			>
+				<option value="days">COM_JSN_DATE_VIEWMODE_DAY</option>
+				<option value="months">COM_JSN_DATE_VIEWMODE_MONTH</option>
+				<option value="years">COM_JSN_DATE_VIEWMODE_YEAR</option>
+			</field>
+			
+			<field
+				name="date_span"
+				label="COM_JSN_DATE_SPAN"
+				description ="COM_JSN_DATE_SPAN_DESC"
+				type="list"
+				filter="int"
+				default="0"
+			>
+				<option value="0">COM_JSN_DATE_ALLDATE</option>
+				<option value="1">COM_JSN_DATE_PAST</option>
+				<option value="2">COM_JSN_DATE_FUTURE</option>
+			</field>
+			
+			<field
+				name="date_span_year"
+				label="COM_JSN_DATE_SPAN_YEAR"
+				description ="COM_JSN_DATE_SPAN_YEAR_DESC"
+				type="text"
+				filter="int"
+				default="0"
+			/>
+			
+			<field
+				name="date_span_month"
+				label="COM_JSN_DATE_SPAN_MONTH"
+				description ="COM_JSN_DATE_SPAN_MONTH_DESC"
+				type="text"
+				filter="int"
+				default="0"
+			/>
+			
+			<field
+				name="date_span_day"
+				label="COM_JSN_DATE_SPAN_DAY"
+				description ="COM_JSN_DATE_SPAN_DAY_DESC"
+				type="text"
+				filter="int"
+				default="0"
+			/>
+			
+			<!-- <field
+				name="text_filter"
+				label="COM_JSN_TEXT_FILTER"
+				description ="COM_JSN_TEXT_FILTER_DESC"
+				type="list"
+				default="text"
+			>
+				<option value="string">COM_JSN_TEXT_FILTER_TEXT</option>
+				<option value="email">COM_JSN_TEXT_FILTER_EMAIL</option>
+				<option value="tel">COM_JSN_TEXT_FILTER_PHONE</option>
+				<option value="int">COM_JSN_TEXT_FILTER_INT</option>
+			</field> -->
+
+		</fieldset>
+	</fields>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/delimeter.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/delimeter.php
new file mode 100644
index 00000000..aab8d755
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/delimeter.php
@@ -0,0 +1,74 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+global $_FIELDTYPES;
+$_FIELDTYPES['delimeter']='COM_JSN_FIELDTYPE_DELIMETER';
+
+class JsnDelimeterFieldHelper
+{
+	public static function create($alias)
+	{
+		
+	}
+	
+	public static function delete($alias)
+	{
+		
+	}
+	
+	public static function getXml($item)
+	{
+		require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+		$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+		if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+		$xml='
+			<field
+				name="'.$item->alias.'"
+				type="delimeter"
+				id="'.$item->alias.'"
+				text="'.JsnHelper::xmlentities($item->description).'"
+				label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+				class="'.$item->params->get('field_cssclass','').'"
+			/>
+		';
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		$alias=$field->alias;
+		$data->$alias=$field->description;
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{
+		
+	}
+	
+	public static function delimeter($field)
+	{
+		$value=$field->__get('value');
+		if (empty($value))
+		{
+			return JHtml::_('users.value', $value);
+		}
+		else
+		{
+			//if(JText::_(strip_tags($value)) != strip_tags($value)) $value=JText::_(strip_tags($value));
+			if(substr_count($value,'<p>')==1 && substr_count($value,' ')==0) $value=JText::_(strip_tags($value));
+			JPluginHelper::importPlugin('content');
+			return JHtml::_('content.prepare', $value, '', 'jsn_content.content');
+		}
+	}
+
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/email.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/email.php
new file mode 100644
index 00000000..b94129e4
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/email.php
@@ -0,0 +1,116 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+global $_FIELDTYPES;
+$_FIELDTYPES['email']='COM_JSN_FIELDTYPE_EMAIL';
+
+class JsnEmailFieldHelper
+{
+	public static function create($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users ADD ".$db->quoteName($alias)." VARCHAR(255)";
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function delete($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users DROP COLUMN ".$db->quoteName($alias);
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function getXml($item)
+	{
+		require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+		$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+		if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+		$defaultvalue=($item->params->get('email_defaultvalue','')!='' ? 'default="'.JsnHelper::xmlentities($item->params->get('email_defaultvalue','')).'"' : '');
+		$maxlength=($item->params->get('text_maxlength','')!='' ? 'maxlength="'.$item->params->get('text_maxlength','').'"' : '');
+		$placeholder=($item->params->get('email_placeholder','')!='' ? 'hint="'.JsnHelper::xmlentities($item->params->get('email_placeholder','')).'"' : '');
+
+		if($item->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		elseif($item->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('view')!='registration' && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		else $readonly='';
+
+		$filter='string';
+		$type='emailfull';
+		
+		$xml='';
+		
+		$xml.='
+			
+			<field
+				name="'.$item->alias.'"
+				type="'.$type.'"
+				validate="email"
+				
+				id="'.$item->alias.'"
+				description="'.JsnHelper::xmlentities(($item->description)).'"
+				filter="'.$filter.'"
+				label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+				size="30"
+				'.$defaultvalue.'
+				'.$maxlength.'
+				'.$placeholder.'
+				'.$readonly.'
+				class="'.$item->params->get('field_cssclass','').'"
+				required="'.($item->required ? ($item->required==2 ? 'admin' : 'frontend' ) : 'false' ).'"
+			/>
+		';
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		$alias=$field->alias;
+		if(isset($user->$alias)) $data->$alias=$user->$alias;
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{
+		//if($field->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) return;
+		//if($field->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('task')=='profile.save' && JFactory::getApplication()->isSite()) return;
+		$alias=$field->alias;
+		if(isset($data[$alias])) $storeData[$alias]=$data[$alias];
+	}
+	
+	public static function email($field)
+	{
+		$value=$field->__get('value');
+		if (empty($value))
+		{
+			return JHtml::_('users.value', $value);
+		}
+		else
+		{
+			JPluginHelper::importPlugin('content');
+			return JHtml::_('content.prepare', '<a href="mailto:'.$value.'">'.$value.'</a>', '', 'jsn_content.content');
+		}
+	}
+	
+	public static function getSearchInput($field)
+	{
+		$return='<input id="jform_'.str_replace('-','_',$field->alias).'" type="text" placeholder="'.JText::_('COM_JSN_SEARCHFOR').' '.JText::_($field->title).'..." name="'.$field->alias.'" value="'.JFactory::getApplication()->input->get($field->alias,'','raw').'"/>';
+		return $return;
+	}
+	
+	public static function getSearchQuery($field, &$query)
+	{
+		$db=JFactory::getDbo();
+		$query->where('b.'.$db->quoteName($field->alias).' LIKE '.$db->quote('%'.JFactory::getApplication()->input->get($field->alias,null,'raw').'%'));
+	}
+		
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/email.xml b/deployed/jsn/administrator/components/com_jsn/helpers/fields/email.xml
new file mode 100644
index 00000000..7582625e
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/email.xml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<fieldset
+			name="email" 
+			label="COM_JSN_EMAIL_FIELDSET_LABEL"
+		>
+
+			<field
+				name="email_defaultvalue"
+				label="COM_JSN_GENERAL_DEFAULTVALUE"
+				description ="COM_JSN_GENERAL_DEFAULTVALUE_DESC"
+				type="text"
+			/>
+			
+			<field
+				name="email_placeholder"
+				label="COM_JSN_GENERAL_PLACEHOLDER"
+				description ="COM_JSN_GENERAL_PLACEHOLDER_DESC"
+				type="text"
+			/>
+
+		</fieldset>
+	</fields>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/filetype.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/filetype.php
new file mode 100644
index 00000000..c6fffbad
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/filetype.php
@@ -0,0 +1,139 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+global $_FIELDTYPES;
+$_FIELDTYPES['filetype']='COM_JSN_FIELDTYPE_FILETYPE';
+
+class JsnFiletypeFieldHelper
+{
+	public static function create($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users ADD ".$db->quoteName($alias)." VARCHAR(255)";
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function delete($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users DROP COLUMN ".$db->quoteName($alias);
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function getXml($item)
+	{
+		require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+		$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+		if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+		$defaultvalue='';//($item->params->get('image_defaultvalue','')!='' ? 'default="'.JsnHelper::xmlentities($item->params->get('image_defaultvalue','')).'"' : '');//(isset($item->params['image_defaultvalue']) && $item->params['image_defaultvalue']!='' ? 'default="'.$item->params['image_defaultvalue'].'"' : '');
+		
+		if($item->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		elseif($item->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('view')!='registration' && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		else $readonly='';
+		
+		$xml='
+			<field
+				name="'.$item->alias.'"
+				type="filetype"
+				downloadtext="'.($item->params->get('filetype_label','')=='' ? 'Download' : JsnHelper::xmlentities($item->params->get('filetype_label','')) ).'"
+				id="'.$item->alias.'"
+				class="'.$item->alias.' '.$item->params->get('field_cssclass','').'"
+				description="'.JsnHelper::xmlentities(($item->description)).'"
+				label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+				required="'.($item->required && JFactory::getApplication()->input->get('jform',null,'array')==null ? ($item->required==2 ? 'admin' : 'frontend' ) : 'false' ).'"
+				requiredfile="'.($item->required ? ($item->required==2 ? 'admin' : 'frontend' ) : 'false' ).'"
+				validate="filetype"
+				'.$readonly.'
+				mime="'.$item->params->get('filetype_ext','pdf|zip|doc|docx').'"
+			/>
+		';
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		$alias=$field->alias;
+		if(isset($user->$alias) && $user->$alias!='' && file_exists(JPATH_SITE.'/'.$user->$alias))
+		{
+			$data->$alias=$user->$alias;
+		}
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{	
+		//if($field->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) return;
+		//if($field->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('task')=='profile.save' && JFactory::getApplication()->isSite()) return;
+		$upload_path=$field->params->get('filetype_path','images/profiler/');
+		
+		// Set Upload Dir
+		$upload_dir=JPATH_SITE.'/'.$upload_path;
+		if(!file_exists($upload_dir)) 
+		{ 
+			mkdir($upload_dir); 
+		}
+
+		// Get Alias
+		$alias=$field->alias;
+		if(isset($data[$alias])) $storeData[$alias]=$data[$alias];
+		
+		// Delete Image
+		$jform=JFactory::getApplication()->input->post->getArray();
+		if(isset($jform['jform'][$field->alias.'_delete']))
+		{
+			// Delete old file
+			foreach (glob($upload_dir.$alias.$data['id'].'*') as $deletefile)
+			{
+				unlink($deletefile);
+			}
+			
+			$storeData[$alias]='';
+			return;
+		}
+		
+		
+		$jform=JFactory::getApplication()->input->files->get('jform',null,'raw');
+		if(isset($jform['upload_'.$alias])) $jform_file=$jform['upload_'.$alias];
+		if(isset($jform_file['name']) && strlen($jform_file['name'])>4)
+		{
+			foreach (glob($upload_dir.$alias.$data['id'].'*') as $deletefile)
+			{
+				unlink($deletefile);
+			}
+			$md5=md5(time().rand());
+			$filename=$alias.$data['id'].'_'.$md5;
+			$name=$jform_file['name'];
+			$ext = strtolower($name[strlen($name)-4].$name[strlen($name)-3].$name[strlen($name)-2].$name[strlen($name)-1]);
+			if ($ext[0] == '.') $ext = substr($ext, 1, 3);
+			move_uploaded_file($jform_file['tmp_name'], $upload_dir.'/'.$filename.'.'.$ext);
+			$storeData[$alias]=$upload_path.$filename.'.'.$ext;
+		}
+		
+	}
+	
+	public static function filetype($field)
+	{
+		$value=$field->__get('value');
+		if (empty($value))
+		{
+			return JHtml::_('users.value', $value);
+		}
+		else
+		{
+			return $field->getFile();
+		}
+		
+	}
+	
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/filetype.xml b/deployed/jsn/administrator/components/com_jsn/helpers/fields/filetype.xml
new file mode 100644
index 00000000..28f66a61
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/filetype.xml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<fieldset
+			name="filetype" 
+			label="COM_JSN_FILETYPE_FIELDSET_LABEL"
+		>
+
+			<field
+				label="COM_JSN_FILETYPE_EXT"
+				description="COM_JSN_FILETYPE_EXT_DESC"
+				name="filetype_ext"
+				type="text"
+				filter="string"
+				default="pdf|zip|doc|docx"
+			/>
+			
+			<field
+				label="COM_JSN_FILETYPE_LABEL"
+				description="COM_JSN_FILETYPE_LABEL_DESC"
+				name="filetype_label"
+				type="text"
+				filter="string"
+				default=""
+			/>
+			
+			<field
+				label="COM_JSN_UPLOADPATH"
+				description="COM_JSN_UPLOADPATH_DESC"
+				name="filetype_path"
+				type="text"
+				filter="string"
+				default="images/profiler/"
+				hint="images/profiler/"
+			/>
+
+		</fieldset>
+	</fields>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/hide.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/hide.php
new file mode 100644
index 00000000..30f9f6b2
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/hide.php
@@ -0,0 +1,92 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+global $_FIELDTYPES;
+$_FIELDTYPES['hide']='COM_JSN_FIELDTYPE_HIDDEN';
+
+class JsnHideFieldHelper
+{
+	public static function create($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users ADD ".$db->quoteName($alias)." VARCHAR(255)";
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function delete($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users DROP COLUMN ".$db->quoteName($alias);
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function getXml($item)
+	{
+		require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+		$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+		if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+		$defaultvalue=($item->params->get('hide_defaultvalue','')!='' ? 'default="'.JsnHelper::xmlentities($item->params->get('hide_defaultvalue','')).'"' : '');
+		$xml='';
+		
+		if($item->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		elseif($item->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('view')!='registration' && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		else $readonly='';
+		
+		$xml.='
+			
+			<field
+				name="'.$item->alias.'"
+				type="hidden"
+				id="'.$item->alias.'"
+				description="'.JsnHelper::xmlentities(($item->description)).'"
+				filter="string"
+				label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+				size="30"
+				'.$defaultvalue.'
+				'.$readonly.'
+				class="'.$item->params->get('field_cssclass','').'"
+				required="'.($item->required ? ($item->required==2 ? 'admin' : 'frontend' ) : 'false' ).'"
+			/>
+		';
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		$alias=$field->alias;
+		if(isset($user->$alias)) $data->$alias=$user->$alias;
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{
+		//if($field->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) return;
+		//if($field->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('task')=='profile.save' && JFactory::getApplication()->isSite()) return;
+		$alias=$field->alias;
+		if(isset($data[$alias])) $storeData[$alias]=$data[$alias];
+	}
+	
+	public static function getSearchInput($field)
+	{
+		$return='<input type="text" placeholder="'.JText::_('COM_JSN_SEARCHFOR').' '.JText::_($field->title).'..." name="'.$field->alias.'" value="'.JFactory::getApplication()->input->get($field->alias,'','raw').'"/>';
+		return $return;
+	}
+	
+	public static function getSearchQuery($field, &$query)
+	{
+		$db=JFactory::getDbo();
+		$query->where('b.'.$db->quoteName($field->alias).' LIKE '.$db->quote('%'.JFactory::getApplication()->input->get($field->alias,null,'raw').'%'));
+	}
+		
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/hide.xml b/deployed/jsn/administrator/components/com_jsn/helpers/fields/hide.xml
new file mode 100644
index 00000000..0c02d88e
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/hide.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<fieldset
+			name="hide" 
+			label="COM_JSN_HIDE_FIELDSET_LABEL"
+		>
+
+			<field
+				name="hide_defaultvalue"
+				label="COM_JSN_GENERAL_DEFAULTVALUE"
+				description ="COM_JSN_GENERAL_DEFAULTVALUE"
+				type="text"
+			/>
+
+		</fieldset>
+	</fields>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/image.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/image.php
new file mode 100644
index 00000000..1af714a3
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/image.php
@@ -0,0 +1,632 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+global $_FIELDTYPES;
+$_FIELDTYPES['image']='COM_JSN_FIELDTYPE_IMAGE';
+
+class JsnImageFieldHelper
+{
+	public static function create($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users ADD ".$db->quoteName($alias)." VARCHAR(255)";
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function delete($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users DROP COLUMN ".$db->quoteName($alias);
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function getXml($item)
+	{
+		require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+		$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+		if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+		$defaultvalue=($item->params->get('image_defaultvalue','')!='' ? 'default="'.JsnHelper::xmlentities($item->params->get('image_defaultvalue','')).'"' : '');//(isset($item->params['image_defaultvalue']) && $item->params['image_defaultvalue']!='' ? 'default="'.$item->params['image_defaultvalue'].'"' : '');
+		
+		if($item->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		elseif($item->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('view')!='registration' && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		else $readonly='';
+
+		$xml='
+			<field
+				name="'.$item->alias.'"
+				type="imagefull"
+				id="'.$item->alias.'"
+				imageclass="'.$item->alias.' '.$item->params->get('image_class','').'"
+				class="'.$item->params->get('field_cssclass','').'"
+				description="'.JsnHelper::xmlentities(($item->description)).'"
+				accept="image/*"
+				label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+				alt="'.$item->params->get('image_alt','').'"
+				'.$defaultvalue.'
+				'.$readonly.'
+				width="'.$item->params->get('image_width','500').'"
+				height="'.$item->params->get('image_height','500').'"
+				width_thumb="'.$item->params->get('image_thumbwidth','100').'"
+				height_thumb="'.$item->params->get('image_thumbheight','100').'"
+				cropwebcam="'.$item->params->get('image_cropwebcam','0').'"
+				required="'.($item->required && JFactory::getApplication()->input->get('jform',null,'array')==null ? ($item->required==2 ? 'admin' : 'frontend' ) : 'false' ).'"
+				requiredfile="'.($item->required ? ($item->required==2 ? 'admin' : 'frontend' ) : 'false' ).'"
+				validate="image"
+			/>
+		';
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		$alias=$field->alias;
+		$alias_clean=$field->alias.'_clean';
+		$alias_mini=$field->alias.'_mini';
+
+		$jsn_config = JComponentHelper::getParams('com_jsn');
+		if($jsn_config->get('avatar',1) == 2 && isset($data->email)) // Gravatar
+		{
+			$email = $data->email;
+			if($field->params->get('image_defaultvalue','')!='')
+				$default = '&d='.urlencode(JURI::root().$field->params->get('image_defaultvalue',''));
+			else
+				$default = '';
+			$size = $field->params->get('image_height',500);
+			$size_mini = $field->params->get('image_thumbwidth',100);
+
+			$data->$alias = "https://www.gravatar.com/avatar/" . md5( strtolower( trim( $email ) ) ) . "?s=" . $size . $default;
+			$data->$alias_mini = "https://www.gravatar.com/avatar/" . md5( strtolower( trim( $email ) ) ) . "?s=" . $size_mini . $default;
+			return;
+		}
+
+		if(isset($user->$alias) && $user->$alias!='' && file_exists(JPATH_SITE.'/'.$user->$alias))
+		{
+			$data->$alias=$user->$alias;
+			$data->$alias_clean=$data->$alias;
+			$data->$alias_mini=preg_replace('~_(?!.*_)~', 'mini_', $data->$alias);
+			if(!file_exists(JPATH_SITE.'/'.$data->$alias_mini)) $data->$alias_mini=$user->$alias;
+		}
+		elseif($field->params->get('image_defaultvalue','')!='')
+		{
+			$data->$alias=$field->params->get('image_defaultvalue','');
+			$data->$alias_mini=$data->$alias;
+			$data->$alias_clean='';
+		}
+		elseif($alias == 'avatar')
+		{
+			$data->$alias='components/com_jsn/assets/img/default.jpg';
+			$data->$alias_mini='components/com_jsn/assets/img/default.jpg';
+			$data->$alias_clean='';
+		}
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{
+		$jsn_config = JComponentHelper::getParams('com_jsn');
+		if($jsn_config->get('avatar',1) == 2) // Gravatar
+		{
+			return;
+		}
+
+		//if($field->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) return;
+		//if($field->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('task')=='profile.save' && JFactory::getApplication()->isSite()) return;
+		$upload_path=$field->params->get('image_path','images/profiler/');
+
+		// Set Upload Dir
+		$upload_dir=JPATH_SITE.'/'.$upload_path;
+		if(!file_exists($upload_dir)) 
+		{ 
+			mkdir($upload_dir); 
+		}
+
+		// Get Alias
+		$alias=$field->alias;
+		if(isset($data[$alias])) $storeData[$alias]=$data[$alias];
+
+		// Delete Image
+		$jform=JFactory::getApplication()->input->post->getArray();
+		if(isset($storeData[$alias]) && $storeData[$alias]=='')
+		{
+			// Delete old file
+			foreach (glob($upload_dir.$alias.$data['id'].'*') as $deletefile)
+			{
+				unlink($deletefile);
+			}
+			
+			$storeData[$alias]='';
+			return;
+		}
+
+		/* ------ METHOD INPUT ------ */
+		$jform=JFactory::getApplication()->input->files->get('jform',null,'raw');
+		if(isset($jform['upload_'.$alias])) $jform_file=$jform['upload_'.$alias];
+		if(isset($jform_file['name']) && strlen($jform_file['name'])>4)
+			$fileArray=array(
+				'name' => $jform_file['name'],
+				'type' => $jform_file['type'],
+				'tmp_name' => $jform_file['tmp_name'],
+				'error' => $jform_file['error'],
+				'size' => $jform_file['size'],
+			);
+		else
+			$fileArray=array();
+
+		if(file_exists(JPATH_ADMINISTRATOR.'/components/com_k2/lib/class.upload.php')) require_once(JPATH_ADMINISTRATOR.'/components/com_k2/lib/class.upload.php');
+		else require_once(JPATH_ADMINISTRATOR.'/components/com_jsn/assets/class.upload.php');
+		$foo = new Upload($fileArray);
+		$session = JFactory::getSession();
+		if ($foo->uploaded)
+		{
+			// Delete old file
+			foreach (glob($upload_dir.$alias.$data['id'].'*') as $deletefile)
+			{
+				unlink($deletefile);
+			}
+			
+			$md5=md5(time().rand());
+			// Store & Resize Image Thumbs
+			$filename=$alias.$data['id'].'mini_'.$md5;
+			$foo->file_new_name_body = $filename;
+			$foo->image_resize = true;
+			$foo->image_ratio_crop = true;
+			$foo->image_convert = 'png';
+			if($field->params->get('image_thumbwidth',100)>0) $foo->image_x = $field->params->get('image_thumbwidth',100);//$field->params['image_thumbwidth'];
+			if($field->params->get('image_thumbheight',100)>0) $foo->image_y = $field->params->get('image_thumbheight',100);//$field->params['image_thumbheight'];
+			//die($foo->image_x);
+			$foo->Process($upload_dir);
+			// Store & Resize Image
+			$filename=$alias.$data['id'].'_'.$md5;
+			$foo->file_new_name_body = $filename;
+			$foo->image_resize = true;
+			$foo->image_ratio_crop = true;
+			$foo->image_convert = 'png';
+			if($field->params->get('image_width',500)>0) $foo->image_x = $field->params->get('image_width',500);//$field->params['image_width'];
+			if($field->params->get('image_height',500)>0) $foo->image_y = $field->params->get('image_height',500);//$field->params['image_height'];
+			$foo->Process($upload_dir);
+			if ($foo->processed)
+			{
+				$storeData[$alias]=$upload_path.$foo->file_dst_name;
+				$foo->Clean();
+			}
+		}
+		/* ------ METHOD CROP & WEBCAM ------ */
+		if($session->get('_tmp_img_'.$alias,'')!=''){
+			$md5=md5(time().rand());
+			$file = $session->get('_tmp_img_'.$alias,'');
+			$ext = pathinfo($file, PATHINFO_EXTENSION);
+			$filename=$alias.$data['id'].'_'.$md5.'.'.$ext;
+			$filename_mini=$alias.$data['id'].'mini_'.$md5.'.'.$ext;
+			$path = JPATH_SITE.'/images/_tmp/';
+			if(file_exists($path . str_replace('.','-big.',$file)) && file_exists($path . str_replace('.','-big.',$file))){
+				foreach (glob($upload_dir.$alias.$data['id'].'*') as $deletefile)
+				{
+					unlink($deletefile);
+				}
+				rename($path . str_replace('.','-big.',$file),$upload_dir.$filename);
+				rename($path . str_replace('.','-mini.',$file),$upload_dir.$filename_mini);
+				unlink($path . $file);
+				$storeData[$alias]=$upload_path.$filename;
+			}
+			/* Clean Session Var */
+			$session->set('_tmp_img_'.$alias,'');
+		}
+		/* ------ METHOD CROP ------ */
+		$images = Slim::getImages('imgupload_'.$alias);
+		if(count($images)){
+
+			foreach ($images as $image) {
+				switch ($image['input']['type']) {
+					case 'image/gif':
+					    $extension = '.gif';
+					    break;
+					case 'image/jpeg':
+					    $extension = '.jpg';
+					    break;
+					case 'image/png':        
+					    $extension = '.png';
+					    break;
+					default:
+					    $extension = '.jpg';
+					    break;
+				}
+				// Clean Old Images
+				foreach (glob($upload_dir.$alias.$data['id'].'*') as $deletefile)
+				{
+					unlink($deletefile);
+				}
+
+				// Copy uploaded images
+				$md5=md5(time().rand());
+				$filename=$alias.$data['id'].'_'.$md5.$extension;
+				$filename_mini=$alias.$data['id'].'mini_'.$md5;
+			    $file = Slim::saveFile($image['output']['data'], $filename, $upload_dir,false);
+			    $file = Slim::saveFile($image['output']['data'], $filename_mini, $upload_dir,false);
+			    $storeData[$alias]=$upload_path.$filename;
+			    
+			    // Resize Thumbs
+			    $handle = new upload($upload_dir.$filename_mini);
+			    $handle->file_new_name_body=$filename_mini;
+			    if($field->params->get('image_thumbwidth',100)>0) $handle->image_x = $field->params->get('image_thumbwidth',100);
+			    if($field->params->get('image_thumbheight',100)>0) $handle->image_y = $field->params->get('image_thumbheight',100);
+			    $handle->image_resize = true;
+			    $handle->image_ratio_crop = true;
+			    $handle->process($upload_dir);
+			    $handle->clean();
+			    
+			}
+		}
+
+		/* Temp folder path to clean */
+		$path = JPATH_SITE.'/images/_tmp/';
+
+		/* Clean Tmp folder from not saved images */
+		if($session->get('_tmp_rand_'.$alias,'')!='')
+		{
+			
+			$rand=$session->get('_tmp_rand_'.$alias,'')!='';
+
+			$filename_prefix=substr(md5($_SERVER['REMOTE_ADDR'].$alias.$rand),0,10);
+			
+			if (file_exists($path))
+			{
+				foreach (glob($path.$filename_prefix.'*') as $deletefile)
+				{
+					unlink($deletefile);
+				}
+			}
+		}
+	}
+	
+	public static function image($field,$user)
+	{
+		$value=$field->__get('value');
+		if (empty($value))
+		{
+			return JHtml::_('users.value', $value);
+		}
+		else
+		{
+			return $field->getImage($user);
+		}
+		
+	}
+	
+	public static function operations()
+	{
+		JFactory::getConfig()->set('gzip',false);
+		$db=JFactory::getDbo();
+		$query=$db->getQuery(true);
+		$query->select('params')->from('#__jsn_fields')->where('alias='.$db->quote(JFactory::getApplication()->input->get('field')));
+		$params = new JRegistry;
+		$db->setQuery($query);
+		$params->loadString($db->loadResult());
+		$name=JFactory::getApplication()->input->get('field');
+
+		$session = JFactory::getSession();
+		
+
+		require_once(JPATH_ADMINISTRATOR.'/components/com_jsn/assets/ImgPicker.php');
+
+		if($session->get('_tmp_rand_'.$name,'')=='') $session->set('_tmp_rand_'.$name,md5(time().rand()));
+
+		$rand=$session->get('_tmp_rand_'.$name,'');
+
+		$filename=substr(md5($_SERVER['REMOTE_ADDR'].$name.$rand),0,10);
+
+		$upload_tmp  = JPATH_SITE.'/images/_tmp/';
+		if (!file_exists($upload_tmp)) {
+		    mkdir($upload_tmp);
+		}
+
+		$options = array(
+
+			// Upload directory path
+			'upload_dir' => $upload_tmp,
+
+			// Upload directory url:
+			//'upload_url' => 'http://localhost/imgPicker/files/',
+			'upload_url' => JURI::root(true) . '/images/_tmp/',
+
+			// Accepted file types:
+			'accept_file_types' => 'png|jpg|jpeg|gif',
+			
+			// Directory mode:
+			'mkdir_mode' => 0777,
+			
+			// File size restrictions (in bytes):
+			'max_file_size' => null,
+		    'min_file_size' => 1,
+		    
+		    // Image resolution restrictions (in px):
+		    'max_width'  => null,
+		    'max_height' => null,
+		    'min_width'  => 1,
+		    'min_height' => 1,
+
+		    // Image versions:
+		    'versions' => array(
+		    	// This will create 2 image versions: the original one and a 200x200 one
+		    	'mini' => array(
+		    		//'upload_dir' => '',
+		    		//'upload_url' => '',
+		    		// Create square image
+		    		//'crop' => true,
+		    		'max_width' => $params->get('image_thumbwidth',100), 
+		    		'max_height' => $params->get('image_thumbheight',100)
+		    	),
+		    	'big' => array(
+		    		//'upload_dir' => '',
+		    		//'upload_url' => '',
+		    		// Create square imag
+		    		//'crop' => true,
+		    		'max_width' => $params->get('image_width',500), 
+		    		'max_height' => $params->get('image_height',500)
+		    	),
+		    ),
+
+		    /**
+			 * 	Load callback
+			 *
+			 *  @param 	ImgPicker 		$instance
+			 *  @return string|array
+			 */
+		    'load' => function($instance) {
+		    	//return 'avatar.jpg';
+		    },
+
+		    /**
+			 * 	Delete callback
+			 *
+			 *  @param  string 		    $filename
+			 *  @param 	ImgPicker 		$instance
+			 *  @return boolean
+			 */
+		    'delete' => function($filename, $instance) {
+		    	return true;
+		    },
+			
+			/**
+			 * 	Upload start callback
+			 *
+			 *  @param 	stdClass 		$image
+			 *  @param 	ImgPicker 		$instance
+			 *  @return void
+			 */
+			'upload_start' => function($image, $instance) {
+				$session = JFactory::getSession();
+				$rand=$session->get('_tmp_rand_'.JFactory::getApplication()->input->get('field'));
+				$filename=substr(md5($_SERVER['REMOTE_ADDR'].JFactory::getApplication()->input->get('field').$rand),0,10);
+				$image->name = $filename . '.' . $image->type;		
+			},
+			
+			/**
+			 * 	Upload complete callback
+			 *
+			 *  @param 	stdClass 		$image
+			 *  @param 	ImgPicker 		$instance
+			 *  @return void
+			 */
+			'upload_complete' => function($image, $instance) {
+			},
+
+			/**
+			 * 	Crop start callback
+			 *
+			 *  @param 	stdClass 		$image
+			 *  @param 	ImgPicker 		$instance
+			 *  @return void
+			 */
+			'crop_start' => function($image, $instance) {
+				$session = JFactory::getSession();
+				$rand=$session->get('_tmp_rand_'.JFactory::getApplication()->input->get('field'));
+				$filename=substr(md5($_SERVER['REMOTE_ADDR'].JFactory::getApplication()->input->get('field').$rand),0,10);
+				$image->name = $filename . '.' . $image->type;
+				$session->set('_tmp_img_'.JFactory::getApplication()->input->get('field'),$filename . '.' . $image->type);
+			},
+
+			/**
+			 * 	Crop complete callback
+			 *
+			 *  @param 	stdClass 		$image
+			 *  @param 	ImgPicker 		$instance
+			 *  @return void
+			 */
+			'crop_complete' => function($image, $instance) {
+				
+			}
+		);
+
+		// Create new ImgPicker instance
+		new ImgPicker($options);
+
+	}
+
+}
+
+
+abstract class SlimStatus {
+    const FAILURE = 'failure';
+    const SUCCESS = 'success';
+}
+
+class Slim {
+
+    public static function getImages($inputName = 'slim') {
+
+        $values = Slim::getPostData($inputName);
+
+        // test for errors
+        if ($values === false) {
+            return false;
+        }
+
+        // determine if contains multiple input values, if is singular, put in array
+        $data = array();
+        if (!is_array($values)) {
+            $values = array($values);
+        }
+
+        // handle all posted fields
+        foreach ($values as $value) {
+            $inputValue = Slim::parseInput($value);
+            if ($inputValue) {
+                array_push($data, $inputValue);
+            }
+        }
+
+        // return the data collected from the fields
+        return $data;
+
+    }
+
+    // $value should be in JSON format
+    private static function parseInput($value) {
+
+        // if no json received, exit, don't handle empty input values.
+        if (empty($value)) {return null;}
+
+        // The data is posted as a JSON String so to be used it needs to be deserialized first
+        $data = json_decode($value);
+
+        // shortcut
+        $input = null;
+        $actions = null;
+        $output = null;
+        $meta = null;
+
+        if (isset ($data->input)) {
+            $inputData = isset($data->input->image) ? Slim::getBase64Data($data->input->image) : null;
+            $input = array(
+                'data' => $inputData,
+                'name' => $data->input->name,
+                'type' => $data->input->type,
+                'size' => $data->input->size,
+                'width' => $data->input->width,
+                'height' => $data->input->height,
+            );
+        }
+
+        if (isset($data->output)) {
+            $outputData = isset($data->output->image) ? Slim::getBase64Data($data->output->image) : null;
+            $output = array(
+                'data' => $outputData,
+                'width' => $data->output->width,
+                'height' => $data->output->height
+            );
+        }
+
+        if (isset($data->actions)) {
+            $actions = array(
+                'crop' => $data->actions->crop ? array(
+                    'x' => $data->actions->crop->x,
+                    'y' => $data->actions->crop->y,
+                    'width' => $data->actions->crop->width,
+                    'height' => $data->actions->crop->height,
+                    'type' => $data->actions->crop->type
+                ) : null,
+                'size' => $data->actions->size ? array(
+                    'width' => $data->actions->size->width,
+                    'height' => $data->actions->size->height
+                ) : null
+            );
+        }
+
+        if (isset($data->meta)) {
+            $meta = $data->meta;
+        }
+
+        // We've sanitized the base64data and will now return the clean file object
+        return array(
+            'input' => $input,
+            'output' => $output,
+            'actions' => $actions,
+            'meta' => $meta
+        );
+    }
+
+    // $path should have trailing slash
+    public static function saveFile($data, $name, $path = 'tmp/', $uid = true) {
+
+        // Add trailing slash if omitted
+        if (substr($path, -1) !== '/') {
+            $path .= '/';
+        }
+        
+        // Test if directory already exists
+        if(!is_dir($path)){
+            mkdir($path, 0755, true);
+        }
+
+        // Let's put a unique id in front of the filename so we don't accidentally overwrite older files
+        if ($uid) {
+            $name = uniqid() . '_' . $name;
+        }
+
+        // Add name to path, we need the full path including the name to save the file
+        $path = $path . $name;
+
+        // store the file
+        Slim::save($data, $path);
+
+        // return the files new name and location
+        return array(
+            'name' => $name,
+            'path' => $path
+        );
+    }
+
+    public static function outputJSON($data) {
+        header('Content-Type: application/json');
+        echo json_encode($data);
+    }
+    
+    /**
+     * Gets the posted data from the POST or FILES object. If was using Slim to upload it will be in POST (as posted with hidden field) if not enhanced with Slim it'll be in FILES.
+     * @param $inputName
+     * @return array|bool
+     */
+    private static function getPostData($inputName) {
+
+        $values = array();
+
+        if (isset($_POST[$inputName])) {
+            $values = $_POST[$inputName];
+        }
+        else if (isset($_FILES[$inputName])) {
+            // Slim was not used to upload this file
+            return false;
+        }
+
+        return $values;
+    }
+
+    /**
+     * Saves the data to a given location
+     * @param $data
+     * @param $path
+     */
+    private static function save($data, $path) {
+        file_put_contents($path, $data);
+    }
+
+    /**
+     * Strips the "data:image..." part of the base64 data string so PHP can save the string as a file
+     * @param $data
+     * @return string
+     */
+    private static function getBase64Data($data) {
+        return base64_decode(preg_replace('#^data:image/\w+;base64,#i', '', $data));
+    }
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/image.xml b/deployed/jsn/administrator/components/com_jsn/helpers/fields/image.xml
new file mode 100644
index 00000000..5af2989b
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/image.xml
@@ -0,0 +1,93 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<fieldset
+			name="image" 
+			label="COM_JSN_IMAGE_FIELDSET_LABEL"
+		>
+
+			<field
+				label="COM_JSN_IMAGE_PARAM_WIDTH"
+				name="image_width"
+				type="text"
+				filter="int"
+				default="200"
+				size="4"
+			/>
+			
+			<field
+				label="COM_JSN_IMAGE_PARAM_HEIGHT"
+				name="image_height"
+				type="text"
+				filter="int"
+				default="200"
+				size="4"
+			/>
+			
+			<field
+				label="COM_JSN_IMAGE_PARAM_THUMBWIDTH"
+				name="image_thumbwidth"
+				type="text"
+				filter="int"
+				default="75"
+				size="4"
+			/>
+			
+			<field
+				label="COM_JSN_IMAGE_PARAM_THUMBHEIGHT"
+				name="image_thumbheight"
+				type="text"
+				filter="int"
+				default="75"
+				size="4"
+			/>
+			
+			<field
+				name="image_defaultvalue"
+				label="COM_JSN_GENERAL_DEFAULTVALUE"
+				description ="COM_JSN_GENERAL_DEFAULTVALUE_DESC"
+				type="media"
+			/>
+			
+			<field
+				label="COM_JSN_IMAGE_PARAM_ALT"
+				name="image_alt"
+				type="text"
+				filter="string"
+				default=""
+			/>
+			
+			<field
+				label="COM_JSN_IMAGE_CLASS"
+				name="image_class"
+				type="text"
+				filter="string"
+				default=""
+			/>
+			
+			<field
+				name="image_cropwebcam"
+				label="COM_JSN_IMAGE_CROPWEBCAM"
+				description ="COM_JSN_IMAGE_CROPWEBCAM_DESC"
+				class="btn-group"
+				type="radio"
+				default="0"
+			>
+				<option value="0">COM_JSN_IMAGE_METHOD_INPUT</option>
+				<option value="1">COM_JSN_IMAGE_METHOD_CROPWEBCAM</option>
+				<option value="2">COM_JSN_IMAGE_METHOD_CROP</option>
+			</field>
+			
+			<field
+				label="COM_JSN_UPLOADPATH"
+				description="COM_JSN_UPLOADPATH_DESC"
+				name="image_path"
+				type="text"
+				filter="string"
+				default="images/profiler/"
+				hint="images/profiler/"
+			/>
+
+		</fieldset>
+	</fields>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/lastvisitdate.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/lastvisitdate.php
new file mode 100644
index 00000000..c670c7c0
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/lastvisitdate.php
@@ -0,0 +1,137 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnLastvisitdateFieldHelper
+{
+	public static function create($alias)
+	{
+		
+	}
+	
+	public static function delete($alias)
+	{
+		
+	}
+	
+	public static function getXml($item)
+	{
+		require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+		$xml='';
+		$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+		if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+		if(JFactory::getApplication()->isSite())
+			$xml='
+				<field
+					name="lastvisitdate"
+					type="lastvisitdate"
+					class="readonly '.$item->params->get('field_cssclass','').'"
+					label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+					description=""
+					readonly="true"
+					format="%Y-%m-%d %H:%M:%S"
+					size="22"
+					filter="user_utc"
+				/>
+			';
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		if(isset($data->lastvisitDate)) $data->lastvisitdate=$data->lastvisitDate;
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{
+		
+	}
+	
+	public static function lastvisitdate($field)
+	{
+		$value=$field->__get('value');
+		if (empty($value))
+		{
+			return JHtml::_('users.value', $value);
+		}
+		else
+		{
+			if ($value != '0000-00-00 00:00:00')
+				return JHtml::_('date', $value);
+			else
+				return JText::_('COM_JSN_NEVER');
+		}
+	}
+	
+	public static function getSearchInput($field)
+	{
+		if(JText::_('COM_JSN_STARTMONDAY')=='1') $date_weekstart=' data-date-weekstart="1"';
+		else $date_weekstart='';
+		
+		$doc=JFactory::getDocument();
+		JHtml::_('bootstrap.framework');
+		$doc->addScript(JURI::root().'components/com_jsn/assets/js/bootstrap-datepicker.js');
+		$doc->addStylesheet(JURI::root().'components/com_jsn/assets/css/datepicker.css'); 
+		$return=array();
+		$return[]='<input id="jform_'.str_replace('-','_',$field->alias).'" type="hidden" name="'.$field->alias.'" value="1" /><div class=""><div class="bsdatesearch">';
+		$return[]='<div'.$date_weekstart.' data-date-viewmode="'.$field->params->get('date_viewmode','days').'" data-date-format="'.JText::_('COM_JSN_DATE_INPUT_FORMAT').'" data-date="'.JFactory::getApplication()->input->get($field->alias.'_from','','raw').'" id="'.$field->alias.'_from" class="input-prepend date bsdate"><span class="btn btn-success"><i class="icon icon-calendar"></i></span><span class="btn btn-danger"><i class="icon icon-remove jsndateremove"></i></span><input placeholder="'.JText::_('COM_JSN_STARTDATE').'" type="text" readonly="readonly" value="'.JFactory::getApplication()->input->get($field->alias.'_from','','raw').'" name="'.$field->alias.'_from" /></div>';
+		$return[]='</div><div class="bsdatesearch">';
+		$return[]='<div'.$date_weekstart.' data-date-viewmode="'.$field->params->get('date_viewmode','days').'" data-date-format="'.JText::_('COM_JSN_DATE_INPUT_FORMAT').'" data-date="'.JFactory::getApplication()->input->get($field->alias.'_to','','raw').'" id="'.$field->alias.'_to" class="input-prepend date bsdate"><span class="btn btn-success"><i class="icon icon-calendar"></i></span><span class="btn btn-danger"><i class="icon icon-remove jsndateremove"></i></span><input placeholder="'.JText::_('COM_JSN_ENDDATE').'" type="text" readonly="readonly" value="'.JFactory::getApplication()->input->get($field->alias.'_to','','raw').'" name="'.$field->alias.'_to" /></div>';
+		$return[]='</div><div class="bsdatesearchtip"><span class="label label-default">'.JText::_('COM_JSN_CHOOSEDATEINTERVAL').'</span></div></div>';
+		static $init=0;
+		if($init==0){
+			$script='
+			var DPGlobalDates = {
+				days: ["'.JText::_("SUNDAY").'", "'.JText::_("MONDAY").'", "'.JText::_("TUESDAY").'", "'.JText::_("WEDNESDAY").'", "'.JText::_("THURSDAY").'", "'.JText::_("FRIDAY").'", "'.JText::_("SATURDAY").'", "'.JText::_("SUNDAY").'"],
+				daysShort: ["'.JText::_("SUN").'", "'.JText::_("MON").'", "'.JText::_("TUE").'", "'.JText::_("WED").'", "'.JText::_("THU").'", "'.JText::_("FRI").'", "'.JText::_("SAT").'", "'.JText::_("SUN").'"],
+				daysMin: ["'.JText::_("SUN").'", "'.JText::_("MON").'", "'.JText::_("TUE").'", "'.JText::_("WED").'", "'.JText::_("THU").'", "'.JText::_("FRI").'", "'.JText::_("SAT").'", "'.JText::_("SUN").'"],
+				months: ["'.JText::_("JANUARY").'", "'.JText::_("FEBRUARY").'", "'.JText::_("MARCH").'", "'.JText::_("APRIL").'", "'.JText::_("MAY").'", "'.JText::_("JUNE").'", "'.JText::_("JULY").'", "'.JText::_("AUGUST").'", "'.JText::_("SEPTEMBER").'", "'.JText::_("OCTOBER").'", "'.JText::_("NOVEMBER").'", "'.JText::_("DECEMBER").'"],
+				monthsShort: ["'.JText::_("JANUARY_SHORT").'", "'.JText::_("FEBRUARY_SHORT").'", "'.JText::_("MARCH_SHORT").'", "'.JText::_("APRIL_SHORT").'", "'.JText::_("MAY_SHORT").'", "'.JText::_("JUNE_SHORT").'", "'.JText::_("JULY_SHORT").'", "'.JText::_("AUGUST_SHORT").'", "'.JText::_("SEPTEMBER_SHORT").'", "'.JText::_("OCTOBER_SHORT").'", "'.JText::_("NOVEMBER_SHORT").'", "'.JText::_("DECEMBER_SHORT").'"]
+			};
+			';
+		}
+		else $script='';
+		$init=1;
+		$script.='
+		jQuery(document).ready(function($){
+			var nowTemp = new Date();
+			var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
+			$("#'.$field->alias.'_from").jsndatepicker();
+			$("#'.$field->alias.'_to").jsndatepicker();
+		
+		
+			$("#'.$field->alias.'_from .jsndateremove").click(function(){
+				//'.$field->alias.'_from.setValue(newDate);
+				$("#'.$field->alias.'_from input").val("");
+				return false;
+			});
+			$("#'.$field->alias.'_to .jsndateremove").click(function(){
+				//'.$field->alias.'_to.setValue(newDate);
+				//$("#'.$field->alias.'_to").attr("data-date","");
+				$("#'.$field->alias.'_to input").val("");
+				return false;
+			});
+		});
+		';
+		$doc->addScriptDeclaration( $script );
+		return implode('',$return);
+	}
+	
+	public static function getSearchQuery($field, &$query)
+	{
+		$date_from=new JDate(str_replace('/','-',JFactory::getApplication()->input->get($field->alias.'_from','','raw')));
+		$date_to=new JDate(str_replace('/','-',JFactory::getApplication()->input->get($field->alias.'_to','','raw')));
+		$db=JFactory::getDbo();
+		if(JFactory::getApplication()->input->get($field->alias.'_from','','raw')!='') $query->where('a.'.$db->quoteName('lastvisitDate').' > '.$db->quote($date_from->toSql()));
+		if(JFactory::getApplication()->input->get($field->alias.'_to','','raw')!='') $query->where('a.'.$db->quoteName('lastvisitDate').' < '.$db->quote($date_to->toSql()));
+	}
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/link.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/link.php
new file mode 100644
index 00000000..e42427b6
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/link.php
@@ -0,0 +1,119 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+global $_FIELDTYPES;
+$_FIELDTYPES['link']='COM_JSN_FIELDTYPE_LINK';
+
+class JsnLinkFieldHelper
+{
+	public static function create($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users ADD ".$db->quoteName($alias)." VARCHAR(255)";
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function delete($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users DROP COLUMN ".$db->quoteName($alias);
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function getXml($item)
+	{
+		require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+		$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+		if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+		$defaultvalue=($item->params->get('link_defaultvalue','')!='' ? 'default="'.JsnHelper::xmlentities($item->params->get('link_defaultvalue','')).'"' : '');
+		$maxlength=($item->params->get('link_maxlength','')!='' ? 'maxlength="'.$item->params->get('link_maxlength','').'"' : '');
+		$placeholder=($item->params->get('link_placeholder','')!='' ? 'hint="'.JsnHelper::xmlentities($item->params->get('link_placeholder','')).'"' : '');
+		$robots=$item->params->get('link_robots','');
+
+		if($item->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		elseif($item->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('view')!='registration' && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		else $readonly='';
+
+		$type='link';
+		
+		$xml='';
+		
+		$xml.='
+			
+			<field
+				name="'.$item->alias.'"
+				type="'.$type.'"
+				id="'.$item->alias.'"
+				description="'.JsnHelper::xmlentities(($item->description)).'"
+				validate="link"
+				label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+				size="30"
+				'.$defaultvalue.'
+				'.$maxlength.'
+				'.$placeholder.'
+				'.$readonly.'
+				class="'.$item->params->get('field_cssclass','').'"
+				rel="'.$robots.'"
+				required="'.($item->required ? ($item->required==2 ? 'admin' : 'frontend' ) : 'false' ).'"
+			/>
+		';
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		$alias=$field->alias;
+		if(isset($user->$alias)) $data->$alias=$user->$alias;
+		if(isset($user->$alias) && $data->$alias=='http://') $data->$alias='';
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{
+		//if($field->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) return;
+		//if($field->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('task')=='profile.save' && JFactory::getApplication()->isSite()) return;
+		$alias=$field->alias;
+		if(isset($data[$alias])){
+			if(substr(trim($data[$alias]), 0, 4)=='http') $storeData[$alias]=$data[$alias];
+			else $storeData[$alias]='http://'.$data[$alias];
+		}
+		if($storeData[$alias]=='http://') $storeData[$alias]='';
+	}
+	
+	public static function link($field)
+	{	
+		$value=$field->__get('value');
+		if (empty($value))
+		{
+			return JHtml::_('users.value', $value);
+		}
+		else
+		{
+			return $field->getLink();
+		}
+	}
+	
+	public static function getSearchInput($field)
+	{
+		$return='<input id="jform_'.str_replace('-','_',$field->alias).'" type="text" placeholder="'.JText::_('COM_JSN_SEARCHFOR').' '.JText::_($field->title).'..." name="'.$field->alias.'" value="'.JFactory::getApplication()->input->get($field->alias,'','raw').'"/>';
+		return $return;
+	}
+	
+	public static function getSearchQuery($field, &$query)
+	{
+		$db=JFactory::getDbo();
+		$query->where('b.'.$db->quoteName($field->alias).' LIKE '.$db->quote('%'.JFactory::getApplication()->input->get($field->alias,null,'raw').'%'));
+	}
+		
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/link.xml b/deployed/jsn/administrator/components/com_jsn/helpers/fields/link.xml
new file mode 100644
index 00000000..768f2643
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/link.xml
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<fieldset
+			name="link" 
+			label="COM_JSN_LINK_FIELDSET_LABEL"
+		>
+
+			<field
+				name="link_defaultvalue"
+				label="COM_JSN_GENERAL_DEFAULTVALUE"
+				description ="COM_JSN_GENERAL_DEFAULTVALUE_DESC"
+				type="text"
+			/>
+			
+			<field
+				name="link_placeholder"
+				label="COM_JSN_GENERAL_PLACEHOLDER"
+				description ="COM_JSN_GENERAL_PLACEHOLDER_DESC"
+				type="text"
+			/>
+			
+			<field
+				name="link_maxlength"
+				label="COM_JSN_TEXT_MAXLENGTH"
+				description ="COM_JSN_TEXT_MAXLENGTH_DESC"
+				type="text"
+				filter="int"
+				default="255"
+			/>
+			<field name="link_robots"
+			type="list"
+			label="JFIELD_METADATA_ROBOTS_LABEL"
+			description="JFIELD_METADATA_ROBOTS_DESC"
+		>
+			<option value="">JNONE</option>
+			<option value="index, follow">JGLOBAL_INDEX_FOLLOW</option>
+			<option value="noindex, follow">JGLOBAL_NOINDEX_FOLLOW</option>
+			<option value="index, nofollow">JGLOBAL_INDEX_NOFOLLOW</option>
+			<option value="noindex, nofollow">JGLOBAL_NOINDEX_NOFOLLOW</option>
+		</field>
+
+		</fieldset>
+	</fields>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/numeric.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/numeric.php
new file mode 100644
index 00000000..1f2f1533
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/numeric.php
@@ -0,0 +1,115 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+global $_FIELDTYPES;
+$_FIELDTYPES['numeric']='COM_JSN_FIELDTYPE_NUMERIC';
+
+class JsnNumericFieldHelper
+{
+	public static function create($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users ADD ".$db->quoteName($alias)." INTEGER";
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function delete($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users DROP COLUMN ".$db->quoteName($alias);
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function getXml($item)
+	{
+		require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+		$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+		if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+		$defaultvalue=($item->params->get('numeric_defaultvalue','')!='' ? 'default="'.$item->params->get('numeric_defaultvalue','').'"' : '');
+
+		if($item->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		elseif($item->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('view')!='registration' && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		else $readonly='';
+		
+		$max='max="'.$item->params->get('numeric_max',999999).'"';
+		$min='min="'.$item->params->get('numeric_min',0).'"';
+		$step='step="'.$item->params->get('numeric_step',1).'"';
+
+		if(isset($_SERVER['HTTP_USER_AGENT'])) $agent = $_SERVER['HTTP_USER_AGENT']; else $agent='';
+		if(strlen(strstr($agent,"Firefox")) > 0 ) $type='text';
+		else $type='numeric';
+		
+		$xml='';
+		
+		$xml.='
+			
+			<field
+				name="'.$item->alias.'"
+				type="'.$type.'"
+				id="'.$item->alias.'"
+				description="'.JsnHelper::xmlentities(($item->description)).'"
+				label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+				size="30"
+				'.$defaultvalue.'
+				'.$max.'
+				'.$min.'
+				'.$step.'
+				'.$readonly.'
+				class="'.$item->params->get('field_cssclass','').'"
+				required="'.($item->required ? ($item->required==2 ? 'admin' : 'frontend' ) : 'false' ).'"
+				validate="numeric"
+			/>
+		';
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		$alias=$field->alias;
+		if(isset($user->$alias)) $data->$alias=$user->$alias;
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{
+		//if($field->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) return;
+		//if($field->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('task')=='profile.save' && JFactory::getApplication()->isSite()) return;
+		$alias=$field->alias;
+		if(isset($data[$alias])) $storeData[$alias]=$data[$alias];
+	}
+	
+	public static function getSearchInput($field)
+	{
+		$max='max="'.$field->params->get('numeric_max',999999).'"';
+		$min='min="'.$field->params->get('numeric_min',0).'"';
+		$step='step="'.$field->params->get('numeric_step',1).'"';
+		
+		$return=array();
+		$return[]='<input id="jform_'.str_replace('-','_',$field->alias).'" type="hidden" name="'.$field->alias.'" value="1" /><div class=""><div class="numericsearch">';		
+		$return[]='<input type="number" placeholder="'.JText::_('COM_JSN_STARTNUMERIC').'" '.$min.$max.$step.'name="'.$field->alias.'_from" value="'.JFactory::getApplication()->input->get($field->alias.'_from','','raw').'"/>';
+		$return[]='</div> <div class="numericsearch">';
+		$return[]='<input type="number" placeholder="'.JText::_('COM_JSN_ENDNUMERIC').'" '.$min.$max.$step.'name="'.$field->alias.'_to" value="'.JFactory::getApplication()->input->get($field->alias.'_to','','raw').'"/>';
+		$return[]='</div><div class="numericsearchtip"><span class="label label-default">'.JText::_('COM_JSN_CHOOSENUMERICINTERVAL').'</span></div></div>';
+		
+		return implode('',$return);
+	}
+	
+	public static function getSearchQuery($field, &$query)
+	{
+		$db=JFactory::getDbo();
+		if(JFactory::getApplication()->input->get($field->alias.'_from','','raw')!='') $query->where('b.'.$db->quoteName($field->alias).' >= '.$db->quote(JFactory::getApplication()->input->get($field->alias.'_from','','raw')));
+		if(JFactory::getApplication()->input->get($field->alias.'_to','','raw')!='') $query->where('b.'.$db->quoteName($field->alias).' <= '.$db->quote(JFactory::getApplication()->input->get($field->alias.'_to','','raw')));
+	}
+		
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/numeric.xml b/deployed/jsn/administrator/components/com_jsn/helpers/fields/numeric.xml
new file mode 100644
index 00000000..1c8714b8
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/numeric.xml
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<fieldset
+			name="numeric" 
+			label="COM_JSN_NUMERIC_FIELDSET_LABEL"
+		>
+
+			<field
+				name="numeric_defaultvalue"
+				label="COM_JSN_GENERAL_DEFAULTVALUE"
+				description ="COM_JSN_GENERAL_DEFAULTVALUE_DESC"
+				type="text"
+			/>
+			
+			<field
+				name="numeric_max"
+				label="COM_JSN_NUMERIC_MAX"
+				description ="COM_JSN_NUMERIC_MAX_DESC"
+				type="text"
+				filter="int"
+				default="999999"
+			/>
+			
+			<field
+				name="numeric_min"
+				label="COM_JSN_NUMERIC_MIN"
+				description ="COM_JSN_NUMERIC_MIN_DESC"
+				type="text"
+				filter="int"
+				default="0"
+			/>
+			
+			<field
+				name="numeric_step"
+				label="COM_JSN_NUMERIC_STEP"
+				description ="COM_JSN_NUMERIC_STEP_DESC"
+				type="text"
+				filter="int"
+				default="1"
+			/>
+
+		</fieldset>
+	</fields>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/password.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/password.php
new file mode 100644
index 00000000..d31fb620
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/password.php
@@ -0,0 +1,136 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnPasswordFieldHelper
+{
+	public static function create($alias)
+	{
+		
+	}
+	
+	public static function delete($alias)
+	{
+		
+	}
+	
+	public static function getXml($item)
+	{
+		$version=new JVersion();
+		$xml='';
+		if(JFactory::getApplication()->isSite())
+		{
+			$configUsers=JComponentHelper::getParams('com_users');
+			$configJsn=JComponentHelper::getParams('com_jsn');
+			if(JFactory::getApplication()->input->get('view')=='registration') $required='required="true"';
+			else $required='';
+			if($configJsn->get('passwordstrengthmeter',0)) $strengthmeter='strengthmeter="true"';
+			else $strengthmeter='';
+			$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+			if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+			$placeholder=($item->params->get('password_placeholder','')!='' ? 'hint="'.JsnHelper::xmlentities($item->params->get('password_placeholder','')).'"' : '');
+			$placeholder2=($item->params->get('password_placeholder2','')!='' ? 'hint="'.JsnHelper::xmlentities($item->params->get('password_placeholder2','')).'"' : '');
+			$xml.='
+				<field name="password1" type="passwordfull"
+					autocomplete="off"
+					class="validate-password '.$item->params->get('field_cssclass','').'"
+					description="COM_USERS_DESIRED_PASSWORD"
+					filter="raw"
+					label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+					size="30"
+					minimum_length="'.$configUsers->get('minimum_length',4).'"
+					minimum_integers="'.$configUsers->get('minimum_integers',0).'"
+					minimum_symbols="'.$configUsers->get('minimum_symbols',0).'"
+					minimum_uppercase="'.$configUsers->get('minimum_uppercase',0).'"
+					'.(($version->RELEASE=='3.0' || $version->getShortVersion()=='3.1.1' || $version->getShortVersion()=='3.1.0') ? 'field="password2" validate="equals" message="COM_USERS_PROFILE_PASSWORD1_MESSAGE"' : 'validate="password"').'
+					'.$required.'
+					'.$placeholder.'
+					'.$strengthmeter.'
+				/>
+				';
+			$config = JComponentHelper::getParams('com_jsn');
+			if($config->get('confirmuserpassword',1) || JFactory::getApplication()->input->get('layout','')=='edit')
+			{
+				$xml.='
+				<field name="password2" type="confirmpassword"
+					autocomplete="off"
+					'.(($version->RELEASE=='3.0' || $version->getShortVersion()=='3.1.1' || $version->getShortVersion()=='3.1.0') ? '' : 'field="password1" validate="equals" message="COM_USERS_PROFILE_PASSWORD1_MESSAGE"').'
+					class="validate-confirmpassword"
+					description="COM_USERS_PROFILE_PASSWORD2_DESC"
+					filter="raw"
+					label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_('COM_JSN_PROFILE_PASSWORD2_LABEL').'</span>') : 'COM_JSN_PROFILE_PASSWORD2_LABEL').'"
+					size="30"
+					'.$required.'
+					'.$placeholder2.'
+				/>
+				';
+			}
+		}
+		else{
+			$configJsn=JComponentHelper::getParams('com_jsn');
+			if($configJsn->get('passwordstrengthmeter',0)) $strengthmeter='strengthmeter="true"';
+			
+			$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+			if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+			$placeholder=($item->params->get('password_placeholder','')!='' ? 'hint="'.JsnHelper::xmlentities($item->params->get('password_placeholder','')).'"' : '');
+			$placeholder2=($item->params->get('password_placeholder2','')!='' ? 'hint="'.JsnHelper::xmlentities($item->params->get('password_placeholder2','')).'"' : '');
+			if(JFactory::getApplication()->input->get('option','')=='com_admin')
+			{
+				$password1_desc='COM_ADMIN_USER_FIELD_PASSWORD_DESC';
+				$password2_label='COM_ADMIN_USER_FIELD_PASSWORD2_LABEL';
+				$password2_desc='COM_ADMIN_USER_FIELD_PASSWORD2_DESC';
+			}
+			else {
+				$password1_desc='COM_USERS_USER_FIELD_PASSWORD_DESC';
+				$password2_label='COM_USERS_USER_FIELD_PASSWORD2_LABEL';
+				$password2_desc='COM_USERS_USER_FIELD_PASSWORD2_DESC';
+			}
+			
+			$xml.='
+				<field name="password" type="passwordfull"
+					autocomplete="off"
+					class="validate-password"
+					description="'.$password1_desc.'"
+					filter="raw"
+					validate="password"
+					label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+					size="30"
+					'.$placeholder.'
+				/>
+				
+				<field name="password2" type="confirmpassword"
+					autocomplete="off"
+					class="validate-confirmpassword"
+					description="'.$password2_desc.'"
+					filter="raw"
+					label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($password2_label).'</span>') : $password2_label).'"
+					size="30"
+					validate="equals"
+					field="password"
+					'.$placeholder2.'
+				/>
+			';
+			
+		}
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{
+		
+	}
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/password.xml b/deployed/jsn/administrator/components/com_jsn/helpers/fields/password.xml
new file mode 100644
index 00000000..3a9b558a
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/password.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<fieldset
+			name="password" 
+			label="COM_JSN_PASSWORD_FIELDSET_LABEL"
+		>
+			
+			<field
+				name="password_placeholder"
+				label="COM_JSN_GENERAL_PLACEHOLDER"
+				description ="COM_JSN_GENERAL_PLACEHOLDER_DESC"
+				type="text"
+			/>
+			
+			<field
+				name="password_placeholder2"
+				label="COM_JSN_GENERAL_PLACEHOLDER2"
+				description ="COM_JSN_GENERAL_PLACEHOLDER_DESC2"
+				type="text"
+			/>
+			
+			
+
+		</fieldset>
+	</fields>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/phone.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/phone.php
new file mode 100644
index 00000000..a9aecfb5
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/phone.php
@@ -0,0 +1,109 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+global $_FIELDTYPES;
+$_FIELDTYPES['phone']='COM_JSN_FIELDTYPE_PHONE';
+
+class JsnPhoneFieldHelper
+{
+	public static function create($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users ADD ".$db->quoteName($alias)." VARCHAR(100)";
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function delete($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users DROP COLUMN ".$db->quoteName($alias);
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function getXml($item)
+	{
+		require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+		$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+		if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+		$defaultvalue=($item->params->get('phone_defaultvalue','')!='' ? 'default="'.JsnHelper::xmlentities($item->params->get('phone_defaultvalue','')).'"' : '');
+		$placeholder=($item->params->get('phone_placeholder','')!='' ? 'hint="'.JsnHelper::xmlentities($item->params->get('phone_placeholder','')).'"' : '');
+
+		if($item->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		elseif($item->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('view')!='registration' && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		else $readonly='';
+
+		$type='phone';
+		
+		$xml='';
+		
+		$xml.='
+			
+			<field
+				name="'.$item->alias.'"
+				type="'.$type.'"
+				id="'.$item->alias.'"
+				description="'.JsnHelper::xmlentities(($item->description)).'"
+				validate="phone"
+				class="validate-phone '.$item->params->get('field_cssclass','').'"
+				label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+				size="30"
+				'.$defaultvalue.'
+				'.$placeholder.'
+				'.$readonly.'
+				required="'.($item->required ? ($item->required==2 ? 'admin' : 'frontend' ) : 'false' ).'"
+			/>
+		';
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		$alias=$field->alias;
+		if(isset($user->$alias)) $data->$alias=$user->$alias;
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{
+		//if($field->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) return;
+		//if($field->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('task')=='profile.save' && JFactory::getApplication()->isSite()) return;
+		$alias=$field->alias;
+		if(isset($data[$alias])) $storeData[$alias]=$data[$alias];
+	}
+	
+	public static function getSearchInput($field)
+	{
+		$return='<input id="jform_'.str_replace('-','_',$field->alias).'" type="text" placeholder="'.JText::_('COM_JSN_SEARCHFOR').' '.JText::_($field->title).'..." name="'.$field->alias.'" value="'.JFactory::getApplication()->input->get($field->alias,'','raw').'"/>';
+		return $return;
+	}
+	
+	public static function getSearchQuery($field, &$query)
+	{
+		$db=JFactory::getDbo();
+		$query->where('b.'.$db->quoteName($field->alias).' LIKE '.$db->quote('%'.JFactory::getApplication()->input->get($field->alias,null,'raw').'%'));
+	}
+	
+	public static function phone($field)
+	{	
+		$value=$field->__get('value');
+		if (empty($value))
+		{
+			return JHtml::_('users.value', $value);
+		}
+		else
+		{
+			return '<a href="tel:'.$value.'">'.$value.'</a>';
+		}
+	}	
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/phone.xml b/deployed/jsn/administrator/components/com_jsn/helpers/fields/phone.xml
new file mode 100644
index 00000000..528876e9
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/phone.xml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<fieldset
+			name="phone" 
+			label="COM_JSN_PHONE_FIELDSET_LABEL"
+		>
+
+			<field
+				name="phone_defaultvalue"
+				label="COM_JSN_GENERAL_DEFAULTVALUE"
+				description ="COM_JSN_GENERAL_DEFAULTVALUE_DESC"
+				type="text"
+			/>
+			
+			<field
+				name="phone_placeholder"
+				label="COM_JSN_GENERAL_PLACEHOLDER"
+				description ="COM_JSN_GENERAL_PLACEHOLDER_DESC"
+				type="text"
+			/>
+
+		</fieldset>
+	</fields>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/radiolist.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/radiolist.php
new file mode 100644
index 00000000..5c3d7831
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/radiolist.php
@@ -0,0 +1,153 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+global $_FIELDTYPES;
+$_FIELDTYPES['radiolist']='COM_JSN_FIELDTYPE_RADIO';
+
+class JsnRadiolistFieldHelper
+{
+	public static function create($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users ADD ".$db->quoteName($alias)." VARCHAR(255)";
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function delete($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users DROP COLUMN ".$db->quoteName($alias);
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function getXml($item)
+	{
+		require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+		$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+		if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+		$defaultvalue=($item->params->get('radio_defaultvalue','')!='' ? 'default="'.JsnHelper::xmlentities($item->params->get('radio_defaultvalue','')).'"' : '');
+		$inline=($item->params->get('radio_inline',0) ? 'optioninline="'.$item->params->get('radio_inline','').'"' : '');
+
+		if($item->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		elseif($item->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('view')!='registration' && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		else $readonly='';
+		
+		$options=array();
+		$optTxt=explode("\n",$item->params->get('radio_options',''));
+		foreach($optTxt as $opt)
+		{
+			$opt=explode('|',$opt);
+			if(count($opt)==1) $options[]='<option value="'.trim(JsnHelper::xmlentities($opt[0])).'">'.trim(JsnHelper::xmlentities($opt[0])).'</option>';
+			if(count($opt)==2) $options[]='<option value="'.trim(JsnHelper::xmlentities($opt[0])).'">'.trim(JsnHelper::xmlentities($opt[1])).'</option>';
+		}
+		
+		$xml='';
+		
+		$xml.='
+			
+			<field
+				name="'.$item->alias.'"
+				type="radiolist"
+				id="'.$item->alias.'"
+				description="'.JsnHelper::xmlentities(($item->description)).'"
+				label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+				'.$defaultvalue.'
+				'.$inline.'
+				'.$readonly.'
+				class="'.$item->params->get('field_cssclass','').'"
+				required="'.($item->required ? ($item->required==2 ? 'admin' : 'frontend' ) : 'false' ).'"
+			>
+			'.implode(' ',$options).'
+			</field>
+		';
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		$alias=$field->alias;
+		if(isset($user->$alias)) $data->$alias=$user->$alias;
+		//elseif($field->params->get('radio_defaultvalue','')!=''/*isset($field->params['text_defaultvalue']) && $field->params['text_defaultvalue']!=''*/) $data->$alias=$field->params->get('radio_defaultvalue','');//$field->params['text_defaultvalue'];
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{
+		//if($field->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) return;
+		//if($field->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('task')=='profile.save' && JFactory::getApplication()->isSite()) return;
+		$alias=$field->alias;
+		if(isset($data[$alias])) $storeData[$alias]=$data[$alias];
+	}
+	
+	public static function radiolist($field)
+	{
+		$value=$field->__get('value');
+		if (empty($value) && (string) $value != '0')
+		{
+			return JHtml::_('users.value', $value);
+		}
+		else
+		{
+			$options=$field->getOptions();
+			$result='';
+			foreach($options as $option)
+			{
+				if($option->value==$value) $result=JText::_($option->text);
+			}
+			return $result;
+		}
+	}
+	
+	public static function getSearchInput($field)
+	{
+		$selectedOptions=JFactory::getApplication()->input->get($field->alias,null,'raw');
+		$options=array();
+		$optTxt=explode("\n",$field->params->get('radio_options',''));
+		foreach($optTxt as $opt)
+		{
+			$opt=explode('|',$opt);
+			if(count($opt)==1) $options[]=JHtml::_('select.option', trim($opt[0]), JText::_(trim(htmlspecialchars($opt[0]))));
+			if(count($opt)==2) $options[]=JHtml::_('select.option', trim($opt[0]), JText::_(trim(htmlspecialchars($opt[1]))));
+		}
+		
+		$return=JHtml::_('select.radiolist', $options, $field->alias.'[]', null, 'value', 'text', null, $field->alias);
+		$from=array('<div','</div>','type="radio"','class="radio"','class="controls"');
+		if($field->params->get('radio_inline',0)==0) $to=array('<fieldset class="checkboxes"','</fieldset>','type="checkbox"','class="checkbox"','id="jform_'.str_replace('-','_',$field->alias).'"');
+		else  $to=array('<fieldset class="checkboxes"','</fieldset>','type="checkbox"','class="checkbox inline"','id="jform_'.str_replace('-','_',$field->alias).'"');
+		if($selectedOptions!=null)
+		{
+			foreach($selectedOptions as $selectedOption)
+			{
+				$from[]='value="'.$selectedOption.'"';
+				$to[]='value="'.$selectedOption.'" checked="checked"';
+			}
+		}
+		return str_replace($from,$to,$return);
+	}
+	
+	public static function getSearchQuery($field, &$query)
+	{
+		$options=JFactory::getApplication()->input->get($field->alias,null,'raw');
+		$db=JFactory::getDbo();
+		
+		$where='';
+		foreach($options as $option)
+		{
+			$where.='b.'.$db->quoteName($field->alias).' = '.$db->quote($option).' OR ';
+		}
+		$where=substr($where, 0,-4);
+		$query->where('('.$where.')');
+	}
+		
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/radiolist.xml b/deployed/jsn/administrator/components/com_jsn/helpers/fields/radiolist.xml
new file mode 100644
index 00000000..d401a963
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/radiolist.xml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<fieldset
+			name="radiolist" 
+			label="COM_JSN_RADIO_FIELDSET_LABEL"
+		>
+
+			<field
+				name="radio_defaultvalue"
+				label="COM_JSN_GENERAL_DEFAULTVALUE"
+				description ="COM_JSN_GENERAL_DEFAULTVALUE"
+				type="text"
+			/>
+			
+			<field
+				name="radio_options"
+				label="COM_JSN_RADIO_OPTIONS"
+				description ="COM_JSN_RADIO_OPTIONS_DESC"
+				rows="10"
+				class="span6"
+				type="textarea"
+			/>
+			
+			<field
+				name="radio_inline"
+				label="COM_JSN_OPTIONS_INLINE"
+				description ="COM_JSN_OPTIONS_INLINE_DESC"
+				class="btn-group"
+				type="radio"
+				default="0"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+
+		</fieldset>
+	</fields>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/registerdate.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/registerdate.php
new file mode 100644
index 00000000..0eb328f8
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/registerdate.php
@@ -0,0 +1,137 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnRegisterdateFieldHelper
+{
+	public static function create($alias)
+	{
+		
+	}
+	
+	public static function delete($alias)
+	{
+		
+	}
+	
+	public static function getXml($item)
+	{
+		require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+		$xml='';
+		$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+		if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+		if(JFactory::getApplication()->isSite())
+			$xml='
+				<field
+					name="registerdate"
+					type="registerdate"
+					class="readonly '.$item->params->get('field_cssclass','').'"
+					label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+					description=""
+					readonly="true"
+					format="%Y-%m-%d %H:%M:%S"
+					size="22"
+					filter="user_utc"
+				/>
+			';
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		if(isset($data->registerDate)) $data->registerdate=$data->registerDate;
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{
+		
+	}
+	
+	public static function registerdate($field)
+	{
+		$value=$field->__get('value');
+		if (empty($value))
+		{
+			return JHtml::_('users.value', $value);
+		}
+		else
+		{
+			return JHtml::_('date', $value);
+		}
+	}
+	
+	public static function getSearchInput($field)
+	{
+		if(JText::_('COM_JSN_STARTMONDAY')=='1') $date_weekstart=' data-date-weekstart="1"';
+		else $date_weekstart='';
+		
+		$doc=JFactory::getDocument();
+		JHtml::_('bootstrap.framework');
+		$doc->addScript(JURI::root().'components/com_jsn/assets/js/bootstrap-datepicker.js');
+		$doc->addStylesheet(JURI::root().'components/com_jsn/assets/css/datepicker.css'); 
+		$return=array();
+		$return[]='<input id="jform_'.str_replace('-','_',$field->alias).'" type="hidden" name="'.$field->alias.'" value="1" /><div class=""><div class="bsdatesearch">';
+		$return[]='<div'.$date_weekstart.' data-date-viewmode="'.$field->params->get('date_viewmode','days').'" data-date-format="'.JText::_('COM_JSN_DATE_INPUT_FORMAT').'" data-date="'.JFactory::getApplication()->input->get($field->alias.'_from','','raw').'" id="'.$field->alias.'_from" class="input-prepend date bsdate"><span class="btn btn-success"><i class="icon icon-calendar"></i></span><span class="btn btn-danger"><i class="icon icon-remove jsndateremove"></i></span><input placeholder="'.JText::_('COM_JSN_STARTDATE').'" type="text" readonly="readonly" value="'.JFactory::getApplication()->input->get($field->alias.'_from','','raw').'" name="'.$field->alias.'_from" /></div>';
+		$return[]='</div><div class="bsdatesearch">';
+		$return[]='<div'.$date_weekstart.' data-date-viewmode="'.$field->params->get('date_viewmode','days').'" data-date-format="'.JText::_('COM_JSN_DATE_INPUT_FORMAT').'" data-date="'.JFactory::getApplication()->input->get($field->alias.'_to','','raw').'" id="'.$field->alias.'_to" class="input-prepend date bsdate"><span class="btn btn-success"><i class="icon icon-calendar"></i></span><span class="btn btn-danger"><i class="icon icon-remove jsndateremove"></i></span><input placeholder="'.JText::_('COM_JSN_ENDDATE').'" type="text" readonly="readonly" value="'.JFactory::getApplication()->input->get($field->alias.'_to','','raw').'" name="'.$field->alias.'_to" /></div>';
+		$return[]='</div><div class="bsdatesearchtip"><span class="label label-default">'.JText::_('COM_JSN_CHOOSEDATEINTERVAL').'</span></div></div>';
+		static $init=0;
+		if($init==0){
+			$script='
+			var DPGlobalDates = {
+				days: ["'.JText::_("SUNDAY").'", "'.JText::_("MONDAY").'", "'.JText::_("TUESDAY").'", "'.JText::_("WEDNESDAY").'", "'.JText::_("THURSDAY").'", "'.JText::_("FRIDAY").'", "'.JText::_("SATURDAY").'", "'.JText::_("SUNDAY").'"],
+				daysShort: ["'.JText::_("SUN").'", "'.JText::_("MON").'", "'.JText::_("TUE").'", "'.JText::_("WED").'", "'.JText::_("THU").'", "'.JText::_("FRI").'", "'.JText::_("SAT").'", "'.JText::_("SUN").'"],
+				daysMin: ["'.JText::_("SUN").'", "'.JText::_("MON").'", "'.JText::_("TUE").'", "'.JText::_("WED").'", "'.JText::_("THU").'", "'.JText::_("FRI").'", "'.JText::_("SAT").'", "'.JText::_("SUN").'"],
+				months: ["'.JText::_("JANUARY").'", "'.JText::_("FEBRUARY").'", "'.JText::_("MARCH").'", "'.JText::_("APRIL").'", "'.JText::_("MAY").'", "'.JText::_("JUNE").'", "'.JText::_("JULY").'", "'.JText::_("AUGUST").'", "'.JText::_("SEPTEMBER").'", "'.JText::_("OCTOBER").'", "'.JText::_("NOVEMBER").'", "'.JText::_("DECEMBER").'"],
+				monthsShort: ["'.JText::_("JANUARY_SHORT").'", "'.JText::_("FEBRUARY_SHORT").'", "'.JText::_("MARCH_SHORT").'", "'.JText::_("APRIL_SHORT").'", "'.JText::_("MAY_SHORT").'", "'.JText::_("JUNE_SHORT").'", "'.JText::_("JULY_SHORT").'", "'.JText::_("AUGUST_SHORT").'", "'.JText::_("SEPTEMBER_SHORT").'", "'.JText::_("OCTOBER_SHORT").'", "'.JText::_("NOVEMBER_SHORT").'", "'.JText::_("DECEMBER_SHORT").'"]
+			};
+			';
+		}
+		else $script='';
+		$init=1;
+		$script.='
+		jQuery(document).ready(function($){
+			var nowTemp = new Date();
+			var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
+			$("#'.$field->alias.'_from").jsndatepicker();
+			$("#'.$field->alias.'_to").jsndatepicker();
+		
+		
+			$("#'.$field->alias.'_from .jsndateremove").click(function(){
+				//'.$field->alias.'_from.setValue(newDate);
+				$("#'.$field->alias.'_from input").val("");
+				return false;
+			});
+			$("#'.$field->alias.'_to .jsndateremove").click(function(){
+				//'.$field->alias.'_to.setValue(newDate);
+				//$("#'.$field->alias.'_to").attr("data-date","");
+				$("#'.$field->alias.'_to input").val("");
+				return false;
+			});
+		});
+		';
+		$doc->addScriptDeclaration( $script );
+		return implode('',$return);
+		
+	}
+	
+	public static function getSearchQuery($field, &$query)
+	{
+		$date_from=new JDate(str_replace('/','-',JFactory::getApplication()->input->get($field->alias.'_from','','raw')));
+		$date_to=new JDate(str_replace('/','-',JFactory::getApplication()->input->get($field->alias.'_to','','raw')));
+		$db=JFactory::getDbo();
+		//$from=JDate::getInstance((JFactory::getApplication()->input->get($field->alias.'_from','')=='' ? '0000-00-00' : $date_from->toSql()));
+		//$to=JDate::getInstance((JFactory::getApplication()->input->get($field->alias.'_to','')=='' ? '9999-00-00' : $date_to->toSql()));
+		if(JFactory::getApplication()->input->get($field->alias.'_from','','raw')!='') $query->where('a.'.$db->quoteName('registerDate').' > '.$db->quote($date_from->toSql()));
+		if(JFactory::getApplication()->input->get($field->alias.'_to','','raw')!='') $query->where('a.'.$db->quoteName('registerDate').' < '.$db->quote($date_to->toSql()));
+	}
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/selectlist.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/selectlist.php
new file mode 100644
index 00000000..c48622e8
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/selectlist.php
@@ -0,0 +1,405 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+global $_FIELDTYPES;
+$_FIELDTYPES['selectlist']='COM_JSN_FIELDTYPE_SELECT';
+
+class JsnSelectlistFieldHelper
+{
+	public static function create($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users ADD ".$db->quoteName($alias)." VARCHAR(255)";
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function delete($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users DROP COLUMN ".$db->quoteName($alias);
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function getXml($item)
+	{
+		require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+		$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+		if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+		$defaultvalue=($item->params->get('select_defaultvalue','')!='' ? 'default="'.JsnHelper::xmlentities($item->params->get('select_defaultvalue','')).'"' : '');//(isset($item->params['text_defaultvalue']) && $item->params['text_defaultvalue']!='' ? 'default="'.$item->params['text_defaultvalue'].'"' : '');
+		$multiple=($item->params->get('select_multiple',0) ? 'multiple="true"' : '');
+		$dbtable=($item->params->get('select_dbopttable','')=='' ? '' : 'dbopttable="'.$item->params->get('select_dbopttable','').'"');
+		$dbvalue=($item->params->get('select_dboptvalue','')=='' ? '' : 'dboptvalue="'.$item->params->get('select_dboptvalue','').'"');
+		$dbtext=($item->params->get('select_dbopttext','')=='' ? '' : 'dbopttext="'.$item->params->get('select_dbopttext','').'"');
+		$dbwhere=($item->params->get('select_dboptwhere','')=='' ? '' : 'dboptwhere="'.JsnHelper::xmlentities($item->params->get('select_dboptwhere','')).'"');
+		$dbfiltervalue=($item->params->get('select_dboptfiltervalue','')=='' ? '' : 'dboptfiltervalue="'.JsnHelper::xmlentities($item->params->get('select_dboptfiltervalue','')).'"');
+		$dbfiltercolumn=($item->params->get('select_dboptfiltercolumn','')=='' ? '' : 'dboptfiltercolumn="'.JsnHelper::xmlentities($item->params->get('select_dboptfiltercolumn','')).'"');
+		$placeholder=($item->params->get('select_placeholder','')!='' ? 'hint="'.JsnHelper::xmlentities($item->params->get('select_placeholder','')).'"' : '');
+		
+		if($item->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		elseif($item->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('view')!='registration' && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		else $readonly='';
+
+		$options=array();
+		$optTxt=explode("\n",$item->params->get('select_options',''));
+		foreach($optTxt as $opt)
+		{
+			$opt=trim($opt);
+			if($opt!=''){
+				$opt=explode('|',$opt);
+				if(count($opt)==1) $options[]='<option value="'.trim(JsnHelper::xmlentities($opt[0])).'">'.trim(JsnHelper::xmlentities($opt[0])).'</option>';
+				if(count($opt)==2) $options[]='<option value="'.trim(JsnHelper::xmlentities($opt[0])).'">'.trim(JsnHelper::xmlentities($opt[1])).'</option>';
+			}
+		}
+		
+		$xml='';
+		
+		if(!$item->params->get('select_multiple',0)) {
+			if($item->params->get('select_placeholder','')=='') $noval='<option value="">COM_JSN_NOSELECTION</option>';
+			else $noval='<option value="">'.JsnHelper::xmlentities($item->params->get('select_placeholder','')).'</option>';
+		}
+		else $noval='';
+		
+		$xml.='
+			
+			<field
+				name="'.$item->alias.'"
+				type="selectlist"
+				id="'.$item->alias.'"
+				description="'.htmlspecialchars(($item->description)).'"
+				label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : htmlspecialchars($item->title)).'"
+				'.$defaultvalue.'
+				'.$multiple.'
+				'.$dbtable.'
+				'.$dbvalue.'
+				'.$dbtext.'
+				'.$dbwhere.'
+				'.$placeholder.'
+				'.$dbfiltervalue.'
+				'.$dbfiltercolumn.'
+				'.$readonly.'
+				class="'.$item->params->get('field_cssclass','').'"
+				required="'.($item->required ? ($item->required==2 ? 'admin' : 'frontend' ) : 'false' ).'"
+			>
+			'.$noval.'
+			'.implode(' ',$options).'
+			</field>
+		';
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		//if($field->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) return;
+		//if($field->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('task')=='profile.save' && JFactory::getApplication()->isSite()) return;
+		$alias=$field->alias;
+		if(isset($user->$alias)) $data->$alias=($field->params->get('select_multiple',0) ? json_decode($user->$alias) : $user->$alias);
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{
+		$alias=$field->alias;
+		if(isset($data[$alias])) $storeData[$alias]=($field->params->get('select_multiple',0) ? json_encode($data[$alias]) : $data[$alias]);
+		elseif(JFactory::getApplication()->input->get('jform_'.$alias,null,'raw')) $storeData[$alias]='';
+	}
+	
+	public static function selectlist($field)
+	{
+		$value=$field->__get('value');
+		if (empty($value) && (string) $value != '0')
+		{
+			return JHtml::_('users.value', $value);
+		}
+		else
+		{
+			$options=$field->getOptions();
+			if(is_array($value))
+			{
+				$result=array();
+				foreach($options as $option)
+				{
+					if(in_array($option->value,$value)) $result[]=JText::_($option->text);
+				}
+				return implode(', ',$result);
+			}
+			else
+			{
+				$result='';
+				foreach($options as $option)
+				{
+					if($option->value==$value) $result=JText::_($option->text);
+				}
+				return $result;
+			}
+		}
+	}
+	
+	public static function getSearchInput($field)
+	{
+		JHtml::_('formbehavior.chosen', 'select');
+		$script = '';
+		$selectedOptions=JFactory::getApplication()->input->get($field->alias,null,'raw');
+		$options=array();
+		$optTxt=explode("\n",$field->params->get('select_options',''));
+		//if(!$field->params->get('select_multiple',0)) $options[]=JHtml::_('select.option', '', JText::_('COM_JSN_NOSELECTION'));
+		foreach($optTxt as $opt)
+		{
+			$opt=trim($opt);
+			if($opt!=''){
+				$opt=explode('|',$opt);
+				if(count($opt)==1) $options[]=JHtml::_('select.option', trim($opt[0]), JText::_(trim(htmlspecialchars($opt[0]))));
+				if(count($opt)==2) $options[]=JHtml::_('select.option', trim($opt[0]), JText::_(trim(htmlspecialchars($opt[1]))));
+			}
+		}
+		
+		$dbOptTable=$field->params->get('select_dbopttable','');
+		$dbOptValue=$field->params->get('select_dboptvalue','');
+		$dbOptText=$field->params->get('select_dbopttext','');
+		$dbOptWhere=$field->params->get('select_dboptwhere','');
+		$dbOptFilterColumn=$field->params->get('select_dboptfiltercolumn','');
+		$dbOptFilterValue=$field->params->get('select_dboptfiltervalue','');
+		if(!empty($dbOptTable) && !empty($dbOptValue) && !empty($dbOptText)) // set the alias of your field (width this conditions the select type work normally for all field except for this field)
+		{	
+			$db		= JFactory::getDbo();
+			$query = $db->getQuery(true);
+			$query->select($dbOptValue.' AS value, '.$dbOptText.' AS text')->from($dbOptTable);
+			
+			if(!empty($dbOptWhere)) $query->where($dbOptWhere);
+
+			
+			if(!empty($dbOptFilterColumn) && !empty($dbOptFilterValue))
+			{
+				$script = JsnSelectlistFieldHelper::getAjaxScript($dbOptFilterValue,$field->alias,'jform_',true);
+				$optionParent=JFactory::getApplication()->input->get($dbOptFilterValue,'','raw');
+				if(empty($optionParent))
+				{
+					$query->where('FALSE');
+				}
+				elseif(is_array($optionParent))
+				{
+					$value=$optionParent;
+					foreach($value as &$val)
+						$val=$db->quote($val);
+					$value=implode(',',$value);
+					$query->where($dbOptFilterColumn.' IN ('.$value.')');
+				}
+				else{
+					$query->where($dbOptFilterColumn.' = '.$db->quote($optionParent));
+				}
+			}
+			
+			$query->order('text');
+			
+			$db->setQuery($query);
+
+			try
+			{
+				$dbOptions = $db->loadObjectList();
+				foreach($dbOptions as $option)
+				{
+					$options[]=JHtml::_('select.option', trim($option->value), JText::_(trim(htmlspecialchars($option->text))));
+				}
+			}
+			catch (RuntimeException $e)
+			{
+			}
+			
+			
+		}
+		
+		$from=array();
+		$to=array();
+		//if($field->params->get('select_multiple',0))
+		//{
+			$return=JHtml::_('select.genericlist', $options, $field->alias.'[]', 'multiple="multiple"', 'value', 'text', null, 'jform_'.str_replace('-','_',$field->alias));
+			
+			if($selectedOptions!=null)
+			{
+				foreach($selectedOptions as $selectedOption)
+				{
+					$from[]='value="'.$selectedOption.'"';
+					$to[]='value="'.$selectedOption.'" selected="selected"';
+				}
+			}
+		/*}
+		else
+		{
+			$return=JHtml::_('select.genericlist', $options, $field->alias, null, 'value', 'text', null, 'jform_'.str_replace('-','_',$field->alias));
+			$from[]='value="'.$selectedOptions.'"';
+			$to[]='value="'.$selectedOptions.'" selected="selected"';
+		}*/
+		
+		return str_replace($from,$to,$return).$script;
+	}
+	
+	public static function getSearchQuery($field, &$query)
+	{
+		$option=JFactory::getApplication()->input->get($field->alias,null,'raw');
+		$db=JFactory::getDbo();
+		//if($field->params->get('select_multiple',0))
+		//{
+			$where='';
+			foreach($option as $opt)
+			{
+				$where.='b.'.$db->quoteName($field->alias).' LIKE '.$db->quote('%"'.$opt.'"%').' OR '.'b.'.$db->quoteName($field->alias).' = '.$db->quote($opt).' OR ';
+			}
+			$where=substr($where, 0,-4);
+			$query->where('('.$where.')');
+		/*}
+		else
+		{
+			$query->where('b.'.$db->quoteName($field->alias).' = '.$db->quote($option));
+		}*/
+		
+	}
+
+	public static function operations()
+	{
+		JFactory::getConfig()->set('gzip',false);
+		$db=JFactory::getDbo();
+		$query=$db->getQuery(true);
+		$field=JFactory::getApplication()->input->get('field','','raw');
+		$value=JFactory::getApplication()->input->get('value','','raw');
+		$multi=(int) JFactory::getApplication()->input->get('multi',0,'raw');
+		$query->select('params')->from('#__jsn_fields')->where('alias='.$db->quote($field));
+		$params = new JRegistry;
+		$db->setQuery($query);
+		$params->loadString($db->loadResult());
+
+		JHtml::_('formbehavior.chosen', 'select');
+		$options=array();
+		$optTxt=explode("\n",$params->get('select_options',''));
+		if(!$params->get('select_multiple',0) && !$multi) $options[]=JHtml::_('select.option', '', JText::_('COM_JSN_NOSELECTION'));
+		foreach($optTxt as $opt)
+		{
+			$opt=trim($opt);
+			if($opt!=''){
+				$opt=explode('|',$opt);
+				if(count($opt)==1) $options[]=JHtml::_('select.option', trim($opt[0]), JText::_(trim(htmlspecialchars($opt[0]))));
+				if(count($opt)==2) $options[]=JHtml::_('select.option', trim($opt[0]), JText::_(trim(htmlspecialchars($opt[1]))));
+			}
+		}
+		
+		$dbOptTable=$params->get('select_dbopttable','');
+		$dbOptValue=$params->get('select_dboptvalue','');
+		$dbOptText=$params->get('select_dbopttext','');
+		$dbOptWhere=$params->get('select_dboptwhere','');
+		if(!empty($value) && !empty($dbOptTable) && !empty($dbOptValue) && !empty($dbOptText)) // set the alias of your field (width this conditions the select type work normally for all field except for this field)
+		{	
+			$db		= JFactory::getDbo();
+			$query = $db->getQuery(true);
+			$query->select($dbOptValue.' AS value, '.$dbOptText.' AS text')->from($dbOptTable);
+			
+			if(!empty($dbOptWhere)) $query->where($dbOptWhere);
+			
+			$select_dboptfiltercolumn=$params->get('select_dboptfiltercolumn','');
+			if(!empty($select_dboptfiltercolumn) && !empty($value))
+			{
+				$value = explode(',', $value);
+
+				$filter_value = array();
+				foreach($value as $v)
+					$filter_value[] = $db->quote($v);
+
+				$where=$db->quoteName($params->get('select_dboptfiltercolumn','')).' IN ('.implode(',',$filter_value).')';
+				
+				$query->where($where);
+			}
+
+			$query->order('text');
+			
+			$db->setQuery($query);
+
+			try
+			{
+				$dbOptions = $db->loadObjectList();
+				foreach($dbOptions as $option)
+				{
+					$options[]=JHtml::_('select.option', trim($option->value), JText::_(trim(htmlspecialchars($option->text))));
+				}
+			}
+			catch (RuntimeException $e)
+			{
+			}
+			
+			
+		}
+		
+		echo json_encode($options);
+
+		
+	}
+
+	public static function getAjaxScript($parentField,$thisField,$prefix='jform_',$force_multiple = false)
+	{	$rand=rand(0,10000);
+		if($force_multiple) $multi = '&multi=1';
+		else $multi = '&multi=0';
+		$script='<script>
+		jQuery(window).load(function(){
+			form'.$rand.'=jQuery("#'.$prefix.$parentField.'").closest("form");
+			field'.$rand.'=form'.$rand.'.find("#'.$prefix.$thisField.'").get(0);
+			value'.$rand.'=jQuery(field'.$rand.').val();
+			if(jQuery("#'.$prefix.$parentField.'").val()!="")
+			{
+				jQuery(field'.$rand.').attr("disabled","disabled");
+				jQuery(field'.$rand.').trigger("liszt:updated.chosen");
+				jQuery.ajax({
+				    url:"'.JURI::base().'index.php?option=com_jsn&view=opField'.$multi.'&type=selectlist&field='.$thisField.'&value="+jQuery("#'.$prefix.$parentField.'").val()+"&format=raw",
+				    type:"GET",
+				    data: "",
+				    dataType: "json",
+				    success: function( json ) {
+				    	jQuery(field'.$rand.').find("option").remove();
+				        jQuery.each(json, function(i, k) {
+				        		jQuery(field'.$rand.').append(jQuery("<option>").text(k.text).attr("value", k.value));     
+				        });
+						jQuery(field'.$rand.').val(value'.$rand.');
+						jQuery(field'.$rand.').removeAttr("disabled");
+						jQuery(field'.$rand.').trigger("liszt:updated.chosen");
+				    }
+				});
+			}
+
+
+			jQuery("#'.$prefix.$parentField.'").change(function(){
+				form=jQuery(this).closest("form");
+				field=form.find("#'.$prefix.$thisField.'").get(0);
+				value=jQuery(field).val();
+				jQuery(field).attr("disabled","disabled");
+				jQuery(field).trigger("liszt:updated.chosen");
+				jQuery.ajax({
+				    url:"'.JURI::base().'index.php?option=com_jsn&view=opField'.$multi.'&type=selectlist&field='.$thisField.'&value="+jQuery(this).val()+"&format=raw",
+				    type:"GET",
+				    data: "",
+				    dataType: "json",
+				    success: function( json ) {
+				    	jQuery(field).find("option").remove();
+				        jQuery.each(json, function(i, k) {
+				        		jQuery(field).append(jQuery("<option>").text(k.text).attr("value", k.value));     
+				        });
+						jQuery(field).val("");
+						jQuery(field).removeAttr("disabled");
+						jQuery(field).trigger("liszt:updated.chosen");
+						jQuery(field).change();
+				    }
+				});
+
+			});
+		});
+		</script>
+		';
+		return $script;
+	}
+		
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/selectlist.xml b/deployed/jsn/administrator/components/com_jsn/helpers/fields/selectlist.xml
new file mode 100644
index 00000000..01e8c99b
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/selectlist.xml
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<fieldset
+			name="selectlist" 
+			label="COM_JSN_SELECT_FIELDSET_LABEL"
+		>
+
+			<field
+				name="select_defaultvalue"
+				label="COM_JSN_GENERAL_DEFAULTVALUE"
+				description ="COM_JSN_GENERAL_DEFAULTVALUE"
+				type="text"
+			/>
+			
+			<field
+				name="select_placeholder"
+				label="COM_JSN_GENERAL_PLACEHOLDER"
+				description ="COM_JSN_GENERAL_PLACEHOLDER_DESC"
+				type="text"
+			/>
+			
+			<field
+				name="select_options"
+				label="COM_JSN_CHECKBOX_OPTIONS"
+				description ="COM_JSN_CHECKBOX_OPTIONS_DESC"
+				rows="10"
+				class="span6"
+				type="textarea"
+			/>
+			
+			<field
+				name="select_multiple"
+				label="COM_JSN_OPTIONS_MULTIPLE"
+				description ="COM_JSN_OPTIONS_MULTIPLE_DESC"
+				class="btn-group"
+				type="radio"
+				default="0"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			
+			<field name="spacer_select1" label="COM_JSN_SELECT_DBDESC" type="spacer" />
+			
+			<field
+				name="select_dbopttable"
+				label="COM_JSN_SELECT_DBTABLE"
+				description ="COM_JSN_SELECT_DBTABLE_DESC"
+				type="text"
+				hint="#__content"
+				filter="raw"
+			/>
+			<field
+				name="select_dboptvalue"
+				label="COM_JSN_SELECT_DBVALUE"
+				description ="COM_JSN_SELECT_DBVALUE_DESC"
+				type="text"
+				hint="id"
+				filter="raw"
+			/>
+			<field
+				name="select_dbopttext"
+				label="COM_JSN_SELECT_DBTEXT"
+				description ="COM_JSN_SELECT_DBTEXT_DESC"
+				type="text"
+				hint="title"
+				filter="raw"
+			/>
+			<field
+				name="select_dboptwhere"
+				label="COM_JSN_SELECT_DBWHERE"
+				description ="COM_JSN_SELECT_DBWHERE_DESC"
+				type="text"
+				hint="state=1"
+				filter="raw"
+			/>
+			<field
+				name="select_dboptfiltervalue"
+				label="COM_JSN_SELECT_DBFILTERVALUE"
+				description ="COM_JSN_SELECT_DBFILTERVALUE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				field_id="alias"
+				multiple="false"
+				default="0"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+			</field>
+			<field
+				name="select_dboptfiltercolumn"
+				label="COM_JSN_SELECT_DBFILTERCOLUMN"
+				description ="COM_JSN_SELECT_DBFILTERCOLUMN_DESC"
+				type="text"
+				hint="catid"
+				filter="raw"
+				default=""
+			/>
+			
+
+		</fieldset>
+	</fields>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/text.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/text.php
new file mode 100644
index 00000000..8e8316f4
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/text.php
@@ -0,0 +1,118 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+global $_FIELDTYPES;
+$_FIELDTYPES['text']='COM_JSN_FIELDTYPE_TEXT';
+
+class JsnTextFieldHelper
+{
+	public static function create($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users ADD ".$db->quoteName($alias)." VARCHAR(255)";
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function delete($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users DROP COLUMN ".$db->quoteName($alias);
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function getXml($item)
+	{
+		require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+		$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+		if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+		$defaultvalue=($item->params->get('text_defaultvalue','')!='' ? 'default="'.JsnHelper::xmlentities($item->params->get('text_defaultvalue','')).'"' : '');
+		$maxlength=($item->params->get('text_maxlength','')!='' ? 'maxlength="'.$item->params->get('text_maxlength','').'"' : '');
+		$placeholder=($item->params->get('text_placeholder','')!='' ? 'hint="'.JsnHelper::xmlentities($item->params->get('text_placeholder','')).'"' : '');
+		if($item->params->get('text_regex','')!='custom') $regex=($item->params->get('text_regex','')!='' ? 'class="validate-pattern '.$item->params->get('field_cssclass','').'" validate="regex" pattern="'.$item->params->get('text_regex','').'"' : 'class="'.$item->params->get('field_cssclass','').'"');
+		else $regex='class="validate-pattern '.$item->params->get('field_cssclass','').'" validate="regex" pattern="'.$item->params->get('text_customregex','').'"';
+		
+		if($item->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		elseif($item->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('view')!='registration' && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		else $readonly='';
+		
+		
+		$type='textfull';
+		
+		$xml='';
+		
+		$xml.='
+			
+			<field
+				name="'.$item->alias.'"
+				type="'.$type.'"
+				id="'.$item->alias.'"
+				label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+				description="'.JsnHelper::xmlentities(($item->description)).'"
+				size="30"
+				'.$defaultvalue.'
+				'.$maxlength.'
+				'.$placeholder.'
+				'.$regex.'
+				'.$readonly.'
+				required="'.($item->required ? ($item->required==2 ? 'admin' : 'frontend' ) : 'false' ).'"
+				message-regex="'.JsnHelper::xmlentities($item->params->get('text_messageregex','')).'"
+			/>
+		';
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		$alias=$field->alias;
+		if(isset($user->$alias)) $data->$alias=$user->$alias;
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{
+		//if($field->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) return;
+		//if($field->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('task')=='profile.save' && JFactory::getApplication()->isSite()) return;
+		$alias=$field->alias;
+		if(isset($data[$alias])) $storeData[$alias]=$data[$alias];
+	}
+	
+	public static function getSearchInput($field)
+	{
+		$return='<input id="jform_'.str_replace('-','_',$field->alias).'" type="text" placeholder="'.JText::_('COM_JSN_SEARCHFOR').' '.JText::_($field->title).'..." name="'.$field->alias.'" value="'.JFactory::getApplication()->input->get($field->alias,'','raw').'"/>';
+		return $return;
+	}
+	
+	public static function getSearchQuery($field, &$query)
+	{
+		$db=JFactory::getDbo();
+		if($field->params->get('text_searchmode','like')=='like') $query->where('b.'.$db->quoteName($field->alias).' LIKE '.$db->quote('%'.JFactory::getApplication()->input->get($field->alias,null,'raw').'%'));
+		else $query->where('LOWER(b.'.$db->quoteName($field->alias).') = LOWER('.$db->quote(JFactory::getApplication()->input->get($field->alias,null,'raw')).')');
+	}
+
+	public static function editScript()
+	{
+		return '<script>jQuery(document).ready(function(){
+			function text_show(){
+				var val = jQuery("#jform_params_text_regex").val();
+				if(val == "custom") jQuery("#jform_params_text_customregex").closest(".control-group").show();
+				else jQuery("#jform_params_text_customregex").closest(".control-group").hide();
+				if(val.length) jQuery("#jform_params_text_messageregex").closest(".control-group").show();
+				else jQuery("#jform_params_text_messageregex").closest(".control-group").hide();
+			}
+			jQuery("#jform_params_text_regex").change(text_show);
+			text_show();
+		});</script>';
+	}
+		
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/text.xml b/deployed/jsn/administrator/components/com_jsn/helpers/fields/text.xml
new file mode 100644
index 00000000..4a2a245b
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/text.xml
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<fieldset
+			name="text" 
+			label="COM_JSN_TEXT_FIELDSET_LABEL"
+		>
+
+			<field
+				name="text_defaultvalue"
+				label="COM_JSN_GENERAL_DEFAULTVALUE"
+				description ="COM_JSN_GENERAL_DEFAULTVALUE_DESC"
+				type="text"
+			/>
+			
+			<field
+				name="text_placeholder"
+				label="COM_JSN_GENERAL_PLACEHOLDER"
+				description ="COM_JSN_GENERAL_PLACEHOLDER_DESC"
+				type="text"
+			/>
+			
+			<field
+				name="text_maxlength"
+				label="COM_JSN_TEXT_MAXLENGTH"
+				description ="COM_JSN_TEXT_MAXLENGTH_DESC"
+				type="text"
+				filter="int"
+				default="255"
+			/>
+			
+			<field
+				name="text_regex"
+				label="COM_JSN_TEXT_REGEX"
+				description ="COM_JSN_TEXT_REGEX_DESC"
+				type="list"
+			>
+				<option value="">JNO</option>
+				<option value="[0-9]+">COM_JSN_TEXT_REGEX_INTEGER</option>
+				<option value="[0-9]{5}">COM_JSN_TEXT_REGEX_ZIPCODE</option>
+				<option value="[0-9]+[,]*[0-9]*">COM_JSN_TEXT_REGEX_DECIMAL</option>
+				<option value="custom">COM_JSN_TEXT_REGEX_CUSTOM</option>
+			</field>
+			
+			<field
+				name="text_customregex"
+				label="COM_JSN_TEXT_CUSTOMREGEX"
+				description ="COM_JSN_TEXT_CUSTOMREGEX_DESC"
+				type="text"
+				filter="raw"
+				default=""
+			/>
+
+			<field
+				name="text_messageregex"
+				label="COM_JSN_TEXT_MESSAGEREGEX"
+				description ="COM_JSN_TEXT_MESSAGEREGEX_DESC"
+				type="text"
+				filter="raw"
+				default="Error"
+			/>
+
+			<field
+				name="text_searchmode"
+				label="COM_JSN_TEXT_SEARCHMODE"
+				description ="COM_JSN_TEXT_SEARCHMODE_DESC"
+				type="list"
+				default="like"
+			>
+				<option value="like">COM_JSN_TEXT_SEARCHMODE_LIKE</option>
+				<option value="equal">COM_JSN_TEXT_SEARCHMODE_EQUAL</option>
+			</field>
+
+		</fieldset>
+	</fields>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/textarea.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/textarea.php
new file mode 100644
index 00000000..016f94a9
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/textarea.php
@@ -0,0 +1,118 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+global $_FIELDTYPES;
+$_FIELDTYPES['textarea']='COM_JSN_FIELDTYPE_TEXTAREA';
+
+class JsnTextareaFieldHelper
+{
+	public static function create($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users ADD ".$db->quoteName($alias)." TEXT";
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function delete($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users DROP COLUMN ".$db->quoteName($alias);
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function getXml($item)
+	{
+		require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+		$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+		if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+		$defaultvalue=($item->params->get('textarea_defaultvalue','')!='' ? 'default="'.JsnHelper::xmlentities($item->params->get('textarea_defaultvalue','')).'"' : '');
+		$maxlength=($item->params->get('textarea_maxlength','')!='' ? 'maxlength="'.$item->params->get('textarea_maxlength','').'"' : '');
+		$type=$item->params->get('textarea_type','textarea');
+		$placeholder=($item->params->get('textarea_placeholder','')!='' ? 'hint="'.JsnHelper::xmlentities($item->params->get('textarea_placeholder','')).'"' : '');
+		if($type=='textarea') $filter='filter="raw"'; 
+		else $filter='filter="raw"';
+
+		if($item->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		elseif($item->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('view')!='registration' && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		else $readonly='';
+		
+		if(JFactory::getApplication()->input->get('option')=='com_jsn') $type='textarea';
+		
+		$xml='';
+		
+		$xml.='
+			
+			<field
+				name="'.$item->alias.'"
+				type="'.$type.'"
+				id="'.$item->alias.'"
+				origintype="'.$item->params->get('textarea_type','textarea').'"
+				description="'.JsnHelper::xmlentities(($item->description)).'"
+				label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+				'.$filter.'
+				'.$defaultvalue.'
+				'.$maxlength.'
+				'.$placeholder.'
+				'.$readonly.'
+				class="'.$item->params->get('field_cssclass','').'"
+				required="'.($item->required ? ($item->required==2 ? 'admin' : 'frontend' ) : 'false' ).'"
+			/>
+		';
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		$alias=$field->alias;
+		if(isset($user->$alias)) $data->$alias=$user->$alias;
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{
+		//if($field->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) return;
+		//if($field->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('task')=='profile.save' && JFactory::getApplication()->isSite()) return;	
+		$alias=$field->alias;
+		if(isset($data[$alias])) $storeData[$alias]=$data[$alias];
+	}
+	
+	public static function getSearchInput($field)
+	{
+		$return='<input id="jform_'.str_replace('-','_',$field->alias).'" type="text" placeholder="'.JText::_('COM_JSN_SEARCHFOR').' '.JText::_($field->title).'..." name="'.$field->alias.'" value="'.JFactory::getApplication()->input->get($field->alias,'','raw').'"/>';
+		return $return;
+	}
+	
+	public static function getSearchQuery($field, &$query)
+	{
+		$db=JFactory::getDbo();
+		$query->where('b.'.$db->quoteName($field->alias).' LIKE '.$db->quote('%'.JFactory::getApplication()->input->get($field->alias,null,'raw').'%'));
+	}
+	
+	public static function textarea($field)
+	{
+		$value=$field->__get('value');
+		if (empty($value))
+		{
+			return JHtml::_('users.value', $value);
+		}
+		else
+		{
+			//if(JText::_(strip_tags($value)) != strip_tags($value)) $value=JText::_(strip_tags($value));
+			if(substr_count($value,'<p>')==1 && substr_count($value,' ')==0) $text=JText::_(strip_tags($value));
+			if(method_exists($field,'getAttribute') && $field->getAttribute('origintype')=='textarea') return str_replace("\n","<br />",htmlspecialchars($value));
+			else return $value;
+		}
+	}
+		
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/textarea.xml b/deployed/jsn/administrator/components/com_jsn/helpers/fields/textarea.xml
new file mode 100644
index 00000000..6a1605e0
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/textarea.xml
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<fieldset
+			name="textarea" 
+			label="COM_JSN_TEXTAREA_FIELDSET_LABEL"
+		>
+
+			<field
+				name="textarea_defaultvalue"
+				label="COM_JSN_GENERAL_DEFAULTVALUE"
+				description ="COM_JSN_GENERAL_DEFAULTVALUE_DESC"
+				type="textarea"
+			/>
+
+			<field
+				name="textarea_placeholder"
+				label="COM_JSN_GENERAL_PLACEHOLDER"
+				description ="COM_JSN_GENERAL_PLACEHOLDER_DESC"
+				type="text"
+			/>
+
+			<field
+				name="textarea_maxlength"
+				label="COM_JSN_TEXT_MAXLENGTH"
+				description ="COM_JSN_TEXT_MAXLENGTH_DESC"
+				type="text"
+				default=""
+			/>
+			
+			<field
+				name="textarea_type"
+				label="COM_JSN_TEXTAREA_TYPE"
+				description ="COM_JSN_TEXTAREA_TYPE_DESC"
+				type="list"
+				default="textarea"
+			>
+				<option value="textarea">COM_JSN_TEXTAREA_TYPE_TEXTAREA</option>
+				<option value="editor">COM_JSN_TEXTAREA_TYPE_EDITOR</option>
+			</field>
+
+		</fieldset>
+	</fields>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/usermail.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/usermail.php
new file mode 100644
index 00000000..e3a1044d
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/usermail.php
@@ -0,0 +1,131 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnUsermailFieldHelper
+{
+	public static function create($alias)
+	{
+		
+	}
+	
+	public static function delete($alias)
+	{
+		
+	}
+	
+	public static function getXml($item)
+	{
+		$xml='';
+		if(JFactory::getApplication()->isSite())
+		{
+			require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+			$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+			if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+			$placeholder=($item->params->get('usermail_placeholder','')!='' ? 'hint="'.JsnHelper::xmlentities($item->params->get('usermail_placeholder','')).'"' : '');
+			$placeholder2=($item->params->get('usermail_placeholder2','')!='' ? 'hint="'.JsnHelper::xmlentities($item->params->get('usermail_placeholder2','')).'"' : '');
+
+			if($item->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+			elseif($item->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('view')!='registration' && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+			else $readonly='';
+
+			$xml.='
+				<field name="email1" type="emailfull"
+					description="COM_USERS_PROFILE_EMAIL1_DESC"
+					filter="string"
+					label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+					message="COM_USERS_PROFILE_EMAIL1_MESSAGE"
+					required="true"
+					size="30"
+					unique="true"
+					validate="email"
+					'.$placeholder.'
+					'.$readonly.'
+					class="'.$item->params->get('field_cssclass','').'"
+				/>
+
+				
+			';
+			$config = JComponentHelper::getParams('com_jsn');
+			if($config->get('confirmusermail',0))
+			{
+				$xml.='
+					<field name="email2" type="confirmemail"
+						description="COM_USERS_PROFILE_EMAIL2_DESC"
+						field="email1"
+						class="validate-confirmemail '.$item->params->get('field_cssclass','').'"
+						filter="string"
+						label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_('COM_USERS_PROFILE_EMAIL2_LABEL').'</span>') : 'COM_USERS_PROFILE_EMAIL2_LABEL').'"
+						message="COM_USERS_PROFILE_EMAIL2_MESSAGE"
+						required="true"
+						size="30"
+						validate="equals"
+						'.$placeholder2.'
+						'.$readonly.'
+					/>
+				';
+			}
+		}
+		else{
+			$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+			$placeholder=($item->params->get('usermail_placeholder','')!='' ? 'hint="'.JsnHelper::xmlentities($item->params->get('usermail_placeholder','')).'"' : '');
+			$xml.='
+				<field name="email" type="emailfull"
+					class="inputbox '.$item->params->get('field_cssclass','').'"
+					description="COM_USERS_USER_FIELD_EMAIL_DESC"
+					label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+					required="true"
+					size="30"
+					validate="email"
+					'.$placeholder.'
+				/>
+				';
+		}
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{
+		
+	}
+	
+	public static function getSearchInput($field)
+	{
+		$return='<input id="jform_'.str_replace('-','_',$field->alias).'" type="text" placeholder="'.JText::_('COM_JSN_SEARCHFOR').' '.JText::_($field->title).'..." name="'.$field->alias.'" value="'.JFactory::getApplication()->input->get($field->alias,'','raw').'"/>';
+		return $return;
+	}
+	
+	public static function getSearchQuery($field, &$query)
+	{
+		$db=JFactory::getDbo();
+		$query->where('a.'.$db->quoteName('email').' LIKE '.$db->quote('%'.JFactory::getApplication()->input->get('email',null,'raw').'%'));
+	}
+	
+	public static function usermail($field)
+	{
+		$value=$field->__get('value');
+		if (empty($value))
+		{
+			return JHtml::_('users.value', $value);
+		}
+		else
+		{
+			JPluginHelper::importPlugin('content');
+			return JHtml::_('content.prepare', '<a href="mailto:'.$value.'">'.$value.'</a>', '', 'jsn_content.content');
+		}
+	}
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/usermail.xml b/deployed/jsn/administrator/components/com_jsn/helpers/fields/usermail.xml
new file mode 100644
index 00000000..22063f1f
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/usermail.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<fieldset
+			name="usermail" 
+			label="COM_JSN_USERMAIL_FIELDSET_LABEL"
+		>
+			
+			<field
+				name="usermail_placeholder"
+				label="COM_JSN_GENERAL_PLACEHOLDER"
+				description ="COM_JSN_GENERAL_PLACEHOLDER_DESC"
+				type="text"
+			/>
+			
+			<field
+				name="usermail_placeholder2"
+				label="COM_JSN_GENERAL_PLACEHOLDER2"
+				description ="COM_JSN_GENERAL_PLACEHOLDER_DESC2"
+				type="text"
+			/>
+			
+			
+
+		</fieldset>
+	</fields>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/username.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/username.php
new file mode 100644
index 00000000..e12da805
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/username.php
@@ -0,0 +1,97 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnUsernameFieldHelper
+{
+	public static function create($alias)
+	{
+		
+	}
+	
+	public static function delete($alias)
+	{
+		
+	}
+	
+	public static function getXml($item)
+	{
+		$xml='';
+		if(JFactory::getApplication()->isSite())
+		{
+			require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+			$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+			if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+			$placeholder=($item->params->get('username_placeholder','')!='' ? 'hint="'.JsnHelper::xmlentities($item->params->get('username_placeholder','')).'"' : '');
+			
+			if($item->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+			elseif($item->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('view')!='registration' && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+			else $readonly='';
+			if($item->params->get('username_regex','')!='custom') $regex=($item->params->get('username_regex','')!='' ? 'class="validate-pattern '.$item->params->get('field_cssclass','').'" pattern="'.$item->params->get('username_regex','').'"' : 'class="validate-username '.$item->params->get('field_cssclass','').'"');
+			else $regex='class="validate-pattern '.$item->params->get('field_cssclass','').'" pattern="'.$item->params->get('username_customregex','').'"';
+
+			$xml='
+				<field name="username" type="textfull"
+					'.$regex.'
+					description="COM_USERS_DESIRED_USERNAME"
+					filter="username"
+					label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+					message="COM_USERS_PROFILE_USERNAME_MESSAGE"
+					required="true"
+					'.$placeholder.'
+					'.$readonly.'
+					size="30"
+					validate="username"
+					message-regex="'.JsnHelper::xmlentities($item->params->get('username_messageregex','')).'"
+				/>
+			';
+		}
+		else{
+			$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+			$placeholder=($item->params->get('username_placeholder','')!='' ? 'hint="'.JsnHelper::xmlentities($item->params->get('username_placeholder','')).'"' : '');
+			$xml='
+				<field name="username" type="text"
+					description="COM_USERS_USER_FIELD_USERNAME_DESC"
+					label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+					required="true"
+					size="30"
+					'.$placeholder.'
+					class="'.$item->params->get('field_cssclass','').'"
+				/>
+			';
+		}
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{
+		
+	}
+	
+	public static function getSearchInput($field)
+	{
+		$return='<input id="jform_'.str_replace('-','_',$field->alias).'" type="text" placeholder="'.JText::_('COM_JSN_SEARCHFOR').' '.JText::_($field->title).'..." name="'.$field->alias.'" value="'.JFactory::getApplication()->input->get($field->alias,'','raw').'"/>';
+		return $return;
+	}
+	
+	public static function getSearchQuery($field, &$query)
+	{
+		$db=JFactory::getDbo();
+		if($field->params->get('username_searchmode','like')=='like') $query->where('a.'.$db->quoteName('username').' LIKE '.$db->quote('%'.JFactory::getApplication()->input->get('username',null,'raw').'%'));
+		else $query->where('LOWER(a.'.$db->quoteName('username').') = LOWER('.$db->quote(JFactory::getApplication()->input->get('username',null,'raw')).')');
+	}
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/username.xml b/deployed/jsn/administrator/components/com_jsn/helpers/fields/username.xml
new file mode 100644
index 00000000..e2bdbc5e
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/username.xml
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<fieldset
+			name="username" 
+			label="COM_JSN_USERNAME_FIELDSET_LABEL"
+		>
+			
+			<field
+				name="username_placeholder"
+				label="COM_JSN_GENERAL_PLACEHOLDER"
+				description ="COM_JSN_GENERAL_PLACEHOLDER_DESC"
+				type="text"
+			/>
+
+			<field
+				name="username_searchmode"
+				label="COM_JSN_TEXT_SEARCHMODE"
+				description ="COM_JSN_TEXT_SEARCHMODE_DESC"
+				type="list"
+				default="like"
+			>
+				<option value="like">COM_JSN_TEXT_SEARCHMODE_LIKE</option>
+				<option value="equal">COM_JSN_TEXT_SEARCHMODE_EQUAL</option>
+			</field>
+			
+			<field
+				name="username_regex"
+				label="COM_JSN_TEXT_REGEX"
+				description ="COM_JSN_TEXT_REGEX_DESC"
+				type="list"
+			>
+				<option value="">JNO</option>
+				<option value="[a-z0-9]+">Lowercase with numbers</option>
+				<option value="[a-z]+">Lowercase without numbers</option>
+				<option value="[A-Z0-9]+">Uppercase with numbers</option>
+				<option value="[A-Z]+">Uppercase without numbers</option>
+				<option value="custom">COM_JSN_TEXT_REGEX_CUSTOM</option>
+			</field>
+			
+			<field
+				name="username_customregex"
+				label="COM_JSN_TEXT_CUSTOMREGEX"
+				description ="COM_JSN_TEXT_CUSTOMREGEX_DESC"
+				type="text"
+				filter="raw"
+				default=""
+			/>
+
+			<field
+				name="username_messageregex"
+				label="COM_JSN_TEXT_MESSAGEREGEX"
+				description ="COM_JSN_TEXT_MESSAGEREGEX_DESC"
+				type="text"
+				filter="raw"
+				default="Error"
+			/>
+			
+
+		</fieldset>
+	</fields>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/video.php b/deployed/jsn/administrator/components/com_jsn/helpers/fields/video.php
new file mode 100644
index 00000000..88c99f31
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/video.php
@@ -0,0 +1,124 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+global $_FIELDTYPES;
+$_FIELDTYPES['video']='COM_JSN_FIELDTYPE_VIDEO';
+
+class JsnVideoFieldHelper
+{
+	public static function create($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users ADD ".$db->quoteName($alias)." VARCHAR(255)";
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function delete($alias)
+	{
+		$db = JFactory::getDbo();
+		$query = "ALTER TABLE #__jsn_users DROP COLUMN ".$db->quoteName($alias);
+		$db->setQuery($query);
+		$db->query();
+	}
+	
+	public static function getXml($item)
+	{
+		require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+		$hideTitle= ($item->params->get('hidetitle',0) && JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn') || ($item->params->get('hidetitleedit',0) && (JFactory::getApplication()->input->get('layout','')=='edit' || JFactory::getApplication()->input->get('view','')=='registration'));
+		if(JFactory::getApplication()->input->get('view','profile')=='profile' && JFactory::getApplication()->input->get('option','')=='com_jsn' && $item->params->get('titleprofile','')!='') $item->title=$item->params->get('titleprofile','');
+		$defaultvalue=($item->params->get('video_defaultvalue','')!='' ? 'default="'.JsnHelper::xmlentities($item->params->get('video_defaultvalue','')).'"' : '');
+		$maxlength=($item->params->get('video_maxlength','')!='' ? 'maxlength="'.$item->params->get('video_maxlength','').'"' : '');
+		$placeholder=($item->params->get('video_placeholder','')!='' ? 'hint="'.JsnHelper::xmlentities($item->params->get('video_placeholder','')).'"' : '');
+
+		if($item->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		elseif($item->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('view')!='registration' && JFactory::getApplication()->isSite()) $readonly='readonly="true"';
+		else $readonly='';
+
+		$type='video';
+		
+		$xml='';
+		
+		$xml.='
+			
+			<field
+				name="'.$item->alias.'"
+				type="'.$type.'"
+				id="'.$item->alias.'"
+				description="'.JsnHelper::xmlentities(($item->description)).'"
+				validate="video"
+				label="'.($hideTitle ? JsnHelper::xmlentities('<span class="no-title">'.JText::_($item->title).'</span>') : JsnHelper::xmlentities($item->title)).'"
+				size="30"
+				'.$defaultvalue.'
+				'.$maxlength.'
+				'.$placeholder.'
+				'.$readonly.'
+				class="'.$item->params->get('field_cssclass','').'"
+				required="'.($item->required ? ($item->required==2 ? 'admin' : 'frontend' ) : 'false' ).'"
+			/>
+		';
+		return $xml;
+	}
+	
+	public static function loadData($field, $user, &$data)
+	{
+		$alias=$field->alias;
+		if(isset($user->$alias)) $data->$alias=$user->$alias;
+		if(isset($user->$alias) && $data->$alias=='http://') $data->$alias='';
+	}
+	
+	public static function storeData($field, $data, &$storeData)
+	{
+		//if($field->params->get('field_readonly','')==1 && JFactory::getApplication()->isSite()) return;
+		//if($field->params->get('field_readonly','')==2 && JFactory::getApplication()->input->get('task')=='profile.save' && JFactory::getApplication()->isSite()) return;
+		$alias=$field->alias;
+		if(isset($data[$alias])){
+			if(substr(trim($data[$alias]), 0, 4)=='http') $storeData[$alias]=$data[$alias];
+			else $storeData[$alias]='http://'.$data[$alias];
+		}
+		if(isset($data[$alias]) && $storeData[$alias]=='http://') $storeData[$alias]='';
+	}
+	
+	public static function video($field)
+	{	
+		$value=$field->__get('value');
+		if (empty($value))
+		{
+			return JHtml::_('users.value', $value);
+		}
+		else
+		{
+			if(strpos(' '.$value,'vimeo')>1)
+			{
+				$value=substr($value,strrpos($value,'/')+1);
+				return '<iframe src="//player.vimeo.com/video/'.$value.'?portrait=0&amp;badge=0" style="width:100%;height:300px;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>';
+			}
+			$value=substr($value,strrpos($value,'/')+1);
+			if(strrpos($value,'?v=')) $value=substr($value,strrpos($value,'?v=')+3);
+			return '<iframe style="width:100%;height:300px;" src="//www.youtube.com/embed/'.$value.'" frameborder="0" allowfullscreen></iframe>';
+		}
+	}
+	
+	public static function getSearchInput($field)
+	{
+		$return='<input id="jform_'.str_replace('-','_',$field->alias).'" type="text" placeholder="'.JText::_('COM_JSN_SEARCHFOR').' '.JText::_($field->title).'..." name="'.$field->alias.'" value="'.JFactory::getApplication()->input->get($field->alias,'','raw').'"/>';
+		return $return;
+	}
+	
+	public static function getSearchQuery($field, &$query)
+	{
+		$db=JFactory::getDbo();
+		$query->where('b.'.$db->quoteName($field->alias).' LIKE '.$db->quote('%'.JFactory::getApplication()->input->get($field->alias,null,'raw').'%'));
+	}
+		
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/fields/video.xml b/deployed/jsn/administrator/components/com_jsn/helpers/fields/video.xml
new file mode 100644
index 00000000..a555925f
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/fields/video.xml
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<fieldset
+			name="video" 
+			label="COM_JSN_VIDEO_FIELDSET_LABEL"
+		>
+
+			<field
+				name="video_defaultvalue"
+				label="COM_JSN_GENERAL_DEFAULTVALUE"
+				description ="COM_JSN_GENERAL_DEFAULTVALUE_DESC"
+				type="text"
+			/>
+			
+			<field
+				name="video_placeholder"
+				label="COM_JSN_GENERAL_PLACEHOLDER"
+				description ="COM_JSN_GENERAL_PLACEHOLDER_DESC"
+				type="text"
+			/>
+			
+			<field
+				name="video_maxlength"
+				label="COM_JSN_TEXT_MAXLENGTH"
+				description ="COM_JSN_TEXT_MAXLENGTH_DESC"
+				type="text"
+				filter="int"
+				default="255"
+			/>
+
+		</fieldset>
+	</fields>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/html/field.php b/deployed/jsn/administrator/components/com_jsn/helpers/html/field.php
new file mode 100644
index 00000000..57049ce8
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/html/field.php
@@ -0,0 +1,181 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+abstract class JHtmlField
+{
+
+	public static function required($value, $i, $enabled = true, $checkbox = 'cb')
+	{
+		$states	= array(
+			2	=> array(
+				'required_unpublish',
+				'',
+				'',
+				'',
+				false,
+				'publish',
+				'publish'
+			),
+			1	=> array(
+				'required_unpublish',
+				'',
+				'',
+				'',
+				false,
+				'publish icon-star',
+				'publish'
+			),
+			0	=> array(
+				'required_publish',
+				'',
+				'',
+				'',
+				false,
+				'unpublish',
+				'unpublish'
+			),
+		);
+
+		return JHtml::_('jgrid.state', $states, $value, $i, 'fields.', $enabled, true, $checkbox);
+	}
+	
+	public static function core($value, $i, $enabled = false, $checkbox = 'cb')
+	{
+		$states	= array(
+			1	=> array(
+				'',
+				'',
+				'',
+				'',
+				false,
+				'publish',
+				'publish'
+			),
+			0	=> array(
+				'',
+				'',
+				'',
+				'',
+				false,
+				'unpublish',
+				'unpublish'
+			),
+		);
+
+		return JHtml::_('jgrid.state', $states, $value, $i, 'fields.', $enabled, true, $checkbox);
+	}
+	
+	public static function profile($value, $i, $enabled = true, $checkbox = 'cb')
+	{
+		$states	= array(
+			1	=> array(
+				'profile_unpublish',
+				'',
+				'',
+				'',
+				false,
+				'publish',
+				'publish'
+			),
+			0	=> array(
+				'profile_publish',
+				'',
+				'',
+				'',
+				false,
+				'unpublish',
+				'unpublish'
+			),
+		);
+
+		return JHtml::_('jgrid.state', $states, $value, $i, 'fields.', $enabled, true, $checkbox);
+	}
+	
+	public static function edit($value, $i, $enabled = true, $checkbox = 'cb')
+	{
+		$states	= array(
+			1	=> array(
+				'edit_unpublish',
+				'',
+				'',
+				'',
+				false,
+				'publish',
+				'publish'
+			),
+			0	=> array(
+				'edit_publish',
+				'',
+				'',
+				'',
+				false,
+				'unpublish',
+				'unpublish'
+			),
+		);
+
+		return JHtml::_('jgrid.state', $states, $value, $i, 'fields.', $enabled, true, $checkbox);
+	}
+	
+	public static function register($value, $i, $enabled = true, $checkbox = 'cb')
+	{
+		$states	= array(
+			1	=> array(
+				'register_unpublish',
+				'',
+				'',
+				'',
+				false,
+				'publish',
+				'publish'
+			),
+			0	=> array(
+				'register_publish',
+				'',
+				'',
+				'',
+				false,
+				'unpublish',
+				'unpublish'
+			),
+		);
+
+		return JHtml::_('jgrid.state', $states, $value, $i, 'fields.', $enabled, true, $checkbox);
+	}
+	
+	public static function search($value, $i, $enabled = true, $checkbox = 'cb')
+	{
+		$states	= array(
+			1	=> array(
+				'search_unpublish',
+				'',
+				'',
+				'',
+				false,
+				'publish',
+				'publish'
+			),
+			0	=> array(
+				'search_publish',
+				'',
+				'',
+				'',
+				false,
+				'unpublish',
+				'unpublish'
+			),
+		);
+
+		return JHtml::_('jgrid.state', $states, $value, $i, 'fields.', $enabled, true, $checkbox);
+	}
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/html/jsnbatch.php b/deployed/jsn/administrator/components/com_jsn/helpers/html/jsnbatch.php
new file mode 100644
index 00000000..16604e19
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/html/jsnbatch.php
@@ -0,0 +1,100 @@
+<?php
+/**
+ * @package     Joomla.Libraries
+ * @subpackage  HTML
+ *
+ * @copyright   Copyright (C) 2005 - 2014 Open Source Matters, Inc. All rights reserved.
+ * @license     GNU General Public License version 2 or later; see LICENSE
+ */
+
+defined('JPATH_PLATFORM') or die;
+
+/**
+ * Extended Utility class for batch processing widgets.
+ *
+ * @package     Joomla.Libraries
+ * @subpackage  HTML
+ * @since       1.7
+ */
+abstract class JHtmlJsnbatch
+{
+	/**
+	 * Display a batch widget for the access level selector.
+	 *
+	 * @return  string  The necessary HTML for the widget.
+	 *
+	 * @since   1.7
+	 */
+	public static function access()
+	{
+		JHtml::_('bootstrap.tooltip', '.modalTooltip', array('container' => '.modal-body'));
+
+		// Create the batch selector to change an access level on a selection list.
+		return
+			'<label id="batch-access-lbl" for="batch-access" class="modalTooltip" '
+			. 'title="' . JHtml::tooltipText('COM_JSN_BATCH_ACCESS', 'COM_JSN_BATCH_ACCESS_DESC') . '">'
+			. JText::_('COM_JSN_BATCH_ACCESS')
+			. '</label>'
+			. JHtml::_(
+				'access.assetgrouplist',
+				'batch[assetgroup_id]', '',
+				'class="inputbox"',
+				array(
+					'title' => JText::_('JNONE'),
+					'id' => 'batch-access'
+				)
+			);
+	}
+	
+	public static function accessview()
+	{
+		JHtml::_('bootstrap.tooltip', '.modalTooltip', array('container' => '.modal-body'));
+
+		// Create the batch selector to change an access level on a selection list.
+		return
+			'<label id="batch-access-lbl" for="batch-access" class="modalTooltip" '
+			. 'title="' . JHtml::tooltipText('COM_JSN_BATCH_ACCESSVIEW', 'COM_JSN_BATCH_ACCESSVIEW_DESC') . '">'
+			. JText::_('COM_JSN_BATCH_ACCESSVIEW')
+			. '</label>'
+			. JHtml::_(
+				'access.assetgrouplist',
+				'batch[assetgroupview_id]', '',
+				'class="inputbox"',
+				array(
+					'title' => JText::_('JNONE'),
+					'id' => 'batch-accessview'
+				)
+			);
+	}
+	
+	public static function fieldgroup()
+	{
+		JHtml::_('bootstrap.tooltip', '.modalTooltip', array('container' => '.modal-body'));
+
+		// Create the batch selector to change an access level on a selection list.
+		$dataArray=array('0'=>JText::_('JNONE'));
+		$db=JFactory::getDbo();
+		$query=$db->getQuery(true);
+		$query->select('id, title')->from('#__jsn_fields')->where('level=1 AND published=1');
+		$db->setQuery($query);
+		$results=$db->loadAssocList('id', 'title');
+		foreach($results as $k => $v)
+		{
+			$dataArray[$k]=JText::_($v);
+		}
+		return
+			'<label id="batch-access-lbl" for="batch-access" class="modalTooltip" '
+			. 'title="' . JHtml::tooltipText('COM_JSN_BATCH_FIELDGROUP', 'COM_JSN_BATCH_FIELDGROUP_DESC') . '">'
+			. JText::_('COM_JSN_BATCH_FIELDGROUP')
+			. '</label>'
+			. JHtml::_(
+				'select.genericlist',$dataArray,
+				'batch[fieldgroup_id]',
+				array(
+					'id' => 'batch-fieldgroup'
+				)
+			);
+	}
+
+	
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/html/users.php b/deployed/jsn/administrator/components/com_jsn/helpers/html/users.php
new file mode 100644
index 00000000..ea78ddce
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/html/users.php
@@ -0,0 +1,12 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+include(JPATH_COMPONENT . '/../com_users/helpers/html/users.php');
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/j30/html/bootstrapj30.php b/deployed/jsn/administrator/components/com_jsn/helpers/j30/html/bootstrapj30.php
new file mode 100644
index 00000000..1c84f779
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/j30/html/bootstrapj30.php
@@ -0,0 +1,99 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('JPATH_PLATFORM') or die;
+
+/**
+ * Utility class for Bootstrap elements.
+ *
+ * @package     Joomla.Libraries
+ * @subpackage  HTML
+ * @since       3.0
+ */
+abstract class JHtmlBootstrapJ30 extends JHtmlBootstrap
+{
+	protected static $loaded = array();
+
+	public static function startTabSet($selector = 'myTab', $params = array())
+	{
+		$sig = md5(serialize(array($selector, $params)));
+
+		if (!isset(self::$loaded[__METHOD__][$sig]))
+		{
+			// Include Bootstrap framework
+			self::framework();
+
+			// Setup options object
+			$opt['active'] = (isset($params['active']) && ($params['active'])) ? (string) $params['active'] : '';
+
+			$options = JHtml::getJSObject($opt);
+
+			// Attach tabs to document
+			JFactory::getDocument()
+				->addScriptDeclaration("(function($){
+									$('#$selector a').click(function (e)
+									{
+										e.preventDefault();
+										$(this).tab('show');
+									});
+								})(jQuery);");
+
+			// Set static array
+			self::$loaded[__METHOD__][$sig] = true;
+			self::$loaded[__METHOD__][$selector]['active'] = $opt['active'];
+		}
+
+		$html = '<ul class="nav nav-tabs" id="'.$selector.'Tabs"></ul>
+		<div class="tab-content" id="'.$selector.'Content">';
+
+		return $html;
+	}
+
+	public static function endTabSet()
+	{
+		$html = '</div>';
+
+		return $html;
+	}
+
+	public static function addTab($selector, $id, $title)
+	{
+		static $tabScriptLayout = null;
+		static $tabLayout = null;
+
+		$tabScriptLayout = is_null($tabScriptLayout) ? new JLayoutFile('addtabscript') : $tabScriptLayout;
+		$tabLayout = is_null($tabLayout) ? new JLayoutFile('addtab') : $tabLayout;
+
+		$active = (self::$loaded['JHtmlBootstrapJ30::startTabSet'][$selector]['active'] == $id) ? ' active' : '';
+
+		// Inject tab into UL
+		JFactory::getDocument()
+		->addScriptDeclaration("(function($){
+						$(document).ready(function() {
+							// Handler for .ready() called.
+							var tab = $('<li class=\"$active\"><a href=\"#$id\" data-toggle=\"tab\">$title</a></li>');
+							$('#" . $selector . "Tabs').append(tab);
+						});
+					})(jQuery);");
+
+		$html = '<div id="'.$id.'" class="tab-pane'.$active.'">';
+
+		return $html;
+	}
+
+	public static function endTab()
+	{
+		$html = '</div>';
+
+		return $html;
+	}
+	
+}
+
+?>
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/j30/rule/notequals.php b/deployed/jsn/administrator/components/com_jsn/helpers/j30/rule/notequals.php
new file mode 100644
index 00000000..ee0862cb
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/j30/rule/notequals.php
@@ -0,0 +1,68 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('JPATH_PLATFORM') or die;
+
+/**
+ * Form Rule class for the Joomla Platform.
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormRuleNotequals extends JFormRule
+{
+	/**
+	 * Method to test if two values are not equal. To use this rule, the form
+	 * XML needs a validate attribute of equals and a field attribute
+	 * that is equal to the field to test against.
+	 *
+	 * @param   SimpleXMLElement  $element  The SimpleXMLElement object representing the <field /> tag for the form field object.
+	 * @param   mixed             $value    The form field value to validate.
+	 * @param   string            $group    The field name group control value. This acts as as an array container for the field.
+	 *                                      For example if the field has name="foo" and the group value is set to "bar" then the
+	 *                                      full field name would end up being "bar[foo]".
+	 * @param   JRegistry         $input    An optional JRegistry object with the entire data set to validate against the entire form.
+	 * @param   JForm             $form     The form object for which the field is being tested.
+	 *
+	 * @return  boolean  True if the value is valid, false otherwise.
+	 *
+	 * @since   11.1
+	 * @throws  InvalidArgumentException
+	 * @throws  UnexpectedValueException
+	 */
+	public function test(SimpleXMLElement $element, $value, $group = null, JRegistry $input = null, JForm $form = null)
+	{
+		$field = (string) $element['field'];
+
+		// Check that a validation field is set.
+		if (!$field)
+		{
+			throw new UnexpectedValueException(sprintf('$field empty in %s::test', get_class($this)));
+		}
+
+		if (is_null($form))
+		{
+			throw new InvalidArgumentException(sprintf('The value for $form must not be null in %s', get_class($this)));
+		}
+
+		if (is_null($input))
+		{
+			throw new InvalidArgumentException(sprintf('The value for $input must not be null in %s', get_class($this)));
+		}
+
+		// Test the two values against each other.
+		if ($value != $input->get($field))
+		{
+			return true;
+		}
+
+		return false;
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/jsn.php b/deployed/jsn/administrator/components/com_jsn/helpers/jsn.php
new file mode 100644
index 00000000..f7acfcb1
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/jsn.php
@@ -0,0 +1,252 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnHelperAdmin
+{
+	/**
+	 * Configure the Submenu links.
+	 *
+	 * @param   string  The extension.
+	 *
+	 * @return  void
+	 *
+	 * @since   3.1
+	 */
+	public static function addSubmenu($extension)
+	{
+		JHtmlSidebar::addEntry(
+			JText::_('COM_JSN_SUBMENU_FIELDS'),
+			'index.php?option=com_jsn&view=fields'
+		);
+		/*JHtmlSidebar::addEntry(
+			JText::_('COM_JSN_SUBMENU_USERTYPE'),
+			'index.php?option=com_jsn&view=usertypes'
+		);*/
+		JHtmlSidebar::addEntry(
+			JText::_('COM_JSN_SUBMENU_USERS'),
+			'index.php?option=com_users&view=users'
+		);
+		require_once(JPATH_ADMINISTRATOR.'/components/com_jsn/defines.php');
+		if(JSN_TYPE == 'free'){
+			JHtmlSidebar::addEntry(
+				JText::_('COM_JSN_IMPORT_USERS').' (not available in free version)',
+				'#'
+			);
+		}
+		elseif(JFactory::getUser()->authorise('core.admin.import', 'com_jsn')){
+			JHtmlSidebar::addEntry(
+				JText::_('COM_JSN_IMPORT_USERS'),
+				'index.php?option=com_jsn&view=import'
+		);
+		}
+		
+		
+		$parts = explode('.', $extension);
+		$component = $parts[0];
+
+		if (count($parts) > 1)
+		{
+			$section = $parts[1];
+		}
+
+		// Try to find the component helper.
+		$file = JPath::clean(JPATH_ADMINISTRATOR . '/components/com_jsn/helpers/jsn.php');
+
+		if (file_exists($file))
+		{
+			require_once $file;
+
+			$cName = 'JsnHelperAdmin';
+
+			if (class_exists($cName))
+			{
+				if (is_callable(array($cName, 'addSubmenu')))
+				{
+					$lang = JFactory::getLanguage();
+					// loading language file from the administrator/language directory then
+					// loading language file from the administrator/components/*extension*/language directory
+						$lang->load($component, JPATH_BASE, null, false, false)
+					||	$lang->load($component, JPath::clean(JPATH_ADMINISTRATOR . '/components/' . $component), null, false, false)
+					||	$lang->load($component, JPATH_BASE, $lang->getDefault(), false, false)
+					||	$lang->load($component, JPath::clean(JPATH_ADMINISTRATOR . '/components/' . $component), $lang->getDefault(), false, false);
+
+				}
+			}
+		}
+	}
+
+	/**
+	 * Gets a list of the actions that can be performed.
+	 *
+	 * @return  JObject
+	 *
+	 * @since   3.1
+	 */
+	public static function getActions()
+	{
+		$user   = JFactory::getUser();
+		$result = new JObject;
+
+		$assetName = 'com_jsn';
+		$level     = 'component';
+		$actions   = JAccess::getActions('com_jsn', $level);
+
+		foreach ($actions as $action)
+		{
+			$result->set($action->name, $user->authorise($action->name, $assetName));
+		}
+
+		return $result;
+	}
+	
+	/*public static function excludeFromProfile($data){
+		$db=JFactory::getDbo();
+		$query = $db->getQuery(true);
+		$query->select('a.*')->from('#__jsn_fields AS a')->where('a.level = 2')->where('a.published = 1')->order($db->escape('a.lft') . ' ASC');
+		$db->setQuery( $query );
+		$fields = $db->loadObjectList('alias');
+		$userData=$data;
+		$excludeFromProfile=array();
+		foreach($fields as $field)
+		{
+			// Load Options
+			$registry = new JRegistry;
+			$registry->loadString($field->params);
+			$field->params = $registry->toArray();
+			
+			$condition_suffix=array('','1','2','3','4');
+			foreach($condition_suffix as $suffix)
+			{
+				if(isset($field->params['condition_operator'.$suffix]) && $field->params['condition_operator'.$suffix]!=0 && count($field->params['condition_hide'.$suffix])>0){
+					if($field->params['condition_field'.$suffix]=='_custom') $value=$field->params['condition_custom'.$suffix];
+					else 
+					{
+						$alias=$field->params['condition_field'.$suffix];
+						if(isset($userData->$alias)) $value=$userData->$alias;
+						else $value='';
+						if(is_array($value)) $value=implode(',',$value);
+					}
+					$alias=$field->alias;
+					if(!isset($userData->$alias)) $userData->$alias='';
+					
+					if(is_array($userData->$alias))
+					{
+						foreach($userData->$alias as $userValue)
+						{
+							switch($field->params['condition_operator'.$suffix])
+							{
+								case 1:
+									if($userValue==$value)
+									{
+										foreach($field->params['condition_hide'.$suffix] as $fieldToHide)
+										{
+											$excludeFromProfile[]='jform['.$fieldToHide.']';
+										}
+									}
+								break;
+								case 2:
+									if($userValue>$value)
+									{
+										foreach($field->params['condition_hide'.$suffix] as $fieldToHide)
+										{
+											$excludeFromProfile[]='jform['.$fieldToHide.']';
+										}
+									}
+								break;
+								case 3:
+									if($userValue<$value)
+									{
+										foreach($field->params['condition_hide'.$suffix] as $fieldToHide)
+										{
+											$excludeFromProfile[]='jform['.$fieldToHide.']';
+										}
+									}
+								break;
+								case 4:
+									if(strpos(' '.$userValue,$value)>0)
+									{
+										foreach($field->params['condition_hide'.$suffix] as $fieldToHide)
+										{
+											$excludeFromProfile[]='jform['.$fieldToHide.']';
+										}
+									}
+								break;
+								case 5:
+									if($userValue!=$value)
+									{
+										foreach($field->params['condition_hide'.$suffix] as $fieldToHide)
+										{
+											$excludeFromProfile[]='jform['.$fieldToHide.']';
+										}
+									}
+								break;
+							}
+						}
+					}
+					else
+					{
+						switch($field->params['condition_operator'.$suffix])
+						{
+							case 1:
+								if($userData->$alias==$value)
+								{
+									foreach($field->params['condition_hide'.$suffix] as $fieldToHide)
+									{
+										$excludeFromProfile[]='jform['.$fieldToHide.']';
+									}
+								}
+							break;
+							case 2:
+								if($userData->$alias>$value)
+								{
+									foreach($field->params['condition_hide'.$suffix] as $fieldToHide)
+									{
+										$excludeFromProfile[]='jform['.$fieldToHide.']';
+									}
+								}
+							break;
+							case 3:
+								if($userData->$alias<$value)
+								{
+									foreach($field->params['condition_hide'.$suffix] as $fieldToHide)
+									{
+										$excludeFromProfile[]='jform['.$fieldToHide.']';
+									}
+								}
+							break;
+							case 4:
+								if(strpos(' '.$userData->$alias,$value)>0)
+								{
+									foreach($field->params['condition_hide'.$suffix] as $fieldToHide)
+									{
+										$excludeFromProfile[]='jform['.$fieldToHide.']';
+									}
+								}
+							break;
+							case 5:
+								if($userData->$alias!=$value)
+								{
+									foreach($field->params['condition_hide'.$suffix] as $fieldToHide)
+									{
+										$excludeFromProfile[]='jform['.$fieldToHide.']';
+									}
+								}
+							break;
+						}
+					}
+				}
+			}
+		}
+		return $excludeFromProfile;
+	}*/
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/helpers/trigger_com_config.php b/deployed/jsn/administrator/components/com_jsn/helpers/trigger_com_config.php
new file mode 100644
index 00000000..30e3a187
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/helpers/trigger_com_config.php
@@ -0,0 +1,61 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+function onConfigurationBeforeSave(){
+	
+		$db = JFactory::getDbo();
+		$config = JComponentHelper::getParams('com_jsn');
+		
+		switch($config->get('namestyle', 'FIRSTNAME_LASTNAME')){
+			case 'FIRSTNAME_LASTNAME':
+				$unpublish=array($db->quote('secondname'));
+				$publish=array($db->quote('firstname'),$db->quote('lastname'));
+			break;
+			case 'FIRSTNAME_SECONDNAME_LASTNAME':
+				$unpublish=array();
+				$publish=array($db->quote('firstname'),$db->quote('lastname'),$db->quote('secondname'));
+			break;
+			case 'FIRSTNAME':
+				$unpublish=array($db->quote('secondname'),$db->quote('lastname'));
+				$publish=array($db->quote('firstname'));
+			break;
+		}
+		if(count($unpublish)>0)
+		{
+			$query = $db->getQuery(true);
+			$query->update("#__jsn_fields");
+			$query->set($db->quoteName('published').' = 0');
+			$query->where('alias IN ('. implode(', ',$unpublish) .')');
+			$db->setQuery($query);
+			$db->execute();
+		}
+		if(count($publish)>0)
+		{
+			$query = $db->getQuery(true);
+			$query->update("#__jsn_fields");
+			$query->set($db->quoteName('published').' = 1');
+			$query->where('alias IN ('. implode(', ',$publish) .')');
+			$db->setQuery($query);
+			$db->execute();
+		}
+	
+	
+		$query = $db->getQuery(true);
+		$query->update("#__jsn_fields");
+		$query->set($db->quoteName('published').' = '. ($config->get('avatar', 1) ? 1 : 0) );
+		$query->where('alias = '.$db->quote('avatar'));
+		$db->setQuery($query);
+		$db->execute();
+		
+	
+}
+onConfigurationBeforeSave();
+?>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/install.jsn.php b/deployed/jsn/administrator/components/com_jsn/install.jsn.php
new file mode 100644
index 00000000..db2e9f0d
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/install.jsn.php
@@ -0,0 +1,864 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class com_JsnInstallerScript {
+	
+	
+
+	/**
+	* Method to install the extension
+	* $parent is the class calling this method
+	*
+	* @return void
+	*/
+	function install($parent) 
+	{
+		
+	}
+
+	/**
+	* Method to uninstall the extension
+	* $parent is the class calling this method
+	*
+	* @return void
+	*/
+	function uninstall($parent) 
+	{
+
+	}
+
+	/**
+	* Method to update the extension
+	* $parent is the class calling this method
+	*
+	* @return void
+	*/
+	function update($parent) 
+	{
+		
+	}
+
+	/**
+	* Method to run before an install/update/uninstall method
+	* $parent is the class calling this method
+	* $type is the type of change (install, update or discover_install)
+	*
+	* @return void
+	*/
+	function preflight($type, $parent) 
+	{
+		$files = JPATH_SITE.'/administrator/components/com_jsn/helpers/fields/*';
+		foreach (glob($files) as $deletefile)
+		{
+			unlink($deletefile);
+		}
+		$files = JPATH_SITE.'/administrator/components/com_jsn/models/fields/*';
+		foreach (glob($files) as $deletefile)
+		{
+			unlink($deletefile);
+		}
+	}
+
+	/**
+	* Method to run after an install/update/uninstall method
+	* $parent is the class calling this method
+	* $type is the type of change (install, update or discover_install)
+	*
+	* @return void
+	*/
+	function postflight($type, $parent) 
+	{
+		//$app = JFactory::getApplication();
+		$db=JFactory::getDbo();
+
+		// Add Column for versions 1.1.x to 1.2.x
+		try {
+			$query ="ALTER TABLE `#__jsn_fields` ADD `edit` tinyint(1) NOT NULL DEFAULT '0'";
+			$db->setQuery($query);
+			$db->execute();
+			$query ="UPDATE `#__jsn_fields` SET `edit`=1 WHERE `level`=2 AND `params` NOT LIKE '%\"hideonedit\":\"1\"%'";
+			$db->setQuery($query);
+			$db->execute();
+			$query ="UPDATE `#__jsn_fields` SET `alias`='registerdate',`path`='default/registerdate',`edit`='0' WHERE `id`=10";
+			$db->setQuery($query);
+			$db->execute();
+			$query ="UPDATE `#__jsn_fields` SET `edit`='0' WHERE `id`=11";
+			$db->setQuery($query);
+			$db->execute();
+		}
+		catch (Exception $e) { }
+
+		// Add Column for versions 1.2.x to 1.3.x
+		try {
+			$query ="ALTER TABLE `#__jsn_fields` ADD `accessview` int(10) unsigned NOT NULL DEFAULT '0'";
+			$db->setQuery($query);
+			$db->execute();
+			$query ="UPDATE `#__jsn_fields` SET `accessview`=1;";
+			$db->setQuery($query);
+			$db->execute();
+		}
+		catch (Exception $e) { }
+
+		// Remove Old Broken Package reference
+		try {
+			$query ="DELETE FROM `#__extensions` WHERE `element` = 'pkg_pkg_jsn'";
+			$db->setQuery($query);
+			$db->execute();
+		}
+		catch (Exception $e) { }
+
+		// Add Column Instagram_id for versions 2.0.x to 2.1.x
+		try {
+			$query ="ALTER TABLE `#__jsn_users` MODIFY COLUMN `facebook_id` varchar(200) NOT NULL";
+			$db->setQuery($query);
+			$db->execute();
+			$query ="ALTER TABLE `#__jsn_users` ADD `instagram_id` varchar(50) NOT NULL";
+			$db->setQuery($query);
+			$db->execute();
+		}
+		catch (Exception $e) { }
+
+		// Fix root record in #__jsn_fields table
+		try {
+			$query ="UPDATE `#__jsn_fields` SET `published` = 1 WHERE `id` = 1";
+			$db->setQuery($query);
+			$db->execute();
+		}
+		catch (Exception $e) { }
+
+		// Firstname and Lastname need to be required also in backend
+		try {
+			$query ="UPDATE `#__jsn_fields` SET `required` = 2 WHERE `id` IN (4,6)";
+			$db->setQuery($query);
+			$db->execute();
+		}
+		catch (Exception $e) { }
+
+		// Add Column Conditions for versions 2.3+
+		try {
+
+			$query ="ALTER TABLE `#__jsn_fields` ADD `conditions` text NOT NULL";
+			$db->setQuery($query);
+			$db->execute();
+
+			// Convert old conditions to new system
+			$query = 'SELECT * FROM #__jsn_fields';
+			$db->setQuery($query);
+			$fields = $db->loadObjectList('alias');
+			foreach($fields as $field)
+			{
+				if(empty($field->params)) continue;
+				
+				$params=json_decode($field->params);
+				if(!isset($params->condition_operator)) continue;
+
+				$conditions=array();
+				// Condition 0
+				if($params->condition_operator > 0){
+					if(!empty($params->condition_hide)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator;
+						$c->to = $params->condition_field;
+						$c->custom_value = $params->condition_custom;
+						$c->action = ($params->condition_action=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide;
+						$c->two_ways = $params->condition_twoways;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator;
+						$c->to = $params->condition_field;
+						$c->custom_value = $params->condition_custom;
+						$c->action = ($params->condition_ugaction=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups;
+						$c->two_ways = $params->condition_twoways;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				// Condition 1
+				if($params->condition_operator1 > 0){
+					if(!empty($params->condition_hide1)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator1;
+						$c->to = $params->condition_field1;
+						$c->custom_value = $params->condition_custom1;
+						$c->action = ($params->condition_action1=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide1;
+						$c->two_ways = $params->condition_twoways1;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups1)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator1;
+						$c->to = $params->condition_field1;
+						$c->custom_value = $params->condition_custom1;
+						$c->action = ($params->condition_ugaction1=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups1;
+						$c->two_ways = $params->condition_twoways1;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				// Condition 2
+				if($params->condition_operator2 > 0){
+					if(!empty($params->condition_hide2)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator2;
+						$c->to = $params->condition_field2;
+						$c->custom_value = $params->condition_custom2;
+						$c->action = ($params->condition_action2=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide2;
+						$c->two_ways = $params->condition_twoways2;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups2)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator2;
+						$c->to = $params->condition_field2;
+						$c->custom_value = $params->condition_custom2;
+						$c->action = ($params->condition_ugaction2=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups2;
+						$c->two_ways = $params->condition_twoways2;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				// Condition 3
+				if($params->condition_operator3 > 0){
+					if(!empty($params->condition_hide3)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator3;
+						$c->to = $params->condition_field3;
+						$c->custom_value = $params->condition_custom3;
+						$c->action = ($params->condition_action3=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide3;
+						$c->two_ways = $params->condition_twoways3;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups3)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator3;
+						$c->to = $params->condition_field3;
+						$c->custom_value = $params->condition_custom3;
+						$c->action = ($params->condition_ugaction3=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups3;
+						$c->two_ways = $params->condition_twoways3;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				// Condition 4
+				if($params->condition_operator4 > 0){
+					if(!empty($params->condition_hide4)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator4;
+						$c->to = $params->condition_field4;
+						$c->custom_value = $params->condition_custom4;
+						$c->action = ($params->condition_action4=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide4;
+						$c->two_ways = $params->condition_twoways4;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups4)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator4;
+						$c->to = $params->condition_field4;
+						$c->custom_value = $params->condition_custom4;
+						$c->action = ($params->condition_ugaction4=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups4;
+						$c->two_ways = $params->condition_twoways4;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				// Condition 5
+				if($params->condition_operator5 > 0){
+					if(!empty($params->condition_hide5)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator5;
+						$c->to = $params->condition_field5;
+						$c->custom_value = $params->condition_custom5;
+						$c->action = ($params->condition_action5=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide5;
+						$c->two_ways = $params->condition_twoways5;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups5)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator5;
+						$c->to = $params->condition_field5;
+						$c->custom_value = $params->condition_custom5;
+						$c->action = ($params->condition_ugaction5=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups5;
+						$c->two_ways = $params->condition_twoways5;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				// Condition 6
+				if($params->condition_operator6 > 0){
+					if(!empty($params->condition_hide6)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator6;
+						$c->to = $params->condition_field6;
+						$c->custom_value = $params->condition_custom6;
+						$c->action = ($params->condition_action6=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide6;
+						$c->two_ways = $params->condition_twoways6;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups6)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator6;
+						$c->to = $params->condition_field6;
+						$c->custom_value = $params->condition_custom6;
+						$c->action = ($params->condition_ugaction6=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups6;
+						$c->two_ways = $params->condition_twoways6;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				// Condition 7
+				if($params->condition_operator7 > 0){
+					if(!empty($params->condition_hide7)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator7;
+						$c->to = $params->condition_field7;
+						$c->custom_value = $params->condition_custom7;
+						$c->action = ($params->condition_action7=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide7;
+						$c->two_ways = $params->condition_twoways7;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups7)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator7;
+						$c->to = $params->condition_field7;
+						$c->custom_value = $params->condition_custom7;
+						$c->action = ($params->condition_ugaction7=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups7;
+						$c->two_ways = $params->condition_twoways7;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				// Condition 8
+				if($params->condition_operator8 > 0){
+					if(!empty($params->condition_hide8)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator8;
+						$c->to = $params->condition_field8;
+						$c->custom_value = $params->condition_custom8;
+						$c->action = ($params->condition_action8=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide8;
+						$c->two_ways = $params->condition_twoways8;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups8)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator8;
+						$c->to = $params->condition_field8;
+						$c->custom_value = $params->condition_custom8;
+						$c->action = ($params->condition_ugaction8=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups8;
+						$c->two_ways = $params->condition_twoways8;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				// Condition 9
+				if($params->condition_operator9 > 0){
+					if(!empty($params->condition_hide9)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator9;
+						$c->to = $params->condition_field9;
+						$c->custom_value = $params->condition_custom9;
+						$c->action = ($params->condition_action9=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide9;
+						$c->two_ways = $params->condition_twoways9;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups9)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator9;
+						$c->to = $params->condition_field9;
+						$c->custom_value = $params->condition_custom9;
+						$c->action = ($params->condition_ugaction9=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups9;
+						$c->two_ways = $params->condition_twoways9;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				// Condition 10
+				if($params->condition_operator10 > 0){
+					if(!empty($params->condition_hide10)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator10;
+						$c->to = $params->condition_field10;
+						$c->custom_value = $params->condition_custom10;
+						$c->action = ($params->condition_action10=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide10;
+						$c->two_ways = $params->condition_twoways10;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups10)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator10;
+						$c->to = $params->condition_field10;
+						$c->custom_value = $params->condition_custom10;
+						$c->action = ($params->condition_ugaction10=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups10;
+						$c->two_ways = $params->condition_twoways10;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				// Condition 11
+				if($params->condition_operator11 > 0){
+					if(!empty($params->condition_hide11)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator11;
+						$c->to = $params->condition_field11;
+						$c->custom_value = $params->condition_custom11;
+						$c->action = ($params->condition_action11=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide11;
+						$c->two_ways = $params->condition_twoways11;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups11)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator11;
+						$c->to = $params->condition_field11;
+						$c->custom_value = $params->condition_custom11;
+						$c->action = ($params->condition_ugaction11=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups11;
+						$c->two_ways = $params->condition_twoways11;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				// Condition 12
+				if($params->condition_operator12 > 0){
+					if(!empty($params->condition_hide12)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator12;
+						$c->to = $params->condition_field12;
+						$c->custom_value = $params->condition_custom12;
+						$c->action = ($params->condition_action12=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide12;
+						$c->two_ways = $params->condition_twoways12;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups12)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator12;
+						$c->to = $params->condition_field12;
+						$c->custom_value = $params->condition_custom12;
+						$c->action = ($params->condition_ugaction12=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups12;
+						$c->two_ways = $params->condition_twoways12;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				// Condition 13
+				if($params->condition_operator13 > 0){
+					if(!empty($params->condition_hide13)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator13;
+						$c->to = $params->condition_field13;
+						$c->custom_value = $params->condition_custom13;
+						$c->action = ($params->condition_action13=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide13;
+						$c->two_ways = $params->condition_twoways13;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups13)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator13;
+						$c->to = $params->condition_field13;
+						$c->custom_value = $params->condition_custom13;
+						$c->action = ($params->condition_ugaction13=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups13;
+						$c->two_ways = $params->condition_twoways13;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				// Condition 14
+				if($params->condition_operator14 > 0){
+					if(!empty($params->condition_hide14)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator14;
+						$c->to = $params->condition_field14;
+						$c->custom_value = $params->condition_custom14;
+						$c->action = ($params->condition_action14=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide14;
+						$c->two_ways = $params->condition_twoways14;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups14)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator14;
+						$c->to = $params->condition_field14;
+						$c->custom_value = $params->condition_custom14;
+						$c->action = ($params->condition_ugaction14=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups14;
+						$c->two_ways = $params->condition_twoways14;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				// Condition 15
+				if($params->condition_operator15 > 0){
+					if(!empty($params->condition_hide15)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator15;
+						$c->to = $params->condition_field15;
+						$c->custom_value = $params->condition_custom15;
+						$c->action = ($params->condition_action15=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide15;
+						$c->two_ways = $params->condition_twoways15;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups15)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator15;
+						$c->to = $params->condition_field15;
+						$c->custom_value = $params->condition_custom15;
+						$c->action = ($params->condition_ugaction15=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups15;
+						$c->two_ways = $params->condition_twoways15;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				// Condition 16
+				if($params->condition_operator16 > 0){
+					if(!empty($params->condition_hide16)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator16;
+						$c->to = $params->condition_field16;
+						$c->custom_value = $params->condition_custom16;
+						$c->action = ($params->condition_action16=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide16;
+						$c->two_ways = $params->condition_twoways16;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups16)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator16;
+						$c->to = $params->condition_field16;
+						$c->custom_value = $params->condition_custom16;
+						$c->action = ($params->condition_ugaction16=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups16;
+						$c->two_ways = $params->condition_twoways16;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				// Condition 17
+				if($params->condition_operator17 > 0){
+					if(!empty($params->condition_hide17)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator17;
+						$c->to = $params->condition_field17;
+						$c->custom_value = $params->condition_custom17;
+						$c->action = ($params->condition_action17=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide17;
+						$c->two_ways = $params->condition_twoways17;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups17)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator17;
+						$c->to = $params->condition_field17;
+						$c->custom_value = $params->condition_custom17;
+						$c->action = ($params->condition_ugaction17=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups17;
+						$c->two_ways = $params->condition_twoways17;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				// Condition 18
+				if($params->condition_operator18 > 0){
+					if(!empty($params->condition_hide18)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator18;
+						$c->to = $params->condition_field18;
+						$c->custom_value = $params->condition_custom18;
+						$c->action = ($params->condition_action18=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide18;
+						$c->two_ways = $params->condition_twoways18;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups18)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator18;
+						$c->to = $params->condition_field18;
+						$c->custom_value = $params->condition_custom18;
+						$c->action = ($params->condition_ugaction18=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups18;
+						$c->two_ways = $params->condition_twoways18;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				// Condition 19
+				if($params->condition_operator19 > 0){
+					if(!empty($params->condition_hide19)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator19;
+						$c->to = $params->condition_field19;
+						$c->custom_value = $params->condition_custom19;
+						$c->action = ($params->condition_action19=='hide' ? 'fields_hide' : 'fields_show');
+						$c->fields_target = $params->condition_hide19;
+						$c->two_ways = $params->condition_twoways19;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+					if(!empty($params->condition_usergroups19)){
+						$c = new stdClass();
+						$c->operator = $params->condition_operator19;
+						$c->to = $params->condition_field19;
+						$c->custom_value = $params->condition_custom19;
+						$c->action = ($params->condition_ugaction19=='add' ? 'usergroups_add' : 'usergroups_remove');
+						$c->usergroups_target = $params->condition_usergroups19;
+						$c->two_ways = $params->condition_twoways19;
+						if(empty($c->to)) $c->to = '';
+						if(empty($c->custom_value)) $c->custom_value = '';
+						if(empty($c->fields_target)) $c->fields_target = '';
+						if(empty($c->two_ways)) $c->two_ways = 1;
+						$conditions[]=$c;
+					}
+				}
+				
+				if(count($conditions)){
+					$conditions = json_encode($conditions);
+					$query ="UPDATE `#__jsn_fields` SET `conditions` = ".$db->quote($conditions)." WHERE id=".$field->id;
+					$db->setQuery($query);
+					$db->execute();
+				}
+			}
+		}
+		catch (Exception $e) { }
+
+		// Change Collation
+		try {
+			$query ="ALTER TABLE #__jsn_users CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci";
+			$db->setQuery($query);
+			$db->execute();
+			$query ="ALTER TABLE #__jsn_fields CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci";
+			$db->setQuery($query);
+			$db->execute();
+		}
+		catch (Exception $e) { }
+
+		// Joomla updater
+		/*$query=$db->getQuery(true);
+		$query->select('location')->from('#__update_sites')->where('`name`="Easy Profile"');
+		$db->setQuery($query);
+		$updaterSiteId=$db->loadResult();
+
+		if($updaterSiteId==false)
+		{
+			$query='INSERT INTO #__update_sites(`name`,`type`,`location`,`enabled`) VALUES ("Easy Profile","extension","https://www.easy-profile.com/extension.xml",1)';
+			$db->setQuery($query);
+			$db->execute();
+			$updaterSiteId = $db->insertid();
+		}
+
+		$query=$db->getQuery(true);
+		$query->select('extension_id')->from('#__extensions')->where('`name`="com_jsn"');
+		$db->setQuery($query);
+		$updaterExtensionId= $db->loadResult();
+
+		try {
+			$query='INSERT INTO #__update_sites_extensions(`update_site_id`,`extension_id`) VALUES ('.$updaterSiteId.','.$updaterExtensionId.')';
+			$db->setQuery($query);
+			$db->execute();
+		}
+		catch (Exception $e) { }*/
+		
+		// Plugin enable
+		$query=$db->getQuery(true);
+		$query->update('#__extensions')->set($db->quoteName('enabled').'=1')
+			->where($db->quoteName('element').' IN ('.
+			$db->quote('jsn_author').','.
+			$db->quote('jsn_auth').','.
+			$db->quote('jsn_system').','.
+			$db->quote('jsn_content').','.
+			$db->quote('jsn_users').','.
+			$db->quote('usergroups').','.
+			$db->quote('ajaxuserlist').','.
+			$db->quote('socialconnect').')');
+		$db->setQuery($query);
+		
+		$result = $db->query();
+
+		$lang = JFactory::getLanguage();
+		$lang->load('com_jsn');
+
+		$message='<div style="text-align:center"><style>.alert{display:none;}.alert.alert-success,.alert.alert-error,.alert.alert-danger{display:block;}</style><img style="width:200px;" src="http://www.easy-profile.com/easyprofile.png" /><br /><br /><b>';
+		
+		if($type=='install') $message.='Successfully installed';
+		else $message.='Successfully updated';
+
+		$message.='</b><br /><br /><a class="btn btn-warning" target="_blank" href="https://www.easy-profile.com/support"><i class="icon icon-question-sign"></i> <b>Support</b></a> <a class="btn btn-info" target="_blank" href="http://docs.easy-profile.com/"><i class="icon icon-book"></i> <b>Docs</b></a><br /><br /></div>';
+		
+		JFactory::getApplication()->enqueueMessage($message);
+
+		//$app->redirect('index.php?option=com_jsn&task='.$type);
+	}
+}
+?>
diff --git a/deployed/jsn/administrator/components/com_jsn/jsn.php b/deployed/jsn/administrator/components/com_jsn/jsn.php
new file mode 100644
index 00000000..23c25563
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/jsn.php
@@ -0,0 +1,47 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+require_once(JPATH_COMPONENT.'/helpers/trigger_com_config.php');
+
+require_once(JPATH_COMPONENT.'/defines.php');
+
+ini_set('display_errors', false);
+error_reporting(E_ALL & ~E_STRICT & ~E_NOTICE);
+
+$version=new JVersion();
+if($version->RELEASE=='3.0'){
+	JHtml::addIncludePath(JPATH_COMPONENT.'/helpers/j30/html');
+	JFormHelper::addRulePath(JPATH_COMPONENT.'/helpers/j30/rule');
+	define('JSNPREFIX','j30');
+}
+else define('JSNPREFIX','');
+
+$input = JFactory::getApplication()->input;
+
+if (!JFactory::getUser()->authorise('core.manage', 'com_jsn') && $input->get('view','fields')!='opField' && $input->get('view','fields')!='users')
+{
+	return JFactory::getApplication()->enqueueMessage(JText::_('JERROR_ALERTNOAUTHOR'));
+}
+if (!JFactory::getUser()->authorise('core.manage', 'com_users') && $input->get('view','fields')=='users')
+{
+	return JFactory::getApplication()->enqueueMessage(JText::_('JERROR_ALERTNOAUTHOR'));
+}
+
+$lang = JFactory::getLanguage();
+$lang->load('com_users');
+$lang->load('com_jsn',JPATH_SITE);
+JLoader::register('UsersHelper', __DIR__ . '/../com_users/helpers/users.php');
+
+$task = $input->get('task');
+
+$controller	= JControllerLegacy::getInstance('Jsn');
+$controller->execute($input->get('task'));
+$controller->redirect();
diff --git a/deployed/jsn/administrator/components/com_jsn/jsn.xml b/deployed/jsn/administrator/components/com_jsn/jsn.xml
new file mode 100644
index 00000000..d4f02376
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/jsn.xml
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="utf-8"?>
+<extension type="component" version="3.0" method="upgrade">
+	<name>com_jsn</name>
+	<author>JSN Project</author>
+	<creationDate>December 2013</creationDate>
+	<copyright>(C) 2005 - 2013 Open Source Matters. All rights reserved.</copyright>
+	<license>http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL</license>
+	<authorEmail>fiorino.desanto@gmail.com</authorEmail>
+	<authorUrl>www.joomla.org</authorUrl>
+	<version>2.5.6</version>
+	<description>COM_JSN_XML_DESCRIPTION</description>
+	
+	<scriptfile>install.jsn.php</scriptfile>
+
+	<install> <!-- Runs on install -->
+		<sql>
+			<file driver="mysql" charset="utf8">sql/install.mysql.utf8.sql</file>
+		</sql>
+	</install>
+	<uninstall> <!-- Runs on uninstall -->
+		<sql>
+			<file driver="mysql" charset="utf8">sql/uninstall.mysql.utf8.sql</file>
+		</sql>
+	</uninstall>
+	<update>
+		<schemas>
+			<schemapath type="mysql">sql/updates</schemapath>
+		</schemas>
+	</update>
+
+	<files folder="site">
+		<filename>jsn.php</filename>
+		<filename>router.php</filename>
+		<filename>controller.php</filename>
+		<folder>helpers</folder>
+		<folder>models</folder>
+		<folder>views</folder>
+		<folder>assets</folder>
+	</files>
+	<languages>
+		<language tag="it-IT">languages/site/it-IT/it-IT.com_jsn.ini</language>
+		<language tag="en-GB">languages/site/en-GB/en-GB.com_jsn.ini</language>
+		<language tag="de-DE">languages/site/de-DE/de-DE.com_jsn.ini</language>
+		<language tag="es-ES">languages/site/es-ES/es-ES.com_jsn.ini</language>
+	</languages>
+	
+	<administration>
+		<files folder="admin">
+			<filename>jsn.php</filename>
+			<filename>access.xml</filename>
+			<filename>config.xml</filename>
+			<!-- <filename>jsn.xml</filename> -->
+			<filename>controller.php</filename>
+			<filename>defines.php</filename>
+			<folder>controllers</folder>
+			<folder>helpers</folder>
+			<folder>models</folder>
+			<folder>views</folder>
+			<folder>sql</folder>
+			<folder>tables</folder>
+			<folder>assets</folder>
+		</files>
+		<languages>
+			<language tag="it-IT">languages/admin/it-IT/it-IT.com_jsn.ini</language>
+			<language tag="it-IT">languages/admin/it-IT/it-IT.com_jsn.sys.ini</language>
+			<language tag="en-GB">languages/admin/en-GB/en-GB.com_jsn.ini</language>
+			<language tag="en-GB">languages/admin/en-GB/en-GB.com_jsn.sys.ini</language>
+			<language tag="de-DE">languages/admin/de-DE/de-DE.com_jsn.ini</language>
+			<language tag="de-DE">languages/admin/de-DE/de-DE.com_jsn.sys.ini</language>
+			<language tag="es-ES">languages/admin/es-ES/es-ES.com_jsn.ini</language>
+			<language tag="es-ES">languages/admin/es-ES/es-ES.com_jsn.sys.ini</language>
+		</languages>
+		<menu link="option=com_jsn" img="class:fields">com_jsn</menu>
+
+	</administration>
+
+	<updateservers>
+        <server type="extension" priority="1" name="Easy Profile">https://www.easy-profile.com/update.php?p=easy-profile&amp;file=extension.xml</server>
+    </updateservers>
+	
+</extension>
+
+
diff --git a/deployed/jsn/administrator/components/com_jsn/models/field.php b/deployed/jsn/administrator/components/com_jsn/models/field.php
new file mode 100644
index 00000000..ded42616
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/field.php
@@ -0,0 +1,696 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnModelField extends JModelAdmin
+{
+	/**
+	 * @var    string  The prefix to use with controller messages.
+	 * @since  3.1
+	 */
+	protected $text_prefix = 'COM_JSN';
+
+	/**
+	 * Constructor.
+	 *
+	 * @param    array    An optional associative array of configuration settings.
+	 * @see        JController
+	 * @since      3.0.3
+	 */
+	public function __construct($config = array())
+	{
+		parent::__construct($config);
+		// Include Field Class
+		foreach (glob(JPATH_ADMINISTRATOR . '/components/com_jsn/helpers/fields/*.php') as $filename) {
+			require_once $filename;
+		}
+	}
+
+	/**
+	 * Method to test whether a record can be deleted.
+	 *
+	 * @param   object  $record  A record object.
+	 *
+	 * @return  boolean  True if allowed to delete the record. Defaults to the permission set in the component.
+	 *
+	 * @since   3.1
+	 */
+	protected function canDelete($record)
+	{
+		if (!empty($record->id))
+		{
+			if ($record->published != -2)
+			{
+				return;
+			}
+			$user = JFactory::getUser();
+
+			return parent::canDelete($record);
+		}
+	}
+
+	/**
+	 * Method to test whether a record can have its state changed.
+	 *
+	 * @param   object  $record  A record object.
+	 *
+	 * @return  boolean  True if allowed to change the state of the record. Defaults to the permission set in the component.
+	 *
+	 * @since   3.1
+	 */
+	protected function canEditState($record,$nameField = null)
+	{
+		$user = JFactory::getUser();
+
+		// Prevent Delete and Unpublish Core Fields
+		if(($record->core && $nameField!='profile' && $nameField!='search') && !($record->alias=='avatar' && ($nameField=='edit' || $nameField=='required' || $nameField=='register')) && !($record->alias=='secondname' && $nameField=='required'))
+		{
+			JFactory::getApplication()->enqueueMessage(JText::_('JLIB_APPLICATION_ERROR_EDITSTATE_NOT_PERMITTED').' - '.JText::_('COM_JSN_VIEWCONFIG'));
+			return false;
+		}
+
+		return parent::canEditState($record);
+	}
+
+	/**
+	 * Method to get a table object, load it if necessary.
+	 *
+	 * @param   string  $type    The table name. Optional.
+	 * @param   string  $prefix  The class prefix. Optional.
+	 * @param   array   $config  Configuration array for model. Optional.
+	 *
+	 * @return  JTable  A JTable object
+	 *
+	 * @since   3.1
+	*/
+	public function getTable($type = 'Field', $prefix = 'JsnTable', $config = array())
+	{
+		return JTable::getInstance($type, $prefix, $config);
+	}
+
+	/**
+	 * Auto-populate the model state.
+	 *
+	 * Note. Calling getState in this method will result in recursion.
+	 *
+	 * @return  void
+	 *
+	 * @since   3.1
+	 */
+	protected function populateState()
+	{
+		$app = JFactory::getApplication('administrator');
+
+		$parentId = $app->input->getInt('parent_id');
+		$this->setState('field.parent_id', $parentId);
+
+		// Load the User state.
+		$pk = $app->input->getInt('id');
+		$this->setState($this->getName() . '.id', $pk);
+
+		// Load the parameters.
+		$params = JComponentHelper::getParams('com_jsn');
+		$this->setState('params', $params);
+	}
+
+	/**
+	 * Method to get a field.
+	 *
+	 * @param   integer  $pk  An optional id of the object to get, otherwise the id from the model state is used.
+	 *
+	 * @return  mixed  Field data object on success, false on failure.
+	 *
+	 * @since   3.1
+	 */
+	public function getItem($pk = null)
+	{
+		if ($result = parent::getItem($pk))
+		{
+
+			// Prime required properties.
+			if (empty($result->id))
+			{
+				$result->parent_id = $this->getState('field.parent_id');
+			}
+
+			// Convert the metadata field to an array.
+			$registry = new JRegistry;
+			$registry->loadString($result->metadata);
+			$result->metadata = $registry->toArray();
+
+			// Convert the images field to an array.
+			$registry = new JRegistry;
+			$registry->loadString($result->images);
+			$result->images = $registry->toArray();
+
+			// Convert the created and modified dates to local user time for display in the form.
+			$tz = new DateTimeZone(JFactory::getApplication()->getCfg('offset'));
+
+			if ((int) $result->created_time)
+			{
+				$date = new JDate($result->created_time);
+				$date->setTimezone($tz);
+				$result->created_time = $date->toSql(true);
+			}
+			else
+			{
+				$result->created_time = null;
+			}
+
+			if ((int) $result->modified_time)
+			{
+				$date = new JDate($result->modified_time);
+				$date->setTimezone($tz);
+				$result->modified_time = $date->toSql(true);
+			}
+			else
+			{
+				$result->modified_time = null;
+			}
+		}
+
+		return $result;
+	}
+
+	/**
+	 * Method to get the row form.
+	 *
+	 * @param   array    $data      Data for the form.
+	 * @param   boolean  $loadData  True if the form is to load its own data (default case), false if not.
+	 *
+	 * @return  mixed  A JForm object on success, false on failure
+	 *
+	 * @since   3.1
+	 */
+	public function getForm($data = array(), $loadData = true)
+	{
+		$extension = $this->getState('field');
+		$jinput = JFactory::getApplication()->input;
+
+		// Get the form.
+		$form = $this->loadForm('com_jsn.field', 'field', array('control' => 'jform', 'load_data' => $loadData));
+
+		if (empty($form))
+		{
+			return false;
+		}
+
+		$user = JFactory::getUser();
+		if (!$user->authorise('core.edit.state', 'com_jsn' . $jinput->get('id')))
+		{
+			// Disable fields for display.
+			$form->setFieldAttribute('ordering', 'disabled', 'true');
+			$form->setFieldAttribute('published', 'disabled', 'true');
+
+			// Disable fields while saving.
+			// The controller has already verified this is a record you can edit.
+			$form->setFieldAttribute('ordering', 'filter', 'unset');
+			$form->setFieldAttribute('published', 'filter', 'unset');
+		}
+
+		// Load Fields Params
+		foreach (glob(JPATH_ADMINISTRATOR . '/components/com_jsn/helpers/fields/*.xml') as $filename)
+		{
+			$form->loadFile($filename);
+		}
+
+		return $form;
+	}
+
+	/**
+	 * Method to get the data that should be injected in the form.
+	 *
+	 * @return  mixed  The data for the form.
+	 *
+	 * @since   3.1
+	 */
+	protected function loadFormData()
+	{
+		// Check the session for previously entered form data.
+		$data = JFactory::getApplication()->getUserState('com_jsn.edit.field.data', array());
+		
+		if (empty($data))
+		{
+			$data = $this->getItem();
+		}
+
+		$version=new JVersion();
+		if($version->RELEASE=='3.0') $this->preprocessDataJ30('com_jsn.field', $data);
+		else $this->preprocessData('com_jsn.field', $data);
+
+		return $data;
+	}
+
+	/**
+	 * Method to preprocess the form.
+	 *
+	 * @param   JForm   $form    A JForm object.
+	 * @param   mixed   $data    The data expected for the form.
+	 * @param   string  $group  The name of the plugin group to import.
+	 *
+	 * @return  void
+	 *
+	 * @see     JFormField
+	 * @since   3.1
+	 * @throws  Exception if there is an error in the form event.
+	 */
+	protected function preprocessForm(JForm $form, $data, $group = 'content')
+	{
+		// Trigger the default form events.
+		parent::preprocessForm($form, $data, $group);
+	}
+
+	/**
+	 * Method to save the form data.
+	 *
+	 * @param   array  $data  The form data.
+	 *
+	 * @return  boolean  True on success.
+	 *
+	 * @since   3.1
+	 */
+	public function save($data)
+	{
+		$dispatcher = JEventDispatcher::getInstance();
+		$table = $this->getTable();
+		$input = JFactory::getApplication()->input;
+		$pk = (!empty($data['id'])) ? $data['id'] : (int) $this->getState($this->getName() . '.id');
+		$isNew = true;
+
+		// Include the content plugins for the on save events.
+		JPluginHelper::importPlugin('content');
+
+		// Load the row if saving an existing field.
+		if ($pk > 0)
+		{
+			$table->load($pk);
+			$isNew = false;
+		}
+
+		// Set the new parent id if parent id not matched OR while New/Save as Copy .
+		if ($table->parent_id != $data['parent_id'] || $data['id'] == 0)
+		{
+			$table->setLocation($data['parent_id'], 'last-child');
+		}
+
+		if (isset($data['images']) && is_array($data['images']))
+		{
+			$registry = new JRegistry;
+			$registry->loadArray($data['images']);
+			$data['images'] = (string) $registry;
+		}
+
+		// Alter the title for save as copy
+		if ($input->get('task') == 'save2copy')
+		{
+			list($title, $alias) = $this->generateNewTitle($data['parent_id'], $data['alias'], $data['title']);
+			$data['title'] = $title;
+			$data['alias'] = $alias;
+		}
+
+		// Remove Search flag for some field type
+		$removeSearch = array('filetype','image','delimeter');
+		if($isNew && in_array($data['type'],$removeSearch))
+		{
+			$data['search'] = 0;
+		}
+
+		// Block Modify of Alias, Type and Core / Block Modify of core parameter
+		if(!$isNew)
+		{
+			unset($data['type']);
+			unset($data['alias']);
+			unset($data['core']);
+			if($table->core && $table->alias != 'avatar' && $table->alias != 'secondname'){
+				unset($data['required']);
+				//unset($data['profile']);
+				unset($data['register']);
+				unset($data['edit']);
+			}
+		}
+		
+		// Set Tos
+		/*if($data['type']=='tos')
+		{
+			$data['required']=1;
+			$data['register']=1;
+			$data['profile']=0;
+		}*/
+		
+		// Block Reserved Alias
+		$reserved=array('id','name','email1','email2','password1','password2','params','privacy','facebook_id','google_id','twitter_id','linkedin_id','instagram_id','search');
+		if($isNew && in_array( strtolower($data['alias']) , $reserved ))
+		{
+			$data['alias']='jsn_'.$data['alias'];
+		}
+
+		// Bind the data.
+		if (!$table->bind($data))
+		{
+			$this->setError($table->getError());
+			return false;
+		}
+
+		// Bind the rules.
+		if (isset($data['rules']))
+		{
+			$rules = new JAccessRules($data['rules']);
+			$table->setRules($rules);
+		}
+
+		// Check the data.
+		if (!$table->check())
+		{
+			$this->setError($table->getError());
+			return false;
+		}
+
+		// Trigger the onContentBeforeSave event.
+		$result = $dispatcher->trigger($this->event_before_save, array($this->option . '.' . $this->name, &$table, $isNew));
+		if (in_array(false, $result, true))
+		{
+			$this->setError($table->getError());
+			return false;
+		}
+
+		// Store the data.
+		if (!$table->store())
+		{
+			$this->setError($table->getError());
+			return false;
+		}
+
+		// Trigger the onContentAfterSave event.
+		$dispatcher->trigger($this->event_after_save, array($this->option . '.' . $this->name, &$table, $isNew));
+		
+		// Create function for field
+		if($isNew && $table->level==2){
+			$class='Jsn'.ucfirst($table->type).'FieldHelper';
+			if(class_exists($class)) $class::create($table->alias);
+		}
+		
+		// Rebuild the path for the field:
+		if (!$table->rebuildPath($table->id))
+		{
+			$this->setError($table->getError());
+			return false;
+		}
+
+		// Rebuild the paths of the field's children:
+		if (!$table->rebuild($table->id, $table->lft, $table->level, $table->path))
+		{
+			$this->setError($table->getError());
+
+			return false;
+		}
+
+		$this->setState($this->getName() . '.id', $table->id);
+
+		// Clear the cache
+		$this->cleanCache();
+
+		return true;
+	}
+	
+	public function delete(&$pks){
+		foreach($pks as $pk){
+			$item=$this->getItem($pk);
+			if($item->level==2){
+				try{
+					$class='Jsn'.ucfirst($item->type).'FieldHelper';
+					if(class_exists($class)) $class::delete($item->alias);
+				}
+				catch (Exception $e) {}
+			}
+		}
+		return parent::delete($pks);
+	}
+
+	/**
+	 * Method rebuild the entire nested set tree.
+	 *
+	 * @return  boolean  False on failure or error, true otherwise.
+	 *
+	 * @since   3.1
+	 */
+	public function rebuild()
+	{
+		// Get an instance of the table object.
+		$table = $this->getTable();
+
+		if (!$table->rebuild())
+		{
+			$this->setError($table->getError());
+			return false;
+		}
+
+		// Clear the cache
+		$this->cleanCache();
+
+		return true;
+	}
+
+	/**
+	 * Method to save the reordered nested set tree.
+	 * First we save the new order values in the lft values of the changed ids.
+	 * Then we invoke the table rebuild to implement the new ordering.
+	 *
+	 * @param   array    $idArray    An array of primary key ids.
+	 * @param   integer  $lft_array  The lft value
+	 *
+	 * @return  boolean  False on failure or error, True otherwise
+	 *
+	 * @since   3.1
+	*/
+	public function saveorder($idArray = null, $lft_array = null)
+	{
+		// Get an instance of the table object.
+		$table = $this->getTable();
+
+		if (!$table->saveorder($idArray, $lft_array))
+		{
+			$this->setError($table->getError());
+			return false;
+		}
+
+		// Clear the cache
+		$this->cleanCache();
+
+		return true;
+	}
+
+	/**
+	 * Method to change the title & alias.
+	 *
+	 * @param   integer  $parent_id  The id of the parent.
+	 * @param   string   $alias      The alias.
+	 * @param   string   $title      The title.
+	 *
+	 * @return  array  Contains the modified title and alias.
+	 *
+	 * @since   3.1
+	 */
+	protected function generateNewTitle($parent_id, $alias, $title)
+	{
+		// Alter the title & alias
+		$table = $this->getTable();
+		while ($table->load(array('alias' => $alias, 'parent_id' => $parent_id)))
+		{
+			$title = ($table->title != $title) ? $title : JString::increment($title);
+			$alias = JString::increment($alias, 'dash');
+		}
+
+		return array($title, $alias);
+	}
+	
+	
+	public function toggle(&$pks, $value = 1, $nameField)
+	{
+		$user = JFactory::getUser();
+		$table = $this->getTable();
+		$pks = (array) $pks;
+
+		// Access checks.
+		foreach ($pks as $i => $pk)
+		{
+			if ($table->load($pk))
+			{
+				
+				if (!$this->canEditState($table,$nameField))
+				{
+					// Prune items that you can't change.
+					unset($pks[$i]);
+					JFactory::getApplication()->enqueueMessage(JText::_('JLIB_APPLICATION_ERROR_EDITSTATE_NOT_PERMITTED').' - '.JText::_('COM_JSN_VIEWCONFIG'));
+					return false;
+				}
+			}
+		}
+
+		// Attempt to change the state of the records.
+		if (!$table->toggle($pks, $value, $user->get('id'),$nameField))
+		{
+			$this->setError($table->getError());
+			return false;
+		}
+
+		return true;
+	}
+	
+	protected function preprocessDataJ30($context, &$data)
+	{
+		// Get the dispatcher and load the users plugins.
+		$dispatcher = JEventDispatcher::getInstance();
+		JPluginHelper::importPlugin('content');
+
+		// Trigger the data preparation event.
+		$results = $dispatcher->trigger('onContentPrepareData', array($context, $data));
+
+		// Check for errors encountered while preparing the data.
+		if (count($results) > 0 && in_array(false, $results, true))
+		{
+			$this->setError($dispatcher->getError());
+		}
+	}
+	
+	protected function batchAccess($value, $pks, $contexts)
+	{
+		$new_pk=array();
+		foreach($pks as $key => $pk)
+		{
+			// Remove Core Fields
+			if($pk>11) $new_pk[]=$pk;
+		}
+		parent::batchAccess($value, $new_pk, $contexts);
+		return true;
+	}
+	
+	public function batch($commands, $pks, $contexts)
+	{
+		parent::batch($commands, $pks, $contexts);
+		if (!empty($commands['assetgroupview_id']))
+		{
+			if (!$this->batchAccessView($commands['assetgroupview_id'], $pks, $contexts))
+			{
+				return false;
+			}
+
+			$done = true;
+		}
+		if (!empty($commands['fieldgroup_id']))
+		{
+			if (!$this->batchFieldGroup($commands['fieldgroup_id'], $pks, $contexts))
+			{
+				return false;
+			}
+
+			$done = true;
+		}
+		return true;
+	}
+	
+	protected function batchAccessView($value, $pks, $contexts)
+	{
+		if (empty($this->batchSet))
+		{
+			// Set some needed variables.
+			$this->user = JFactory::getUser();
+			$this->table = $this->getTable();
+			$this->tableClassName = get_class($this->table);
+			$this->contentType = new JUcmType;
+			$this->type = $this->contentType->getTypeByTable($this->tableClassName);
+		}
+
+		foreach ($pks as $pk)
+		{
+			if ($this->user->authorise('core.edit', $contexts[$pk]))
+			{
+				$this->table->reset();
+				$this->table->load($pk);
+				$this->table->accessview = (int) $value;
+
+				if (!empty($this->type))
+				{
+					$this->createTagsHelper($this->tagsObserver, $this->type, $pk, $this->typeAlias, $this->table);
+				}
+
+				if (!$this->table->store())
+				{
+					$this->setError($this->table->getError());
+
+					return false;
+				}
+			}
+			else
+			{
+				$this->setError(JText::_('JLIB_APPLICATION_ERROR_BATCH_CANNOT_EDIT'));
+
+				return false;
+			}
+		}
+
+		// Clean the cache
+		$this->cleanCache();
+
+		return true;
+	}
+	
+	protected function batchFieldGroup($value, $pks, $contexts)
+	{
+		if (empty($this->batchSet))
+		{
+			// Set some needed variables.
+			$this->user = JFactory::getUser();
+			$this->table = $this->getTable();
+			$this->tableClassName = get_class($this->table);
+			$this->contentType = new JUcmType;
+			$this->type = $this->contentType->getTypeByTable($this->tableClassName);
+		}
+
+		foreach ($pks as $pk)
+		{
+			if ($this->user->authorise('core.edit', $contexts[$pk]))
+			{
+				$this->table->reset();
+				$this->table->load($pk);
+				$this->table->parent_id = (int) $value;
+				$this->table->lft = 1000;
+				$this->table->rgt = 1000;
+
+				if (!empty($this->type))
+				{
+					$this->createTagsHelper($this->tagsObserver, $this->type, $pk, $this->typeAlias, $this->table);
+				}
+
+				if (!$this->table->store())
+				{
+					$this->setError($this->table->getError());
+
+					return false;
+				}
+			}
+			else
+			{
+				$this->setError(JText::_('JLIB_APPLICATION_ERROR_BATCH_CANNOT_EDIT'));
+
+				return false;
+			}
+		}
+
+		$this->rebuild();
+
+		// Clean the cache
+		$this->cleanCache();
+
+		return true;
+	}
+	
+	
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields.php b/deployed/jsn/administrator/components/com_jsn/models/fields.php
new file mode 100644
index 00000000..d0752e3d
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields.php
@@ -0,0 +1,311 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnModelFields extends JModelList
+{
+	/**
+	 * Constructor.
+	 *
+	 * @param    array    An optional associative array of configuration settings.
+	 * @see        JController
+	 * @since      3.0.3
+	 */
+	public function __construct($config = array())
+	{
+		if (empty($config['filter_fields']))
+		{
+			$config['filter_fields'] = array(
+				'id', 'a.id',
+				'title', 'a.title',
+				'alias', 'a.alias',
+				'published', 'a.published',
+				'access', 'a.access', 'access_level',
+				'language', 'a.language',
+				'checked_out', 'a.checked_out',
+				'checked_out_time', 'a.checked_out_time',
+				'created_time', 'a.created_time',
+				'created_user_id', 'a.created_user_id',
+				'lft', 'a.lft',
+				'rgt', 'a.rgt',
+				'level', 'a.level',
+				'path', 'a.path',
+			);
+		}
+
+		parent::__construct($config);
+	}
+
+	/**
+	 * Method to auto-populate the model state.
+	 *
+	 * Note. Calling getState in this method will result in recursion.
+	 *
+	 * @param   string  $ordering   An optional ordering field.
+	 * @param   string  $direction  An optional direction (asc|desc).
+	 *
+	 * @return    void
+	 * @since    3.1
+	 */
+	protected function populateState($ordering = null, $direction = null)
+	{
+		$app = JFactory::getApplication();
+		$context = $this->context;
+
+		$search = $this->getUserStateFromRequest($context . '.search', 'filter_search');
+		$this->setState('filter.search', $search);
+
+		$level = $this->getUserStateFromRequest($context . '.filter.level', 'filter_level', 0, 'int');
+		$this->setState('filter.level', $level);
+
+		$access = $this->getUserStateFromRequest($context . '.filter.access', 'filter_access', 0, 'int');
+		$this->setState('filter.access', $access);
+
+		$published = $this->getUserStateFromRequest($context . '.filter.published', 'filter_published', '');
+		$this->setState('filter.published', $published);
+
+		$language = $this->getUserStateFromRequest($context . '.filter.language', 'filter_language', '');
+		$this->setState('filter.language', $language);
+
+		// Load the parameters.
+		$params = JComponentHelper::getParams('com_jsn');
+		$this->setState('params', $params);
+
+		// List state information.
+		parent::populateState('a.lft', 'asc');
+	}
+
+	/**
+	 * Method to get a store id based on model configuration state.
+	 *
+	 * This is necessary because the model is used by the component and
+	 * different modules that might need different sets of data or different
+	 * ordering requirements.
+	 *
+	 * @param   string  $id  A prefix for the store id.
+	 *
+	 * @return  string  A store id.
+	 * @since   3.1
+	 */
+	protected function getStoreId($id = '')
+	{
+		// Compile the store id.
+		$id .= ':' . $this->getState('filter.search');
+		$id .= ':' . $this->getState('filter.published');
+		$id .= ':' . $this->getState('filter.language');
+
+		return parent::getStoreId($id);
+	}
+
+	/**
+	 * Method to create a query for a list of items.
+	 *
+	 * @return  string
+	 *
+	 * @since  3.1
+	 */
+	protected function getListQuery()
+	{
+		// Create a new query object.
+		$db = $this->getDbo();
+		$query = $db->getQuery(true);
+		$user = JFactory::getUser();
+		$app = JFactory::getApplication();
+
+		// Select the required fields from the table.
+		$query->select(
+			$this->getState(
+				'list.select',
+				'a.id, a.title, a.alias, a.note, a.published, a.access, a.accessview,a.params' .
+					', a.checked_out, a.checked_out_time, a.created_user_id' .
+					', a.path, a.parent_id, a.level, a.conditions, a.lft, a.rgt, a.type, a.core, a.required, a.edit, a.profile, a.register, a.search' .
+					', a.language'
+			)
+		);
+		$query->from('#__jsn_fields AS a')
+			->where('a.alias <> ' . $db->quote('root'));
+
+		// Join over the language
+		//$query->select('l.title AS language_title')
+		//	->join('LEFT', $db->quoteName('#__languages') . ' AS l ON l.lang_code = a.language');
+
+		// Join over the users for the checked out user.
+		$query->select('uc.name AS editor')
+			->join('LEFT', '#__users AS uc ON uc.id=a.checked_out');
+
+		// Join over the users for the author.
+		$query->select('ua.name AS author_name')
+			->join('LEFT', '#__users AS ua ON ua.id = a.created_user_id');
+
+		$query->select('ug.title AS access_title')
+			->join('LEFT', '#__viewlevels AS ug on ug.id = a.access');
+			
+		$query->select('ugv.title AS accessview_title')
+			->join('LEFT', '#__viewlevels AS ugv on ugv.id = a.accessview');
+
+		// Filter on the level.
+		if ($level = $this->getState('filter.level'))
+		{
+			$query->where('a.level <= ' . (int) $level);
+		}
+
+		// Filter by access level.
+		if ($access = $this->getState('filter.access'))
+		{
+			$query->where('a.access = ' . (int) $access);
+		}
+
+		// Implement View Level Access
+		if (!$user->authorise('core.admin'))
+		{
+			$groups = implode(',', $user->getAuthorisedViewLevels());
+			//$query->where('a.access IN (' . $groups . ')');
+		}
+
+		// Filter by published state
+		$published = $this->getState('filter.published');
+		if (is_numeric($published))
+		{
+			$query->where('a.published = ' . (int) $published);
+		}
+		elseif ($published === '')
+		{
+			$query->where('(a.published IN (0, 1))');
+		}
+
+		// Filter by search in title
+		$search = $this->getState('filter.search');
+		if (!empty($search))
+		{
+			if (stripos($search, 'id:') === 0)
+			{
+				$query->where('a.id = ' . (int) substr($search, 3));
+			}
+			elseif (stripos($search, 'author:') === 0)
+			{
+				$search = $db->quote('%' . $db->escape(substr($search, 7), true) . '%');
+				$query->where('(ua.name LIKE ' . $search . ' OR ua.username LIKE ' . $search . ')');
+			}
+			else
+			{
+				$search = $db->quote('%' . $db->escape($search, true) . '%');
+				$query->where('(a.title LIKE ' . $search . ' OR a.alias LIKE ' . $search . ' OR a.note LIKE ' . $search . ')');
+			}
+		}
+
+		// Filter on the language.
+		if ($language = $this->getState('filter.language'))
+		{
+			$query->where('a.language = ' . $db->quote($language));
+		}
+
+		// Add the list ordering clause
+		$listOrdering = $this->getState('list.ordering', 'a.lft');
+		$listDirn = $db->escape($this->getState('list.direction', 'ASC'));
+		if ($listOrdering == 'a.access')
+		{
+			$query->order('a.access ' . $listDirn . ', a.lft ' . $listDirn);
+		}
+		else
+		{
+			$query->order($db->escape($listOrdering) . ' ' . $listDirn);
+		}
+
+		//echo nl2br(str_replace('#__','jos_',$query));
+		return $query;
+	}
+
+	/**
+	 * Method override to check-in a record or an array of record
+	 *
+	 * @param   mixed  $pks  The ID of the primary key or an array of IDs
+	 *
+	 * @return  mixed  Boolean false if there is an error, otherwise the count of records checked in.
+	 *
+	 * @since   12.2
+	 */
+	public function checkin($pks = array())
+	{
+		$pks = (array) $pks;
+		$table = $this->getTable();
+		$count = 0;
+
+		if (empty($pks))
+		{
+			$pks = array((int) $this->getState($this->getName() . '.id'));
+		}
+
+		// Check in all items.
+		foreach ($pks as $pk)
+		{
+			if ($table->load($pk))
+			{
+
+				if ($table->checked_out > 0)
+				{
+					// Only attempt to check the row in if it exists.
+					if ($pk)
+					{
+						$user = JFactory::getUser();
+
+						// Get an instance of the row to checkin.
+						$table = $this->getTable();
+						if (!$table->load($pk))
+						{
+							$this->setError($table->getError());
+							return false;
+						}
+
+						// Check if this is the user having previously checked out the row.
+						if ($table->checked_out > 0 && $table->checked_out != $user->get('id') && !$user->authorise('core.admin', 'com_checkin'))
+						{
+							$this->setError(JText::_('JLIB_APPLICATION_ERROR_CHECKIN_USER_MISMATCH'));
+							return false;
+						}
+
+						// Attempt to check the row in.
+						if (!$table->checkin($pk))
+						{
+							$this->setError($table->getError());
+							return false;
+						}
+					}
+
+					$count++;
+				}
+			}
+			else
+			{
+				$this->setError($table->getError());
+
+				return false;
+			}
+		}
+
+		return $count;
+	}
+
+	/**
+	 * Method to get a table object, load it if necessary.
+	 *
+	 * @param   string  $type    The table name. Optional.
+	 * @param   string  $prefix  The class prefix. Optional.
+	 * @param   array   $config  Configuration array for model. Optional.
+	 *
+	 * @return  JTable  A JTable object
+	 *
+	 * @since   3.1
+	 */
+	public function getTable($type = 'Field', $prefix = 'JsnTable', $config = array())
+	{
+		return JTable::getInstance($type, $prefix, $config);
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/checkboxlist.php b/deployed/jsn/administrator/components/com_jsn/models/fields/checkboxlist.php
new file mode 100644
index 00000000..207bfd1a
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/checkboxlist.php
@@ -0,0 +1,77 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+JFormHelper::loadFieldClass('checkboxes');
+
+/**
+ * Form Field class for the Joomla Framework.
+ *
+ * @package     Joomla.Libraries
+ * @subpackage  Form
+ * @since       3.1
+ */
+class JFormFieldCheckboxlist extends JFormFieldCheckboxes
+{
+	public $type = 'Checkboxlist';
+
+	public $isNested = null;
+	
+	public $table = null;
+
+	protected $comParams = null;
+
+	/**
+	 * Constructor
+	 *
+	 * @since  3.1
+	 */
+	public function __construct()
+	{
+		parent::__construct();
+
+		// Load com_jsn config
+		$this->comParams = JComponentHelper::getParams('com_jsn');
+	}
+
+	
+	protected function getInput()
+	{
+		if($this->element['optioninline']==1) $inline='inline';
+		else $inline='';
+		$html=array();
+		$version=new JVersion();
+		if($version->RELEASE<'3.5'){
+			$from=array('<label','</label>','<ul>','</ul>','<li','</li>');
+			$to=array('<span','</span>','','','<label class="checkbox '.$inline.'"','</label>');
+		}
+		else{
+			$from=array('class="checkbox"');
+			$to=array('class="checkbox '.$inline.'"');
+		}
+		$html[]=str_replace($from,$to,parent::getInput());
+		if(isset($this->element['readonly']) && $this->element['readonly']=='true') $html[]='<input type="hidden" value="1" name="'.$this->name.'"/>' ;
+		return implode('', $html);
+	}
+	public function getOptions()
+	{
+		return parent::getOptions();
+	}
+
+	protected function getLayoutData()
+	{
+		$hasValue = (isset($this->value) && !empty($this->value));
+		if($hasValue && is_object($this->value)) $this->value = (array)$this->value;
+		$data = parent::getLayoutData();
+		return $data;
+	}
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/conditions.php b/deployed/jsn/administrator/components/com_jsn/models/fields/conditions.php
new file mode 100644
index 00000000..b0b422db
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/conditions.php
@@ -0,0 +1,156 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+JFormHelper::loadFieldClass('textarea');
+
+/**
+ * Form Field class for the Joomla Framework.
+ *
+ * @package     Joomla.Libraries
+ * @subpackage  Form
+ * @since       3.1
+ */
+class JFormFieldConditions extends JFormFieldTextarea
+{
+	public $type = 'Conditions';
+
+	//public $isNested = null;
+	
+	//public $table = null;
+
+	protected $comParams = null;
+
+	/**
+	 * Constructor
+	 *
+	 * @since  3.1
+	 */
+	public function __construct()
+	{
+		parent::__construct();
+
+		// Load com_jsn config
+		$this->comParams = JComponentHelper::getParams('com_jsn');
+	}
+
+	protected function getInput()
+	{
+		$db = JFactory::getDbo();
+		$query	= $db->getQuery(true)
+			->select('a.alias AS value, a.path, a.title AS text, a.alias, a.type, a.level, a.published')
+			->from('#__jsn_fields AS a')
+			->join('LEFT', '#__jsn_fields AS b ON a.lft > b.lft AND a.rgt < b.rgt');
+		$query->where('a.level = 2');
+		$query->where('a.published IN (0,1)');
+		$query->group('a.id, a.title, a.level, a.lft, a.rgt, a.parent_id, a.published, a.path')
+			->order('a.lft ASC');
+		$db->setQuery($query);
+		$fields = $db->loadObjectList();
+		$fields_opt = '';
+		foreach($fields as &$value){
+			$fields_opt.='<option value="'. $value->alias .'">'.JText::_($value->text) . " (" . $value->alias . ")</option>";
+		}
+
+		$html='
+			<div class="dd" id="sortable'.$this->id.'" style="width:100%;">
+    <a id="sortable-add-item-btn" class="dd-new-item">+</a>
+    <li class="dd-item-blueprint">
+      <button class="collapse" data-action="collapse" type="button" style="display: none;">–</button>
+      <button class="expand" data-action="expand" type="button" style="display: none;">+</button>
+      <div class="dd-handle dd3-handle">Drag</div>
+      <div class="dd3-content">
+        <span class="item-name">[item_name]</span>
+        <div class="dd-button-container">
+          <button class="custom-button-example">&#x270E;</button>
+          <button class="item-remove">&times;</button>
+        </div>
+        <div class="dd-edit-box" style="display: none;">
+          <button class="btn btn-primary btn-small pull-right end-edit"><b>'.JText::_('COM_JSN_CONDITION_SAVE').'</b></button>
+          <input type="text" name="title" autocomplete="off" placeholder="Item"
+                 data-placeholder="'.JText::_('COM_JSN_CONDITION_TITLE').'"
+                 data-default-value="Condition Description"/>
+                 <hr />
+          '.JText::_('COM_JSN_CONDITION_IF').'
+          <span><select name="operator">
+			<option value="1">'.JText::_('COM_JSN_CONDITION_EQUAL').'</option>
+			<option value="2">'.JText::_('COM_JSN_CONDITION_GREATER').'</option>
+			<option value="3">'.JText::_('COM_JSN_CONDITION_LESS').'</option>
+			<option value="4">'.JText::_('COM_JSN_CONDITION_CONTAINS').'</option>
+			<option value="5">'.JText::_('COM_JSN_CONDITION_NOTEQUAL').'</option>
+			<option value="6">'.JText::_('COM_JSN_CONDITION_NOTCONTAINS').'</option>
+          </select></span> 
+          <span><select name="to" class="select_to" onchange="if(jQuery(this).val()==\'_custom\') jQuery(this).parent().next().show(); else jQuery(this).parent().next().hide();">
+            <option value="_custom">'.JText::_('COM_JSN_CONDITION_CUSTOMVALUE').'</option>
+            '.$fields_opt.'
+          </select></span> 
+          <span><input type="text" class="custom_value" name="custom_value" autocomplete="off" placeholder="Item"
+                 data-placeholder="Custom Value"
+                 data-default-value=""/></span> 
+          <hr />
+          '.JText::_('COM_JSN_CONDITION_THEN').'
+            <span><select class="select_action" name="action" onchange="if(jQuery(this).val()==\'fields_show\' || jQuery(this).val()==\'fields_hide\' ) jQuery(this).parent().next().show().next().hide(); else jQuery(this).parent().next().hide().next().show();">
+              <option value="fields_show">'.JText::_('COM_JSN_CONDITION_SHOWFIELDS').'</option>
+              <option value="fields_hide">'.JText::_('COM_JSN_CONDITION_HIDEFIELDS').'</option>
+              <option value="usergroups_add" '.(JSN_TYPE=='free' ? 'disabled="disabled"' : '').'>'.JText::_('COM_JSN_CONDITION_ADDUSERGROUP').'</option>
+              <option value="usergroups_remove" '.(JSN_TYPE=='free' ? 'disabled="disabled"' : '').'>'.JText::_('COM_JSN_CONDITION_REMOVEUSERGROUP').'</option>
+            </select></span>
+            <span><select name="fields_target" multiple="multiple">
+              '.$fields_opt.'
+            </select></span>
+            <span>'.JHtml::_('access.usergroup', 'usergroups_target', null, 'multiple', null, null).'</span>
+          <hr />
+          '.JText::_('COM_JSN_CONDITION_INVERSE').' <select name="two_ways"/><option selected="selected" value="1">'.JText::_('JYES').'</option><option value="0">'.JText::_('JNO').'</option></select>          
+        </div>
+      </div>
+    </li>
+
+    <ol class="dd-list"></ol>
+  </div>
+  <script>
+  jQuery(document).ready(function($) {
+  	jQuery(\'#sortable'.$this->id.' select\').chosen("destroy");
+  	
+    var $sortable            = $(\'#sortable'.$this->id.'\'),
+        sortable             = $(\'#sortable'.$this->id.'\').sortable(),
+        $jsonOutput        = $(\'#'.$this->id.'\');
+
+    $sortable.sortable({
+        slideAnimationDuration: 0,
+        maxDepth: 0,
+        data: $(\'#'.$this->id.'\').val() || \'[]\'
+      })
+      .onCreateItem(function(blueprint) {
+        var customButton = $(blueprint).find(\'.custom-button-example\');
+        customButton.click(function() {
+          blueprint.find(\'.dd3-content span\').first().click();
+        });
+      })
+      .parseJson()
+      .on([\'onItemCollapsed\', \'onItemExpanded\', \'onItemAdded\', \'onSaveEditBoxInput\', \'onItemDrop\', \'onItemDrag\', \'onItemRemoved\', \'onItemEndEdit\'], function(a, b, c) {
+        $jsonOutput.val(sortable.toJson());
+      });
+
+    sortable.on(\'*\', function(a, b, c) {
+    	jQuery(\'#sortable'.$this->id.' button\').click(function(){return false;});
+      })
+      .onItemStartEdit(function() {
+      	jQuery(\'#sortable'.$this->id.' .dd-list select\').chosen();
+        jQuery(\'.select_to,.select_action\').change();
+      });
+      jQuery(\'#sortable'.$this->id.' button\').click(function(){return false;});
+     	$jsonOutput.hide();
+  });
+</script>
+		';
+		return $html . parent::getInput();
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/confirmemail.php b/deployed/jsn/administrator/components/com_jsn/models/fields/confirmemail.php
new file mode 100644
index 00000000..46c5e2c3
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/confirmemail.php
@@ -0,0 +1,38 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+
+JFormHelper::loadFieldClass('email');
+
+/**
+ * Form Field class for the Joomla Platform.
+ * Provides spacer markup to be used in form layouts.
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormFieldConfirmemail extends JFormFieldEmail
+{
+
+	public $type = 'Confirmemail';
+
+	protected function getInput()
+	{
+		$html = parent::getInput();
+		$html.= '<div class="message-regex">'.JText::_('COM_JSN_NOT_EQUAL_EMAIL').'</div>';
+		return str_replace('validate-email','',$html);
+	}
+
+
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/confirmpassword.php b/deployed/jsn/administrator/components/com_jsn/models/fields/confirmpassword.php
new file mode 100644
index 00000000..98694c4f
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/confirmpassword.php
@@ -0,0 +1,38 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+
+JFormHelper::loadFieldClass('password');
+
+/**
+ * Form Field class for the Joomla Platform.
+ * Provides spacer markup to be used in form layouts.
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormFieldConfirmpassword extends JFormFieldPassword
+{
+
+	public $type = 'Confirmpassword';
+
+	protected function getInput()
+	{
+		$html = parent::getInput();
+		$html.= '<div class="message-regex">'.JText::_('COM_JSN_NOT_EQUAL_PASSWORD').'</div>';
+		return $html;
+	}
+
+
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/date.php b/deployed/jsn/administrator/components/com_jsn/models/fields/date.php
new file mode 100644
index 00000000..249424c2
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/date.php
@@ -0,0 +1,109 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+JFormHelper::loadFieldClass('hidden');
+
+class JFormFieldDate extends JFormFieldHidden
+{
+	public $type = 'Date';
+	
+	public function getDate(){
+		if($this->element['datetype']==0)
+			return JHtml::_('date', $this->value, $this->element['dateformat'],'UTC');
+			
+		if($this->element['datetype']==1)
+		{
+			$birthDate=JHtml::_('date', $this->value, 'm/d/Y','UTC');
+			$birthDate = explode("/", $birthDate);
+			$age = (date("md", date("U", mktime(0, 0, 0, $birthDate[0], $birthDate[1], $birthDate[2]))) > date("md") ? ((date("Y")-$birthDate[2])-1):(date("Y")-$birthDate[2]));
+			
+			if( $age == 1 ) return $age.' '.JText::_('COM_JSN_YEAR');
+			else return $age.' '.JText::_('COM_JSN_YEARS');
+		}
+			
+		if($this->element['datetype']==2)
+		{
+			$years=date('Y')-JHtml::_('date', $this->value, 'Y','UTC');
+			if( $years == 0 ) return JText::_('COM_JSN_THISYEAR');
+			if( $years == 1 ) return JText::_('COM_JSN_YEARAGO');
+			else return $years.' '.JText::_('COM_JSN_YEARSAGO');
+		}
+			
+	}
+	
+	public function getInput()
+	{
+		$doc=JFactory::getDocument();
+		JHtml::_('bootstrap.framework');
+		$doc->addScript(JURI::root().'components/com_jsn/assets/js/bootstrap-datepicker.min.js');
+		$doc->addStylesheet(JURI::root().'components/com_jsn/assets/css/datepicker.min.css');
+		$span='';
+		if((int)$this->element['span'])
+		{
+			$span='
+			{
+			  onRender: function(date) {
+			    return date.valueOf() '.((int)$this->element['span']==1 ? '>' : '<').' now.valueOf() ? "disabled" : "";
+			  }
+			}
+			';
+		}
+		static $init=0;
+		if($init==0){
+			$script='
+			var DPGlobalDates = {
+				days: ["'.JText::_("SUNDAY").'", "'.JText::_("MONDAY").'", "'.JText::_("TUESDAY").'", "'.JText::_("WEDNESDAY").'", "'.JText::_("THURSDAY").'", "'.JText::_("FRIDAY").'", "'.JText::_("SATURDAY").'", "'.JText::_("SUNDAY").'"],
+				daysShort: ["'.JText::_("SUN").'", "'.JText::_("MON").'", "'.JText::_("TUE").'", "'.JText::_("WED").'", "'.JText::_("THU").'", "'.JText::_("FRI").'", "'.JText::_("SAT").'", "'.JText::_("SUN").'"],
+				daysMin: ["'.JText::_("SUN").'", "'.JText::_("MON").'", "'.JText::_("TUE").'", "'.JText::_("WED").'", "'.JText::_("THU").'", "'.JText::_("FRI").'", "'.JText::_("SAT").'", "'.JText::_("SUN").'"],
+				months: ["'.JText::_("JANUARY").'", "'.JText::_("FEBRUARY").'", "'.JText::_("MARCH").'", "'.JText::_("APRIL").'", "'.JText::_("MAY").'", "'.JText::_("JUNE").'", "'.JText::_("JULY").'", "'.JText::_("AUGUST").'", "'.JText::_("SEPTEMBER").'", "'.JText::_("OCTOBER").'", "'.JText::_("NOVEMBER").'", "'.JText::_("DECEMBER").'"],
+				monthsShort: ["'.JText::_("JANUARY_SHORT").'", "'.JText::_("FEBRUARY_SHORT").'", "'.JText::_("MARCH_SHORT").'", "'.JText::_("APRIL_SHORT").'", "'.JText::_("MAY_SHORT").'", "'.JText::_("JUNE_SHORT").'", "'.JText::_("JULY_SHORT").'", "'.JText::_("AUGUST_SHORT").'", "'.JText::_("SEPTEMBER_SHORT").'", "'.JText::_("OCTOBER_SHORT").'", "'.JText::_("NOVEMBER_SHORT").'", "'.JText::_("DECEMBER_SHORT").'"]
+			};
+			';
+		}
+		else $script='';
+		$init=1;
+		if(isset($this->element['readonlydate']) && $this->element['readonlydate']) $script.='';
+		else $script.='
+		jQuery(document).ready(function($){
+			var nowTemp = new Date();
+			var now = new Date(nowTemp.getFullYear()'.((int)$this->element['spanyear']>=0 ? '+'.$this->element['spanyear'] : $this->element['spanyear']).', nowTemp.getMonth()'.((int)$this->element['spanmonth']>=0 ? '+'.$this->element['spanmonth'] : $this->element['spanmonth']).', nowTemp.getDate()'.((int)$this->element['spanday']>=0 ? '+'.$this->element['spanday'] : $this->element['spanday']).', 0, 0, 0, 0);
+			$("#wrapper'.$this->id.'").jsndatepicker('.$span.');
+			$("#wrapper'.$this->id.' .jsndateremove").click(function(){
+				$("#wrapper'.$this->id.' input").val("").change();
+				return false;
+			});
+		});
+		';
+		$format=$this->element['formformat'];
+
+		$value='';
+		if($this->value!='') {
+			$format_date=str_replace('dd','z',$format);
+			$format_date=str_replace('d','j',$format_date);
+			$format_date=str_replace('z','d',$format_date);
+			$format_date=str_replace('mm','m',$format_date);
+			$format_date=str_replace('MM','F',$format_date);
+			$format_date=str_replace('yyyy','Y',$format_date);
+			$date=new JDate($this->value);
+			$value=$date->format($format_date);//date($format_date,strtotime($this->value));
+		}
+		if(JText::_('COM_JSN_STARTMONDAY')=='1') $date_weekstart=' data-date-weekstart="1"';
+		else $date_weekstart='';
+		
+		if(isset($this->element['readonlydate']) && $this->element['readonlydate']) $readonly = true;
+		else $readonly = false;
+
+		$doc->addScriptDeclaration( $script );
+		return '<div'.$date_weekstart.' data-date-viewmode="'.$this->element['viewmode'].'" data-date-format="'.$format.'" data-date="'.$value.'" id="wrapper'.$this->id.'" class="input-prepend date bsdate">'.($readonly ? '' : '<span class="btn btn-success"><i class="jsn-icon jsn-icon-calendar"></i></span><span class="btn btn-danger"><i class="jsn-icon jsn-icon-remove jsndateremove"></i></span>').'<input type="text" readonly="readonly" value="'.$value.'" placeholder="'.($readonly ? JText::_('COM_USERS_PROFILE_VALUE_NOT_FOUND') : JText::_($this->element['hint'])).'"/>'.parent::getInput().'</div>';
+	}
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/delimeter.php b/deployed/jsn/administrator/components/com_jsn/models/fields/delimeter.php
new file mode 100644
index 00000000..c12e98e8
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/delimeter.php
@@ -0,0 +1,73 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+
+
+/**
+ * Form Field class for the Joomla Platform.
+ * Provides spacer markup to be used in form layouts.
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormFieldDelimeter extends JFormField
+{
+	/**
+	 * The form field type.
+	 *
+	 * @var    string
+	 * @since  11.1
+	 */
+	protected $type = 'Delimeter';
+
+	/**
+	 * Method to get the field input markup for a spacer.
+	 * The spacer does not have accept input.
+	 *
+	 * @return  string  The field input markup.
+	 *
+	 * @since   11.1
+	 */
+	protected function getInput()
+	{
+		$html = array();
+		$class = $this->element['class'] ? (string) $this->element['class'] : '';
+		$text = $this->element['text'] ? (string) $this->element['text'] : (string) $this->element['label'];
+		//if(JText::_(strip_tags($text)) != strip_tags($text)) $text=JText::_(strip_tags($text));
+		if(substr_count($text,' ')==0) $text=JText::_(strip_tags($text));
+		
+		$html[] = '<div id="'.$this->id.'" >';
+		$html[] = JHtml::_('content.prepare', $text, '', 'jsn_content.content');
+		$html[] = '</div>';
+		
+		return implode('', $html);
+		
+	}
+
+	/*protected function getLabel()
+	{
+		return '<style>.'.$this->element['name'].'+.optional{display:none;}</style><div class="'.$this->element['name'].'"></div>';
+	}*/
+
+	/**
+	 * Method to get the field title.
+	 *
+	 * @return  string  The field title.
+	 *
+	 * @since   11.1
+	 */
+	/*protected function getTitle()
+	{
+		return ' ';
+	}*/
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/emailfull.php b/deployed/jsn/administrator/components/com_jsn/models/fields/emailfull.php
new file mode 100644
index 00000000..58bea2e7
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/emailfull.php
@@ -0,0 +1,38 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+
+JFormHelper::loadFieldClass('email');
+
+/**
+ * Form Field class for the Joomla Platform.
+ * Provides spacer markup to be used in form layouts.
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormFieldEmailfull extends JFormFieldEmail
+{
+
+	public $type = 'Email';
+
+	protected function getInput()
+	{
+		$html = parent::getInput();
+		$html.= '<div class="message-regex">'.JText::_('COM_JSN_EMAILINVALID').'</div>';
+		return $html;
+	}
+
+
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/filetype.php b/deployed/jsn/administrator/components/com_jsn/models/fields/filetype.php
new file mode 100644
index 00000000..eb29ef77
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/filetype.php
@@ -0,0 +1,135 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+
+
+JFormHelper::loadFieldClass('hidden');
+
+/**
+ * Form Field class for the Joomla Framework.
+ *
+ * @package     Joomla.Libraries
+ * @subpackage  Form
+ * @since       3.1
+ */
+class JFormFieldFiletype extends JFormFieldHidden
+{
+	public $type = 'Filetype';
+	
+	protected function getInput()
+	{
+		
+		$html=array();
+
+		// Add Bootstrap JS
+		$doc = JFactory::getDocument();
+		JHtml::_('bootstrap.framework');
+		
+		$max_post     = ini_get('post_max_size');
+		$max_upload   = ini_get('upload_max_filesize');
+		$memory_limit = ini_get('memory_limit');
+		$upload_limit = min(JFormFieldFiletype::convertPHPSizeToBytes($max_upload), JFormFieldFiletype::convertPHPSizeToBytes($max_post), JFormFieldFiletype::convertPHPSizeToBytes($memory_limit));
+		
+		$script='
+			jQuery(function($) {
+				$(\'input[name="'.str_replace(']', '_delete]', $this->name).'"]\').change(function(){
+					if($(this).is(":checked")){
+						$(\'#jform_'.$this->element['name'].'\').attr(\'oldvalue\',$(\'#jform_'.$this->element['name'].'\').val());
+						$(\'#jform_'.$this->element['name'].'\').val(\'\');
+						$(\'#jform_'.$this->element['name'].'\').change();
+					} 
+					else 
+					{
+						$(\'#jform_'.$this->element['name'].'\').val($(\'#jform_'.$this->element['name'].'\').attr(\'oldvalue\'));
+						$(\'#jform_'.$this->element['name'].'\').change();
+					} 
+				});
+				$(\'#jform_upload_'.$this->element['name'].'\').change(function(){
+					$(\'#jform_'.$this->element['name'].'\').val(\'true\');
+					$(\'#jform_'.$this->element['name'].'\').change();
+				});
+			});';
+		$doc->addScriptDeclaration( $script );
+
+		if(isset($this->element['readonly']) && $this->element['readonly']) $readonly = 'readonly="readonly" disabled="disabled"';
+		else $readonly = '';
+
+		$html[]='<input '.$readonly.' jsn-extensions="'.$this->element['mime'].'" type="file" name="jform[upload_'.$this->element['name'].']" id="jform_upload_'.$this->element['name'].'" class="validate-fileext">';
+		$html[]='<div style="margin-bottom:5px;">'.JText::_('COM_JSN_ALLOWED_EXTENSIONS').' <b>'.str_replace('|',', ',$this->element['mime']).'</b>. '.JText::_('COM_JSN_ALLOWED_SIZE').' <b>'.JFormFieldFiletype::formatBytes($upload_limit).'</b>.</div>';
+		
+		$html[]=parent::getInput();
+
+		if($this->element['required']!='true' && $this->value) $html[]='<fieldset class="checkboxes" style="clear:both;"><label class="checkbox"><input type="checkbox" name="'.str_replace(']', '_delete]', $this->name).'"/><span>'.JText::_('JACTION_DELETE').': <a href="'.JURI::root(true).'/'.$this->value.'" target="_blank">'.substr($this->value, strrpos($this->value, '/')+1).'</a></span></label></fieldset>';
+		if($this->element['required']=='true' && $this->value) $html[]='<a href="'.JURI::root(true).'/'.$this->value.'" target="_blank">'.substr($this->value, strrpos($this->value, '/')+1).'</a>';
+		
+		return implode('', $html);
+		
+	}
+	
+	public function getFile()
+	{
+		$attribs=array(
+			'class' => 'file '.$this->element['class']
+		);
+		$html=array();
+		
+		if($this->value) $html[]='<div><a target="_blank" class="btn btn-mini btn-sm btn-default" href="'.$this->value.'"><i class="icon-download"></i> '.JText::_($this->element['downloadtext']).'</a></div>';
+		return implode('', $html);
+	}
+	
+	public function getValue()
+	{
+		return $this->value;
+	}
+
+	/*public function getLabel()
+	{
+		return str_replace('jform_','jform_upload_',parent::getLabel());
+	}*/
+	
+	static function convertPHPSizeToBytes($sSize)  
+	{  
+	    if ( is_numeric( $sSize) ) {
+	       return $sSize;
+	    }
+	    $sSuffix = substr($sSize, -1);  
+	    $iValue = substr($sSize, 0, -1);  
+	    switch(strtoupper($sSuffix)){  
+	    case 'P':  
+	        $iValue *= 1024;  
+	    case 'T':  
+	        $iValue *= 1024;  
+	    case 'G':  
+	        $iValue *= 1024;  
+	    case 'M':  
+	        $iValue *= 1024;  
+	    case 'K':  
+	        $iValue *= 1024;  
+	        break;  
+	    }  
+	    return $iValue;  
+	}
+	
+	static function formatBytes($bytes, $precision = 2) { 
+	    $units = array('B', 'KB', 'MB', 'GB', 'TB'); 
+
+	    $bytes = max($bytes, 0); 
+	    $pow = floor(($bytes ? log($bytes) : 0) / log(1024)); 
+	    $pow = min($pow, count($units) - 1); 
+
+	    $bytes /= pow(1024, $pow); 
+
+	    return round($bytes, $precision) . ' ' . $units[$pow]; 
+	}
+	
+	
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/imagefull.php b/deployed/jsn/administrator/components/com_jsn/models/fields/imagefull.php
new file mode 100644
index 00000000..f477ed41
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/imagefull.php
@@ -0,0 +1,375 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+
+
+JFormHelper::loadFieldClass('hidden');
+
+/**
+ * Form Field class for the Joomla Framework.
+ *
+ * @package     Joomla.Libraries
+ * @subpackage  format
+ * @since       3.1
+ */
+class JFormFieldImagefull extends JFormFieldHidden
+{
+	public $type = 'Image';
+	
+	protected function getInput()
+	{
+		$doc = JFactory::getDocument();
+		$dir = $doc->direction;
+
+		$jsn_config = JComponentHelper::getParams('com_jsn');
+		if($jsn_config->get('avatar',1) == 2) // Gravatar
+		{
+			return JText::_('COM_JSN_AVATAR_WITH_GRAVATAR');
+		}
+			
+		$this->element['class']='';
+		$attribs=array(
+			'style' => 'float:left;width:50px;margin-right:10px;border-radius:2px;margin-bottom:5px;',
+			'class' => 'img_'.$this->element['name']
+		);
+		if($dir=='rtl')
+		{
+			$attribs=array(
+				'style' => 'float:right;width:50px;margin-left:10px;border-radius:2px;margin-bottom:5px;',
+				'class' => 'img_'.$this->element['name']
+			);
+		}
+		$html=array();
+
+		// Check Mobile
+		$iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
+		$android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");
+		$palmpre = strpos($_SERVER['HTTP_USER_AGENT'],"webOS");
+		$berry = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry");
+		$ipod = strpos($_SERVER['HTTP_USER_AGENT'],"iPod");
+		$windowsphone = strpos($_SERVER['HTTP_USER_AGENT'],"Windows Phone");
+		if($windowsphone || $iphone || $android || $palmpre || $ipod || $berry == true) $mobile=true;
+		else $mobile=false;
+
+		// Add Bootstrap JS
+		JHtml::_('bootstrap.framework');
+
+		if(isset($this->element['readonly']) && $this->element['readonly']) {$readonly = 'readonly="readonly" disabled="disabled"';$this->element['cropwebcam']=0;}
+		else $readonly = '';
+
+		switch($this->element['cropwebcam']){
+			default:
+			case '0': /* INPUT */
+
+				// Set Default
+				if($this->element['name']=='avatar') $default_image='components/com_jsn/assets/img/default.jpg';
+				else $default_image='components/com_jsn/assets/img/no_image.gif';
+
+				if(isset($this->element['default'])) $default_image=$this->element['default'];
+				if(isset($this->element['removed_default'])) $default_image=$this->element['removed_default'];
+
+				// Clear value inherit by default value
+				if($this->value==$default_image) $this->value='';
+
+				// Image Preview
+				if(empty($this->value) || $this->value=='true') 
+				{
+					$this->value='';
+					$session = JFactory::getSession();
+					$session->set('_tmp_img_'.$this->element['name'],'');
+					$img_src=$default_image;
+					$html[]=JHtml::_('image', $default_image ,$this->element['alt'],$attribs);
+				}
+				else 
+				{
+					$session = JFactory::getSession();
+					$session->set('_tmp_img_'.$this->element['name'],'');
+					$img_src=$this->value;
+					$html[]=JHtml::_('image', preg_replace('~_(?!.*_)~', 'mini_', $this->value) ,$this->element['alt'],$attribs);
+				}
+				$script='
+				jQuery(function($) {
+					$(\'input[name="'.str_replace(']', '_delete]', $this->name).'"]\').change(function(){
+						if($(this).is(":checked")){
+							$(\'#'.$this->id.'\').attr(\'oldvalue\',$(\'#'.$this->id.'\').val());
+							$(\'#'.$this->id.'\').val(\'\');
+							$(\'#'.$this->id.'\').change();
+						} 
+						else 
+						{
+							$(\'#'.$this->id.'\').val($(\'#'.$this->id.'\').attr(\'oldvalue\'));
+							$(\'#'.$this->id.'\').change();
+						} 
+					});
+					$(\'#jform_upload_'.$this->element['name'].'\').change(function(){
+						$(\'#'.$this->id.'\').val(\'true\');
+						$(\'#'.$this->id.'\').change();
+					});
+				});';
+				$doc->addScriptDeclaration( $script );
+
+				$html[]='<input '.$readonly.' type="file" name="jform[upload_'.$this->element['name'].']" id="jform_upload_'.$this->element['name'].'" accept="image/*">';
+				$html[]=parent::getInput();
+				if($this->element['required']!='true' && $this->value) $html[]='<fieldset class="checkboxes" style="clear:both;"><label class="checkbox"><input type="checkbox" name="'.str_replace(']', '_delete]', $this->name).'"/><span>'.JText::_('COM_JSN_DELETE_IMAGE').'</span></label></fieldset>';
+				$html[]='<div style="clear:both"></div>';
+
+			break;
+			case '1': /* CROP & WEBCAM */
+
+				// Set Default
+				if($this->element['name']=='avatar') $default_image='components/com_jsn/assets/img/default.jpg';
+				else $default_image='components/com_jsn/assets/img/no_image.gif';
+
+				if(isset($this->element['default'])) $default_image=$this->element['default'];
+				if(isset($this->element['removed_default'])) $default_image=$this->element['removed_default'];
+
+				// Clear value inherit by default value
+				if($this->value==$default_image) $this->value='';
+
+				// Image Preview
+				$isTmp=strpos($this->value, '_tmp');
+				if(empty($this->value) || $this->value=='true') 
+				{
+					$this->value='';
+					$session = JFactory::getSession();
+					$session->set('_tmp_img_'.$this->element['name'],'');
+					$img_src=$default_image;
+					$html[]=JHtml::_('image', $default_image ,$this->element['alt'],$attribs);
+				}
+				elseif($isTmp)
+				{
+					$img_src=$this->value;
+					$img_src=substr($img_src,strpos($img_src,'images/_tmp/'));
+					$img_src=substr($img_src,0,strrpos($img_src,'?'));
+					$html[]=JHtml::_('image',$img_src ,$this->element['alt'],$attribs);
+				}
+				else 
+				{
+					$session = JFactory::getSession();
+					$session->set('_tmp_img_'.$this->element['name'],'');
+					$img_src=$this->value;
+					$html[]=JHtml::_('image', preg_replace('~_(?!.*_)~', 'mini_', $this->value) ,$this->element['alt'],$attribs);
+				}
+
+				$doc->addScript(JURI::root().'components/com_jsn/assets/js/jquery.Jcrop.min.js');
+				$doc->addScript(JURI::root().'components/com_jsn/assets/js/jquery.imgpicker.min.js');
+				$doc->addStylesheet(JURI::root().'components/com_jsn/assets/css/imgpicker.min.css');
+
+				if(JFactory::getApplication()->isAdmin()) $admin_path='administrator/';
+				else $admin_path='';
+				
+				$width=$this->element['width'];
+				$height=$this->element['height'];
+				
+				$html[]='
+					<div class="jsn_'.$this->element['name'].'-container">
+						<button type="button" class="btn btn-danger" data-ip-modal="#jsn_'.$this->element['name'].'Modal"><i class="jsn-icon jsn-icon-pencil"></i> '.JText::_('COM_JSN_IMAGE_CHANGE').'</button>
+					</div>';
+				$modal='
+					<div class="ip-modal" id="jsn_'.$this->element['name'].'Modal">
+						<div class="ip-modal-dialog">
+							<div class="ip-modal-content">
+								<div class="ip-modal-header">
+									<a class="ip-close" title="Close">&times;</a>
+									<h4 class="ip-modal-title">'.JText::sprintf('COM_JSN_IMAGE_MODALTITLE',JText::_($this->element['label'])).'</h4>
+								</div>
+								<div class="ip-modal-body">
+									<div class="btn btn-primary ip-upload">'.JText::_('COM_JSN_IMAGE_UPLOAD').' <input type="file" name="file" class="ip-file"></div>
+									'.($mobile || $this->element['cropwebcam']=='2' ? '' : '<button type="button" class="btn btn-primary ip-webcam">'.JText::_('COM_JSN_IMAGE_WEBCAM').'</button>').'
+									<button type="button" class="btn btn-info ip-edit">'.JText::_('JACTION_EDIT').'</button>
+									<button type="button" class="btn btn-danger ip-delete">'.JText::_('JACTION_DELETE').'</button>
+									
+									<div class="alert ip-alert"></div>
+									<div class="ip-info">'.JText::_('COM_JSN_CROPWEBCAM_TIP').'</div>
+									<div class="ip-preview"></div>
+									<div class="ip-rotate">
+										<button type="button" class="btn btn-default ip-rotate-ccw" title="Rotate counter-clockwise"><i class="icon-ccw"></i></button>
+										<button type="button" class="btn btn-default ip-rotate-cw" title="Rotate clockwise"><i class="icon-cw"></i></button>
+									</div>
+									<div class="ip-progress">
+										<!-- <div class="text">Uploading</div> -->
+										<div class="progress progress-striped active"><div class="progress-bar bar"></div></div>
+									</div>
+								</div>
+								<div class="ip-modal-footer">
+									<div class="ip-actions">
+										<button type="button" class="btn btn-success ip-save">'.JText::_('COM_JSN_IMAGE_SAVEIMAGE').'</button>
+										<button type="button" class="btn btn-primary ip-capture">'.JText::_('COM_JSN_IMAGE_CAPTURE').'</button>
+										<button type="button" class="btn btn-default ip-cancel">'.JText::_('COM_JSN_IMAGE_CANCEL').'</button>
+									</div>
+									<button type="button" class="btn btn-default ip-close">Close</button>
+								</div>
+							</div>
+						</div>
+					</div>';
+				$script='
+				jQuery(function($) {
+					$(\'body\').append(\''.str_replace(array("\n","\r","'"),array("","","\'"),$modal).'\');
+					$(\'input[name="'.str_replace(']', '_delete]', $this->name).'"]\').change(function(){
+						if($(this).is(":checked")){
+							$(\'#'.$this->id.'\').attr(\'oldvalue\',$(\'#'.$this->id.'\').val());
+							$(\'#'.$this->id.'\').val(\'\');
+							$(\'#'.$this->id.'\').change();
+						} 
+						else 
+						{
+							$(\'#'.$this->id.'\').val($(\'#'.$this->id.'\').attr(\'oldvalue\'));
+							$(\'#'.$this->id.'\').change();
+						} 
+					});
+					$(\'#jsn_'.$this->element['name'].'Modal\').imgPicker({
+						url: \''.JURI::root(true).'/'.$admin_path.'index.php?option=com_jsn&view=opField&type=image&format=raw&field='.$this->element['name'].'\',
+						aspectRatio: '.$width.'/'.$height.', /* Crop aspect ratio */
+						setSelect: [0,0,1000,1000],
+						swf: \''.JURI::root().'components/com_jsn/assets/webcam.swf\',
+						/* Delete callback */
+						deleteComplete: function() {
+							$(\'.img_'.$this->element['name'].'\').attr(\'src\', \''.JURI::root(true).'/'.$img_src.'\');
+							$(\'#'.$this->id.'\').val(\''.$this->value.'\');
+							$(\'#'.$this->id.'\').change();
+							$(\'input[name="'.str_replace(']', '_delete]', $this->name).'"]\').prop(\'checked\', false);
+							this.modal(\'hide\');
+						},
+						/* Crop success callback */
+						cropSuccess: function(image) {
+							$(\'.img_'.$this->element['name'].'\').attr(\'src\', image.versions.mini.url + time());
+							$(\'#'.$this->id.'\').val(image.versions.mini.url + time());
+							$(\'#'.$this->id.'\').change();
+							$(\'input[name="'.str_replace(']', '_delete]', $this->name).'"]\').prop(\'checked\', false); 
+							this.modal(\'hide\');
+						},
+						/* Send some custom data to server */
+						data: {
+							key: \'value\',
+						},
+						/* Translated Messages */
+						messages: {
+							selectimg: \''.JText::_('COM_JSN_IMAGE_ALERT_SELECTIMG').'\',
+							uploading: \''.JText::_('COM_JSN_IMAGE_ALERT_UPLOADING').'\',
+	            			loading: \''.JText::_('COM_JSN_IMAGE_ALERT_LOADING').'\',
+	            			saving: \''.JText::_('COM_JSN_IMAGE_ALERT_SAVING').'\',
+						}
+					});
+				});';
+				$doc->addScriptDeclaration( $script );
+				$html[]=parent::getInput();
+
+				if($this->element['required']!='true' && $this->value) $html[]='<fieldset class="checkboxes" style="clear:both;"><label class="checkbox"><input type="checkbox" name="'.str_replace(']', '_delete]', $this->name).'"/><span>'.JText::_('COM_JSN_DELETE_IMAGE').'</span></label></fieldset>';
+				$html[]='<div style="clear:both"></div>';
+
+			break;
+			case '2': /* CROP & DD */
+
+				// Reset Value
+				if($this->value=='true') 
+				{
+					$this->value='';
+				}
+
+				// Set Default
+				if($this->element['name']=='avatar') $default_image='components/com_jsn/assets/img/default.jpg';
+				else $default_image='components/com_jsn/assets/img/no_image.gif';
+
+				if(isset($this->element['default'])) $default_image=$this->element['default'];
+				if(isset($this->element['removed_default'])) $default_image=$this->element['removed_default'];
+
+				// Clear value inherit by default value
+				if($this->value==$default_image) $this->value='';
+
+				// Clear Session
+				$session = JFactory::getSession();
+				$session->set('_tmp_img_'.$this->element['name'],'');
+
+				$doc->addScript(JURI::root().'components/com_jsn/assets/js/jquery.slim.min.js');
+				$doc->addStylesheet(JURI::root().'components/com_jsn/assets/css/slim.min.css');
+				
+				$width=$this->element['width'];
+				$height=$this->element['height'];
+				
+				$json=json_decode($this->value);
+				$isJSON=(json_last_error() == JSON_ERROR_NONE);
+
+				$html[]='<div id="imgupload_'.$this->element['name'].'" class="slim" style="width:120px;border-radius:5px;overflow:hidden;background-image:url('.JURI::root(true).'/'.$default_image.');background-repeat:no-repeat;background-size:cover;">';
+				$html[]='<input type="file" name="imgupload_'.$this->element['name'].'"/>';
+				if(!empty($this->value)) $html[] = '<img id="imgpreview_'.$this->element['name'].'" src="" />';
+				$html[]='</div>';
+				$html[]=parent::getInput();
+				
+				$script='jQuery(document).ready(function($){
+					var init_'.$this->id.'='.(empty($this->value) ? 'false' : 'true').';
+					'.(!empty($this->value) && $isJSON ? '$("#imgpreview_'.$this->element['name'].'").attr("src",$.parseJSON($("#'.$this->id.'").val()).output.image);' : '').'
+					'.(!empty($this->value) && !$isJSON ? '$("#imgpreview_'.$this->element['name'].'").attr("src","'.JURI::root(true).'/"+$("#'.$this->id.'").val());' : '').'
+					$("#imgupload_'.$this->element['name'].'").slim({
+						label: "<p>'.str_replace("'","\'",JText::_('COM_JSN_IMAGE_HERE')).'</p>",
+						buttonConfirmLabel: "'.str_replace("'","\'",JText::_('JSUBMIT')).'",
+						buttonCancelLabel: "'.str_replace("'","\'",JText::_('JCANCEL')).'",
+						ratio: "'.$width.':'.$height.'",
+						size: {width: '.$width.',height: '.$height.'},
+						didRemove: function(){$("#'.$this->id.'").val(\'\').change();},
+						didTransform: function(){
+							if(init_'.$this->id.') {
+								$("#imgupload_'.$this->element['name'].' .slim-btn.slim-btn-edit").hide();
+								'.(!empty($this->value) && $isJSON ? '$(\'input[name="imgupload_'.$this->element['name'].'"]\').val($("#'.$this->id.'").val());' : '').'
+							}
+							else {
+								$(\'input[name="imgupload_'.$this->element['name'].'"]\').val(JSON.stringify(this.dataBase64));
+								$("#'.$this->id.'").val(JSON.stringify(this.dataBase64)).change();
+								$("#imgupload_'.$this->element['name'].' .slim-btn.slim-btn-edit").show();
+							}
+							init_'.$this->id.'=false;
+						},
+					});
+				});';
+
+				$doc->addScriptDeclaration( $script );
+			break;
+		}
+		
+		return implode('', $html);
+		
+	}
+	
+	public function getImage($user)
+	{
+		$attribs=array(
+			'class' => $this->element['imageclass']
+		);
+
+		if($this->name == 'avatar' && empty($user->avatar_clean))
+		{
+			$attribs['avatar'] = JsnHelper::getFormatName($user);
+		}
+		
+		$html=array();
+		
+		if($this->value) $html[]=JHtml::_('image', $this->value,$this->element['alt'],$attribs);
+		return implode('', $html);
+	}
+	
+	public function getValue()
+	{
+		return $this->value;
+	}
+
+	public function getElement()
+	{
+		return $this->element;
+	}
+	
+	public function setElement($element)
+	{
+		$this->element = $element;
+	}
+	
+	
+	
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/lastvisitdate.php b/deployed/jsn/administrator/components/com_jsn/models/fields/lastvisitdate.php
new file mode 100644
index 00000000..97f1c9a5
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/lastvisitdate.php
@@ -0,0 +1,29 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+
+JFormHelper::loadFieldClass('calendar');
+
+/**
+ * Form Field class for the Joomla Platform.
+ * Provides spacer markup to be used in form layouts.
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormFieldLastvisitdate extends JFormFieldCalendar
+{
+
+	public $type = 'Lastvisitdate';
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/link.php b/deployed/jsn/administrator/components/com_jsn/models/fields/link.php
new file mode 100644
index 00000000..b560c01c
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/link.php
@@ -0,0 +1,36 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+JFormHelper::loadFieldClass('url');
+
+/**
+ * Form Field class for the Joomla Platform.
+ * Provides spacer markup to be used in form layouts.
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormFieldLink extends JFormFieldUrl
+{
+
+	public $type = 'Link';
+
+	public function getLink()
+	{
+		$html=array();
+		
+		if($this->value) $html[]='<a rel="noopener noreferrer" target="_blank" rel="'.$this->element['rel'].'" href="'.$this->value.'">'.$this->value.'</a>';
+		return implode('', $html);
+	}
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/numeric.php b/deployed/jsn/administrator/components/com_jsn/models/fields/numeric.php
new file mode 100644
index 00000000..ba6d4ed0
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/numeric.php
@@ -0,0 +1,172 @@
+<?php
+/**
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ *
+ * @copyright   Copyright (C) 2005 - 2013 Open Source Matters, Inc. All rights reserved.
+ * @license     GNU General Public License version 2 or later; see LICENSE
+ */
+
+defined('JPATH_PLATFORM') or die;
+
+/**
+ * Form Field class for the Joomla Platform.
+ * Provides a one line text box with up-down handles to set a number in the field.
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @link        http://www.w3.org/TR/html-markup/input.text.html#input.text
+ * @since       3.2
+ */
+class JFormFieldNumeric extends JFormField
+{
+	/**
+	 * The form field type.
+	 *
+	 * @var    string
+	 * @since  3.2
+	 */
+	protected $type = 'Numeric';
+
+	/**
+	 * The allowable maximum value of the field.
+	 *
+	 * @var    float
+	 * @since  3.2
+	 */
+	protected $max = 0;
+
+	/**
+	 * The allowable minimum value of the field.
+	 *
+	 * @var    float
+	 * @since  3.2
+	 */
+	protected $min = 0;
+
+	/**
+	 * The step by which value of the field increased or decreased.
+	 *
+	 * @var    float
+	 * @since  3.2
+	 */
+	protected $step = 0;
+
+	/**
+	 * Method to get certain otherwise inaccessible properties from the form field object.
+	 *
+	 * @param   string  $name  The property name for which to the the value.
+	 *
+	 * @return  mixed  The property value or null.
+	 *
+	 * @since   3.2
+	 */
+	public function __get($name)
+	{
+		switch ($name)
+		{
+			case 'max':
+			case 'min':
+			case 'step':
+				return $this->$name;
+		}
+
+		return parent::__get($name);
+	}
+
+	/**
+	 * Method to set certain otherwise inaccessible properties of the form field object.
+	 *
+	 * @param   string  $name   The property name for which to the the value.
+	 * @param   mixed   $value  The value of the property.
+	 *
+	 * @return  void
+	 *
+	 * @since   3.2
+	 */
+	public function __set($name, $value)
+	{
+		switch ($name)
+		{
+			case 'step':
+			case 'min':
+			case 'max':
+				$this->$name = (float) $value;
+				break;
+
+			default:
+				parent::__set($name, $value);
+		}
+	}
+
+	/**
+	 * Method to attach a JForm object to the field.
+	 *
+	 * @param   SimpleXMLElement  $element  The SimpleXMLElement object representing the <field /> tag for the form field object.
+	 * @param   mixed             $value    The form field value to validate.
+	 * @param   string            $group    The field name group control value. This acts as as an array container for the field.
+	 *                                      For example if the field has name="foo" and the group value is set to "bar" then the
+	 *                                      full field name would end up being "bar[foo]".
+	 *
+	 * @return  boolean  True on success.
+	 *
+	 * @see     JFormField::setup()
+	 * @since   3.2
+	 */
+	public function setup(SimpleXMLElement $element, $value, $group = null)
+	{
+		$return = parent::setup($element, $value, $group);
+
+		if ($return)
+		{
+			$this->max  = isset($this->element['max']) ? (float) $this->element['max'] : 100;
+			$this->min  = isset($this->element['min']) ? (float) $this->element['min'] : 0;
+			$this->step = isset($this->element['step']) ? (float) $this->element['step'] : 1;
+		}
+
+		return $return;
+	}
+
+	/**
+	 * Method to get the field input markup.
+	 *
+	 * @return  string  The field input markup.
+	 *
+	 * @since   3.2
+	 */
+	protected function getInput()
+	{
+		// Translate placeholder text
+		$hint = $this->translateHint ? JText::_($this->hint) : $this->hint;
+
+		// Initialize some field attributes.
+		$size     = !empty($this->size) ? ' size="' . $this->size . '"' : '';
+		$max      = !empty($this->max) ? ' max="' . $this->max . '"' : '';
+		$min      = !empty($this->min) ? ' min="' . $this->min . '"' : '';
+		$step     = !empty($this->step) ? ' step="' . $this->step . '"' : '';
+		$class    = !empty($this->class) ? ' class="' . $this->class . '"' : '';
+		$readonly = $this->readonly ? ' readonly' : '';
+		$disabled = $this->disabled ? ' disabled' : '';
+		$required = $this->required ? ' required aria-required="true"' : '';
+		$hint     = $hint ? ' placeholder="' . $hint . '"' : '';
+
+		$autocomplete = !$this->autocomplete ? ' autocomplete="off"' : ' autocomplete="' . $this->autocomplete . '"';
+		$autocomplete = $autocomplete == ' autocomplete="on"' ? '' : $autocomplete;
+
+		$autofocus = $this->autofocus ? ' autofocus' : '';
+
+		$value = (float) $this->value;
+		$value = empty($value) ? $this->min : $value;
+
+		// Initialize JavaScript field attributes.
+		$onchange = !empty($this->onchange) ? ' onchange="' . $this->onchange . '"' : '';
+
+		// Including fallback code for HTML5 non supported browsers.
+		JHtml::_('jquery.framework');
+		JHtml::_('script', 'system/html5fallback.js', false, true);
+
+		return '<input type="number" name="' . $this->name . '" id="' . $this->id . '"' . ' value="'
+			. htmlspecialchars($value, ENT_COMPAT, 'UTF-8') . '"' . $class . $size . $disabled . $readonly
+			. $hint . $onchange . $max . $step . $min . $required . $autocomplete . $autofocus . ' />';
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/parent.php b/deployed/jsn/administrator/components/com_jsn/models/fields/parent.php
new file mode 100644
index 00000000..536a4899
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/parent.php
@@ -0,0 +1,157 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+JFormHelper::loadFieldClass('list');
+
+/**
+ * Form Field class for the Joomla Framework.
+ *
+ * @package     Joomla.Libraries
+ * @subpackage  Form
+ * @since       3.1
+ */
+class JFormFieldParent extends JFormFieldList
+{
+	public $type = 'Parent';
+
+	public $isNested = null;
+	
+	public $table = null;
+
+	protected $comParams = null;
+
+	/**
+	 * Constructor
+	 *
+	 * @since  3.1
+	 */
+	public function __construct()
+	{
+		parent::__construct();
+
+		// Load com_jsn config
+		$this->comParams = JComponentHelper::getParams('com_jsn');
+	}
+
+	
+	protected function getOptions()
+	{
+		$this->table=$this->element['table'];
+		//die($this->table);
+		$options = array();
+
+		$published = $this->element['published']? $this->element['published'] : array(0,1);
+		$name = (string) $this->element['name'];
+
+		$db		= JFactory::getDbo();
+		$query	= $db->getQuery(true)
+			->select('a.'.(isset($this->element['field_id']) ? $this->element['field_id'] : 'id').' AS value, a.path, a.'.(isset($this->element['field_title']) ? $this->element['field_title'] : 'title').' AS text, a.alias, a.type, a.level, a.published')
+			->from('#__'.$this->table.' AS a')
+			->join('LEFT', $db->quoteName('#__'.$this->table) . ' AS b ON a.lft > b.lft AND a.rgt < b.rgt');
+
+		if (isset($this->element['level'])) $query->where('a.level = ' . (int) $this->element['level']);
+
+		if (isset($this->element['where'])) $query->where($this->element['where']);
+
+		// Filter language
+		if (!empty($this->element['language']))
+		{
+			$query->where('a.language = ' . $db->quote($this->element['language']));
+		}
+
+		$query->where($db->quoteName('a.alias') . ' <> ' . $db->quote('root'));
+
+		// Filter to only load active items
+
+		// Filter on the published state
+		if (is_numeric($published))
+		{
+			$query->where('a.published = ' . (int) $published);
+		}
+		elseif (is_array($published))
+		{
+			JArrayHelper::toInteger($published);
+			$query->where('a.published IN (' . implode(',', $published) . ')');
+		}
+
+		$query->group('a.id, a.title, a.level, a.lft, a.rgt, a.parent_id, a.published, a.path')
+			->order('a.lft ASC');
+
+		// Get the options.
+		$db->setQuery($query);
+
+		try
+		{
+			$options = $db->loadObjectList();
+		}
+		catch (RuntimeException $e)
+		{
+			return false;
+		}
+
+		// Translate Options Text
+		foreach($options as &$value){
+			$value->text=JText::_($value->text) . " (" . $value->alias . ")";
+			if(isset($this->element['mini_img']) && $this->element['mini_img'] && $value->type=='image') $value->value= $value->value.'_mini';
+		}
+
+		// Merge any additional options in the XML definition.
+		if (isset($this->element['level']) || isset($this->element['enableoptions'])) $options = array_merge(parent::getOptions(), $options);
+
+		// Prepare nested data
+		if ($this->isNested())
+		{
+			$this->prepareOptionsNested($options);
+		}
+		//print_r($options);
+		return $options;
+	}
+
+	/**
+	 * Add "-" before nested fields, depending on level
+	 *
+	 * @param   array  &$options  Array of fields
+	 *
+	 * @return  array  The field option objects.
+	 *
+	 * @since   3.1
+	 */
+	protected function prepareOptionsNested(&$options)
+	{
+		if ($options)
+		{
+			foreach ($options as &$option)
+			{
+				$repeat = (isset($option->level) && $option->level - 1 >= 0) ? $option->level - 1 : 0;
+				$option->text = str_repeat('- ', $repeat) . $option->text;
+			}
+		}
+
+		return $options;
+	}
+
+	public function isNested()
+	{
+		if (is_null($this->isNested))
+		{
+			// If mode="nested" || ( mode not set & config = nested )
+			if ((isset($this->element['mode']) && $this->element['mode'] == 'nested') && !isset($this->element['level'])
+				/*|| (!isset($this->element['mode']) && $this->comParams->get('jsn_field_nested', 1) == 0)*/)
+			{
+				$this->isNested = true;
+			}
+		}
+
+		return $this->isNested;
+	}
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/passwordfull.php b/deployed/jsn/administrator/components/com_jsn/models/fields/passwordfull.php
new file mode 100644
index 00000000..389ab0e7
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/passwordfull.php
@@ -0,0 +1,48 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+
+JFormHelper::loadFieldClass('password');
+
+/**
+ * Form Field class for the Joomla Platform.
+ * Provides spacer markup to be used in form layouts.
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormFieldPasswordfull extends JFormFieldPassword
+{
+
+	public $type = 'Passwordfull';
+
+	protected function getInput()
+	{
+		$version = new JVersion();
+		if($version->getShortVersion() >= '3.7' || true)
+		{
+			$configJsn=JComponentHelper::getParams('com_jsn');
+			if($configJsn->get('passwordstrengthmeter',0)){
+				JHtml::_('behavior.framework');
+				$doc = JFactory::getDocument();
+				$doc->addScript(JURI::root().'media/system/js/passwordstrength.js');
+			}
+		}
+		$html = parent::getInput();
+		$html.= '<div class="message-regex">'.JText::_('COM_JSN_NOT_VALID_PASSWORD').'</div>';
+		return $html;
+	}
+
+
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/phone.php b/deployed/jsn/administrator/components/com_jsn/models/fields/phone.php
new file mode 100644
index 00000000..e6ab5bcf
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/phone.php
@@ -0,0 +1,35 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+JFormHelper::loadFieldClass('tel');
+
+/**
+ * Form Field class for the Joomla Platform.
+ * Provides spacer markup to be used in form layouts.
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormFieldPhone extends JFormFieldTel
+{
+
+	public $type = 'Phone';
+
+	protected function getInput()
+	{
+		$html = parent::getInput();
+		$html.= '<div class="message-regex">'.JText::_('COM_JSN_PHONEINVALID').'</div>';
+		return $html;
+	}
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/privacy.php b/deployed/jsn/administrator/components/com_jsn/models/fields/privacy.php
new file mode 100644
index 00000000..61a3f303
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/privacy.php
@@ -0,0 +1,69 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+JFormHelper::loadFieldClass('hidden');
+
+/**
+ * Form Field class for the Joomla Platform.
+ * Provides spacer markup to be used in form layouts.
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormFieldPrivacy extends JFormFieldHidden
+{
+
+	public $type = 'Privacy';
+	
+	protected function getInput()
+	{
+		$doc = JFactory::getDocument();
+		$dir = $doc->direction;
+
+		$config = JComponentHelper::getParams('com_jsn');
+		$html=array();
+		$jsnsocial_enabled = JPluginHelper::isEnabled('jsn', 'socialnetwork');
+		if($jsnsocial_enabled)
+		{
+			$html[]='
+			  <a id="btn_'.$this->id.'" class="privacy_btn" data-toggle="dropdown" href="#">
+			    <i></i>
+			    <span class="caret"></span>
+			  </a>
+			  <ul class="dropdown-menu pull-'.($dir=='rtl' ? 'left' : 'right').'" id="opt_'.$this->id.'">
+				<li><a href="#" rel="0"><i class="jsn-icon jsn-icon-users green"></i> '.JText::_('COM_JSN_PUBLIC').'</a></li>
+				<li><a href="#" rel="1"><i class="jsn-icon jsn-icon-user orange"></i> '.JText::_('COM_JSN_FRIENDSONLY').'</a></li>
+				<li><a href="#" rel="99"><i class="jsn-icon jsn-icon-user-secret red"></i> '.JText::_('COM_JSN_PRIVATE').'</a></li>
+			  </ul>
+			';
+		}
+		else
+		{
+			$html[]='
+			  <a id="btn_'.$this->id.'" class="privacy_btn" data-toggle="dropdown" href="#">
+			    <i></i>
+			    <span class="caret"></span>
+			  </a>
+			  <ul class="dropdown-menu pull-'.($dir=='rtl' ? 'left' : 'right').'" id="opt_'.$this->id.'">
+				'.($config->get('profileACL',2)==2 ? '<li><a href="#" rel="0"><i class="jsn-icon jsn-icon-users green"></i> '.JText::_('COM_JSN_PUBLIC').'</a></li>': '').'
+				<li><a href="#" rel="1"><i class="jsn-icon jsn-icon-user orange"></i> '.JText::_('COM_JSN_REGISTERED').'</a></li>
+				<li><a href="#" rel="99"><i class="jsn-icon jsn-icon-user-secret red"></i> '.JText::_('COM_JSN_PRIVATE').'</a></li>
+			  </ul>
+			';
+		}
+		//'<a href="#'.$this->id.'" class="privacy_btn btn"><i class="icon-locked"></i></a>';
+		$html[]=parent::getInput();
+		return implode('', $html);
+	}
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/radiolist.php b/deployed/jsn/administrator/components/com_jsn/models/fields/radiolist.php
new file mode 100644
index 00000000..655ff2d1
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/radiolist.php
@@ -0,0 +1,61 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+JFormHelper::loadFieldClass('radio');
+
+/**
+ * Form Field class for the Joomla Framework.
+ *
+ * @package     Joomla.Libraries
+ * @subpackage  Form
+ * @since       3.1
+ */
+class JFormFieldRadiolist extends JFormFieldRadio
+{
+	public $type = 'Radiolist';
+
+	public $isNested = null;
+	
+	public $table = null;
+
+	protected $comParams = null;
+
+	/**
+	 * Constructor
+	 *
+	 * @since  3.1
+	 */
+	public function __construct()
+	{
+		parent::__construct();
+
+		// Load com_jsn config
+		$this->comParams = JComponentHelper::getParams('com_jsn');
+	}
+
+	
+	protected function getInput()
+	{
+		if($this->element['optioninline']==1) $inline='inline';
+		else $inline='';
+		$html=array();
+		$from=array('<label','<input','</label>');
+		$to=array('<span','<label class="radio '.$inline.'"><input ','</span></label>');
+		$html[]=str_replace($from,$to,parent::getInput());
+		return implode('', $html);
+	}
+	public function getOptions()
+	{
+		return parent::getOptions();
+	}
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/registerdate.php b/deployed/jsn/administrator/components/com_jsn/models/fields/registerdate.php
new file mode 100644
index 00000000..ef45a25f
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/registerdate.php
@@ -0,0 +1,28 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+JFormHelper::loadFieldClass('calendar');
+
+/**
+ * Form Field class for the Joomla Platform.
+ * Provides spacer markup to be used in form layouts.
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormFieldRegisterdate extends JFormFieldCalendar
+{
+
+	public $type = 'Registerdate';
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/selectlist.php b/deployed/jsn/administrator/components/com_jsn/models/fields/selectlist.php
new file mode 100644
index 00000000..bf2668c7
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/selectlist.php
@@ -0,0 +1,148 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+JFormHelper::loadFieldClass('list');
+
+/**
+ * Form Field class for the Joomla Framework.
+ *
+ * @package     Joomla.Libraries
+ * @subpackage  Form
+ * @since       3.1
+ */
+class JFormFieldSelectlist extends JFormFieldList
+{
+	public $type = 'Selectlist';
+
+	public $isNested = null;
+	
+	public $table = null;
+
+	protected $comParams = null;
+
+	/**
+	 * Constructor
+	 *
+	 * @since  3.1
+	 */
+	public function __construct()
+	{
+		parent::__construct();
+
+		// Load com_jsn config
+		$this->comParams = JComponentHelper::getParams('com_jsn');
+	}
+
+	
+	protected function getInput()
+	{
+		JHtml::_('formbehavior.chosen', 'select');
+		/* Placeholder for multiple with Javascript */
+		if(isset($this->element['hint']) && isset($this->element['multiple']) && $this->element['multiple']=='true') {
+			$script="jQuery(document).ready(function(){jQuery('#".$this->id."_chzn input').attr('value','".str_replace("'","\\'",$this->element['hint'])."')});";
+			$doc=JFactory::getDocument();
+			$doc->addScriptDeclaration( $script );
+		}
+		if(is_object($this->value)) $this->value = (array) $this->value;
+		if(is_array($this->value)) $value=implode(',',$this->value);
+		else $value=$this->value;
+		/* Multiple empty fix */
+		if(isset($this->element['multiple']) && $this->element['multiple']=='true')
+			$multiple_fix='<input name="'.$this->id.'" type="hidden" value="1" />';
+		else
+			$multiple_fix='';
+		/* --- */
+		$script = '';
+		if(isset($this->element['dboptfiltercolumn']) && !empty($this->element['dboptfiltercolumn']) && isset($this->element['dboptfiltervalue']) && !empty($this->element['dboptfiltervalue']))
+		{
+			$script = JsnSelectlistFieldHelper::getAjaxScript($this->element['dboptfiltervalue'],$this->element['name']);
+		}
+		return str_replace('<select','<select data-val="'.$value.'"',parent::getInput()).$multiple_fix.$script;
+	}
+	public function getOptions()
+	{
+		if(isset($this->element['dbopttable']) && !empty($this->element['dbopttable']) && isset($this->element['dboptvalue']) && !empty($this->element['dboptvalue']) && isset($this->element['dbopttext']) && !empty($this->element['dbopttext'])) // set the alias of your field (width this conditions the select type work normally for all field except for this field)
+		{	
+			$db		= JFactory::getDbo();
+			$query = $db->getQuery(true);
+			$query->select($this->element['dboptvalue'].' AS value, '.$this->element['dbopttext'].' AS text')->from($this->element['dbopttable']);
+
+			if(isset($this->element['dboptfiltercolumn']) && !empty($this->element['dboptfiltercolumn']) && isset($this->element['dboptfiltervalue']) && !empty($this->element['dboptfiltervalue']))
+			{
+				if(empty($this->value))
+				{
+					return parent::getOptions();
+				}
+				elseif(is_array($this->value))
+				{
+					$value=$this->value;
+					foreach($value as &$val)
+						$val=$db->quote($val);
+					$value=implode(',',$value);
+					$query->where($this->element['dboptvalue'].' IN ('.$value.')');
+				}
+				else{
+					$query->where($this->element['dboptvalue'].' = '.$db->quote($this->value));
+				}
+
+			}
+			
+			elseif(isset($this->element['dboptwhere']) && !empty($this->element['dboptwhere']))
+			{
+				JPluginHelper::importPlugin('content');
+				$where= JHtml::_('content.prepare', $this->element['dboptwhere'], 'customwhere', 'com_finder.indexer');
+				if(empty($this->value))
+				{
+					$query->where($where);
+				}
+				elseif(is_array($this->value))
+				{
+					$value=$this->value;
+					foreach($value as &$val)
+						$val=$db->quote($val);
+					$value=implode(',',$value);
+					$query->where($where.' OR '.$this->element['dboptvalue'].' IN ('.$value.')');
+				}
+				else{
+					$query->where($where.' OR '.$this->element['dboptvalue'].' = '.$db->quote($this->value));
+				}
+			}
+			
+			$query->order('text');
+			
+			$db->setQuery($query);
+
+			try
+			{
+				$options = $db->loadObjectList();
+			}
+			catch (RuntimeException $e)
+			{
+				return false;
+			}
+			
+			foreach($options as &$option)
+			{
+				$option->text=JText::_($option->text);
+			}
+
+			$options = array_merge(parent::getOptions(), $options); // Merge any additional options in the fields params (you can remove this).
+
+			return $options;
+		}
+		else 
+		{
+			return parent::getOptions();
+		}
+	}
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/textfull.php b/deployed/jsn/administrator/components/com_jsn/models/fields/textfull.php
new file mode 100644
index 00000000..44178aa7
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/textfull.php
@@ -0,0 +1,41 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+
+JFormHelper::loadFieldClass('text');
+
+/**
+ * Form Field class for the Joomla Platform.
+ * Provides spacer markup to be used in form layouts.
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormFieldTextfull extends JFormFieldText
+{
+
+	public $type = 'Text';
+
+	protected function getInput()
+	{
+		$html = parent::getInput();
+		if(!empty($this->element['pattern'])) {
+			$html = preg_replace('/pattern=/', 'jsn-pattern=', $html, 1);
+			if(isset($this->element['message-regex'])) $html.= '<div class="message-regex">'.$this->element['message-regex'].'</div>';
+		}
+		return $html;
+	}
+
+
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/types.php b/deployed/jsn/administrator/components/com_jsn/models/fields/types.php
new file mode 100644
index 00000000..e73aceff
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/types.php
@@ -0,0 +1,63 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+JFormHelper::loadFieldClass('list');
+
+/**
+ * Form Field class for the Joomla Framework.
+ *
+ * @package     Joomla.Libraries
+ * @subpackage  Form
+ * @since       3.1
+ */
+class JFormFieldTypes extends JFormFieldList
+{
+	public $type = 'Types';
+	
+	protected $comParams = null;
+
+	/**
+	 * Constructor
+	 *
+	 * @since  3.1
+	 */
+	public function __construct()
+	{
+		parent::__construct();
+
+		// Load com_jsn config
+		$this->comParams = JComponentHelper::getParams('com_jsn');
+	}
+
+	
+	protected function getOptions()
+	{
+		// Include Field Class
+		foreach (glob(JPATH_ADMINISTRATOR . '/components/com_jsn/helpers/fields/*.php') as $filename) {
+			require_once $filename;
+		}
+		
+		global $_FIELDTYPES;
+		$options = $_FIELDTYPES;
+
+		// Translate Options Text
+		foreach($options as &$value){
+			$value=JText::_($value);
+		}
+
+		// Merge any additional options in the XML definition.
+		if (!isset($this->element['level'])) $options = array_merge(parent::getOptions(), $options);
+
+		return $options;
+	}
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/fields/video.php b/deployed/jsn/administrator/components/com_jsn/models/fields/video.php
new file mode 100644
index 00000000..092df4e1
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/fields/video.php
@@ -0,0 +1,28 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+JFormHelper::loadFieldClass('url');
+
+/**
+ * Form Field class for the Joomla Platform.
+ * Provides spacer markup to be used in form layouts.
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormFieldVideo extends JFormFieldUrl
+{
+
+	public $type = 'Video';
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/forms/field.xml b/deployed/jsn/administrator/components/com_jsn/models/forms/field.xml
new file mode 100644
index 00000000..3ed76a18
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/forms/field.xml
@@ -0,0 +1,2274 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	
+
+	<field
+		name="id"
+		type="text"
+		class="readonly"
+		label="JGLOBAL_FIELD_ID_LABEL"
+		description ="JGLOBAL_FIELD_ID_DESC"
+		default="0"
+		readonly="true"
+	/>
+
+	<field
+		name="hits"
+		type="text"
+		class="readonly"
+		label="JGLOBAL_HITS"
+		description ="COM_JSN_FIELD_HITS_DESC"
+		default="0"
+		readonly="true"
+	/>
+
+	<field
+		name="parent_id"
+		type="parent"
+		class="span12"
+		label="COM_JSN_FIELD_PARENT_LABEL"
+		description="COM_JSN_FIELD_PARENT_DESC"
+		mode="nested"
+		table="jsn_fields"
+		level="1"
+		validate="notequals"
+		field="id"
+	>
+	</field>
+
+	<field
+		name="lft"
+		type="hidden"
+		filter="unset"
+	/>
+
+	<field
+		name="rgt"
+		type="hidden"
+		filter="unset"
+	/>
+
+	<field
+		name="level"
+		type="hidden"
+		filter="unset"
+	/>
+
+	<field
+		name="path"
+		type="text"
+		class="readonly"
+		label="CATEGORIES_PATH_LABEL"
+		description="CATEGORIES_PATH_DESC"
+		size="40"
+		readonly="true"
+	/>
+
+	<field
+		name="title"
+		type="text"
+		class="inputbox"
+		label="JGLOBAL_TITLE"
+		description="JFIELD_TITLE_DESC"
+		size="40"
+		required="true"
+	/>
+
+	<field
+		name="note"
+		type="text"
+		class="inputbox"
+		label="JFIELD_NOTE_LABEL"
+		description="JFIELD_NOTE_DESC"
+		size="40"
+	/>
+
+	<field
+		name="description"
+		type="editor"
+		class="inputbox"
+		label="JGLOBAL_DESCRIPTION"
+		description="COM_JSN_DESCRIPTION_DESC"
+		filter="JComponentHelper::filterText"
+		buttons="true"
+		hide="readmore,pagebreak"
+	/>
+
+	<field
+		name="published"
+		type="list"
+		class="span12 chzn-color-state"
+		label="JSTATUS"
+		description="JFIELD_PUBLISHED_DESC"
+		default="1"
+		size="1"
+	>
+		<option value="1">JPUBLISHED</option>
+		<option value="0">JUNPUBLISHED</option>
+		<option value="2">JARCHIVED</option>
+		<option value="-2">JTRASHED</option>
+	</field>
+	
+	<field
+		name="required"
+		type="list"
+		class="span12 chzn-color-state"
+		label="COM_JSN_REQUIRED"
+		description="COM_JSN_REQUIRED_DESC"
+		default="0"
+		size="1"
+	>
+		<option value="0">JNO</option>
+		<option value="1">COM_JSN_ONLYONFRONTEND</option>
+		<option value="2">JYES</option>
+	</field>
+	
+	<field
+		name="edit"
+		type="list"
+		class="span12 chzn-color-state"
+		label="COM_JSN_AVAIBLEINEDITPROFILE"
+		description="COM_JSN_AVAIBLEINEDITPROFILE_DESC"
+		default="1"
+		size="1"
+	>
+		<option value="0">JNO</option>
+		<option value="1">JYES</option>
+	</field>
+	
+	<field
+		name="search"
+		type="list"
+		class="span12 chzn-color-state"
+		label="COM_JSN_SEARCHABLE"
+		description="COM_JSN_SEARCHABLE_DESC"
+		default="0"
+		size="1"
+	>
+		<option value="0">JNO</option>
+		<option value="1">JYES</option>
+	</field>
+	
+	<field
+		name="type"
+		type="types"
+		label="COM_JSN_TYPE"
+		description="COM_JSN_TYPE_DESC"
+		default="text"
+	>
+	</field>
+	
+	<field
+		name="profile"
+		type="list"
+		class="span12 chzn-color-state"
+		label="COM_JSN_PROFILE"
+		description="COM_JSN_PROFILE_DESC"
+		default="0"
+		size="1"
+	>
+		<option value="0">JNO</option>
+		<option value="1">JYES</option>
+	</field>
+	
+	<field
+		name="register"
+		type="list"
+		class="span12 chzn-color-state"
+		label="COM_JSN_REGISTER"
+		description="COM_JSN_REGISTER_DESC"
+		default="0"
+		size="1"
+	>
+		<option value="0">JNO</option>
+		<option value="1">JYES</option>
+	</field>
+
+	<field
+		name="checked_out"
+		type="hidden"
+		filter="unset"
+	/>
+
+	<field
+		name="checked_out_time"
+		type="hidden"
+		filter="unset"
+	/>
+
+	<field
+		name="access"
+		type="accesslevel"
+		label="COM_JSN_ACCESS"
+		description="COM_JSN_ACCESS_DESC"
+		class="span12"
+	/>
+
+	<field
+		name="accessview"
+		type="accesslevel"
+		default="1"
+		label="COM_JSN_ACCESSVIEW"
+		description="COM_JSN_ACCESSVIEW_DESC"
+		class="span12"
+	/>
+	
+	<field
+		name="metadesc"
+		type="textarea"
+		label="JFIELD_META_DESCRIPTION_LABEL"
+		description="JFIELD_META_DESCRIPTION_DESC"
+		rows="3"
+		cols="40"
+	/>
+
+	<field
+		name="metakey"
+		type="textarea"
+		label="JFIELD_META_KEYWORDS_LABEL"
+		description="JFIELD_META_KEYWORDS_DESC"
+		rows="3"
+		cols="40"
+	/>
+
+	<field
+		name="alias"
+		type="text"
+		class="inputbox"
+		label="JFIELD_ALIAS_LABEL"
+		description="JFIELD_ALIAS_DESC"
+		size="40"
+	/>
+
+	<field
+		name="created_user_id"
+		type="user"
+		label="JGLOBAL_FIELD_CREATED_BY_LABEL"
+		desc="JGLOBAL_FIELD_CREATED_BY_DESC"
+	/>
+	
+	<field
+		name="created_by_alias"
+		type="text"
+		class="inputbox"
+		labelclass="control-label"
+		label="JGLOBAL_FIELD_CREATED_BY_ALIAS_LABEL"
+		description="JGLOBAL_FIELD_CREATED_BY_ALIAS_DESC"
+		size="20"
+	/>
+
+	<field
+		name="created_time"
+		type="calendar"
+		class="readonly"
+		label="JGLOBAL_CREATED_DATE"
+		filter="unset"
+		readonly="true"
+	/>
+
+	<field
+		name="modified_user_id"
+		type="user"
+		class="readonly"
+		label="JGLOBAL_FIELD_MODIFIED_BY_LABEL"
+		readonly="true"
+		filter="unset"
+	/>
+
+	<field
+		name="modified_time"
+		type="calendar"
+		class="readonly"
+		label="JGLOBAL_FIELD_MODIFIED_LABEL"
+		filter="unset"
+		readonly="true"
+	/>
+
+	<field
+		name="language"
+		type="contentlanguage"
+		class="span12 small"
+		label="JFIELD_LANGUAGE_LABEL"
+		description="COM_JSN_FIELD_LANGUAGE_DESC"
+	>
+		<option value="*">JALL</option>
+	</field>
+	<field
+			name="conditions"
+			label="COM_JSN_CONDITIONS"
+			description ="COM_JSN_CONDITIONS_DESC"
+			type="conditions"
+		/>
+	<field name="params" type="hidden">
+	</field>
+	<fields name="params">
+		<fieldset name="groups">
+			<field 
+				name="subtitle_profile" 
+				type="textarea"
+				label="COM_JSN_SUBTITLEPROFILE"
+				description="COM_JSN_SUBTITLEPROFILE_DESC"
+				default=""
+					/>
+			<field 
+				name="subtitle_registration" 
+				type="textarea"
+				label="COM_JSN_SUBTITLEREGISTRATION"
+				description="COM_JSN_SUBTITLEREGISTRATION_DESC"
+				default=""
+				/>
+			<field 
+				name="subtitle_editprofile" 
+				type="textarea"
+				label="COM_JSN_SUBTITLEEDITPROFILE"
+				description="COM_JSN_SUBTITLEEDITPROFILE_DESC"
+				default=""
+				/>
+		</fieldset>
+		<fieldset name="paramsbase" 
+		label="COM_JSN_PARAMETER">
+			<field name="spacer_general" label="COM_JSN_GENERAL_LABEL" type="spacer" />
+			<field 
+				name="titleprofile" 
+				type="text"
+				label="COM_JSN_TITLEPROFILE"
+				description="COM_JSN_TITLEPROFILE_DESC"
+				default=""
+			/>
+			<field 
+				name="titlesearch" 
+				type="text"
+				label="COM_JSN_TITLESEARCH"
+				description="COM_JSN_TITLESEARCH_DESC"
+				default=""
+			/>
+			<field 
+				name="hidetitle" 
+				type="radio" class="btn-group"
+				label="COM_JSN_HIDETITLEPROFILE"
+				description="COM_JSN_HIDETITLEPROFILE_DESC"
+				default="0"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field 
+				name="hidetitleedit" 
+				type="radio" class="btn-group"
+				label="COM_JSN_HIDETITLEFORM"
+				description="COM_JSN_HIDETITLEFORM_DESC"
+				default="0"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field 
+				name="field_readonly" 
+				type="radio" class="btn-group"
+				label="COM_JSN_TEXT_READONLY"
+				description="COM_JSN_TEXT_READONLY_DESC"
+				default="0"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+				<option value="2">COM_JSN_TEXT_READONLY_ONLYEDIT</option>
+			</field>
+
+			<field 
+				name="field_cssclass" 
+				type="text"
+				label="COM_JSN_CSSCLASS"
+				description="COM_JSN_CSSCLASS_DESC"
+				default=""
+			>
+			</field>
+		</fieldset>
+		<fieldset name="paramsbase" 
+		label="COM_JSN_PARAMETER">
+			<field name="spacer_privacy" label="COM_JSN_PRIVACY_LABEL" type="spacer" />
+			<field
+				name="privacy"
+				type="radio" class="btn-group"
+				label="COM_JSN_PRIVACY_ENABLE"
+				description="COM_JSN_PRIVACY_ENABLE_DESC"
+				default="0"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="privacy_default"
+				type="list"
+				label="COM_JSN_PRIVACY_DEFAULT"
+				description="COM_JSN_PRIVACY_DEFAULT_DESC"
+				default="0"
+				size="1"
+			>
+				<option value="0">COM_JSN_PUBLIC</option>
+				<option value="1">COM_JSN_REGISTERED</option>
+				<option value="99">COM_JSN_PRIVATE</option>
+			</field>
+		</fieldset>
+		<!-- <fieldset name="paramsbase" 
+		label="COM_JSN_PARAMETER">
+			<field name="spacer_conditions_tip" label="COM_JSN_CONDITION_TIP" type="spacer" />
+			<field name="spacer_conditions" label="COM_JSN_CONDITION_LABEL0" type="spacer" />
+			<field
+				name="condition_operator"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+
+			<field
+				name="condition_twoways"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+
+			<field
+				name="condition_hide"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			<field
+				name="condition_action"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+
+			<field
+				name="condition_ugaction"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			
+			<field name="spacer_conditions1" label="COM_JSN_CONDITION_LABEL1" type="spacer" />
+			<field
+				name="condition_operator1"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field1"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom1"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+
+			<field
+				name="condition_twoways1"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+
+
+			<field
+				name="condition_hide1"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			
+			<field
+				name="condition_action1"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups1"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+
+			<field
+				name="condition_ugaction1"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			
+			<field name="spacer_conditions2" label="COM_JSN_CONDITION_LABEL2" type="spacer" />
+			<field
+				name="condition_operator2"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field2"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom2"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+			<field
+				name="condition_twoways2"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="condition_hide2"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			
+			<field
+				name="condition_action2"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups2"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+			<field
+				name="condition_ugaction2"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			
+			<field name="spacer_conditions3" label="COM_JSN_CONDITION_LABEL3" type="spacer" />
+			<field
+				name="condition_operator3"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field3"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom3"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+			<field
+				name="condition_twoways3"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="condition_hide3"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			
+			<field
+				name="condition_action3"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups3"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+			<field
+				name="condition_ugaction3"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			
+			<field name="spacer_conditions4" label="COM_JSN_CONDITION_LABEL4" type="spacer" />
+			<field
+				name="condition_operator4"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field4"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom4"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+			<field
+				name="condition_twoways4"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="condition_hide4"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			
+			<field
+				name="condition_action4"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups4"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+			<field
+				name="condition_ugaction4"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			
+			<field name="spacer_conditions5" label="COM_JSN_CONDITION_LABEL5" type="spacer" />
+			<field
+				name="condition_operator5"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field5"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom5"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+			<field
+				name="condition_twoways5"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="condition_hide5"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			
+			<field
+				name="condition_action5"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups5"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+			<field
+				name="condition_ugaction5"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			
+			<field name="spacer_conditions6" label="COM_JSN_CONDITION_LABEL6" type="spacer" />
+			<field
+				name="condition_operator6"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field6"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom6"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+			<field
+				name="condition_twoways6"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="condition_hide6"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			
+			<field
+				name="condition_action6"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups6"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+			<field
+				name="condition_ugaction6"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			
+			<field name="spacer_conditions7" label="COM_JSN_CONDITION_LABEL7" type="spacer" />
+			<field
+				name="condition_operator7"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field7"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom7"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+			<field
+				name="condition_twoways7"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="condition_hide7"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			
+			<field
+				name="condition_action7"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups7"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+			<field
+				name="condition_ugaction7"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			
+			<field name="spacer_conditions8" label="COM_JSN_CONDITION_LABEL8" type="spacer" />
+			<field
+				name="condition_operator8"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field8"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom8"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+			<field
+				name="condition_twoways8"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="condition_hide8"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			
+			<field
+				name="condition_action8"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups8"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+			<field
+				name="condition_ugaction8"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			
+			<field name="spacer_conditions9" label="COM_JSN_CONDITION_LABEL9" type="spacer" />
+			<field
+				name="condition_operator9"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field9"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom9"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+			<field
+				name="condition_twoways9"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="condition_hide9"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			
+			<field
+				name="condition_action9"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups9"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+			<field
+				name="condition_ugaction9"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			
+			<field name="spacer_conditions10" label="COM_JSN_CONDITION_LABEL10" type="spacer" />
+			<field
+				name="condition_operator10"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field10"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom10"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+			<field
+				name="condition_twoways10"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="condition_hide10"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			
+			<field
+				name="condition_action10"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups10"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+			<field
+				name="condition_ugaction10"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			
+			<field name="spacer_conditions11" label="COM_JSN_CONDITION_LABEL11" type="spacer" />
+			<field
+				name="condition_operator11"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field11"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom11"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+			<field
+				name="condition_twoways11"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="condition_hide11"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			
+			<field
+				name="condition_action11"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups11"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+			<field
+				name="condition_ugaction11"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			
+			<field name="spacer_conditions12" label="COM_JSN_CONDITION_LABEL12" type="spacer" />
+			<field
+				name="condition_operator12"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field12"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom12"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+			<field
+				name="condition_twoways12"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="condition_hide12"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			
+			<field
+				name="condition_action12"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups12"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+			<field
+				name="condition_ugaction12"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			<field name="spacer_conditions13" label="COM_JSN_CONDITION_LABEL13" type="spacer" />
+			<field
+				name="condition_operator13"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field13"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom13"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+			<field
+				name="condition_twoways13"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="condition_hide13"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			
+			<field
+				name="condition_action13"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups13"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+			<field
+				name="condition_ugaction13"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			<field name="spacer_conditions14" label="COM_JSN_CONDITION_LABEL14" type="spacer" />
+			<field
+				name="condition_operator14"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field14"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom14"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+			<field
+				name="condition_twoways14"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="condition_hide14"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			
+			<field
+				name="condition_action14"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups14"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+			<field
+				name="condition_ugaction14"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			<field name="spacer_conditions15" label="COM_JSN_CONDITION_LABEL15" type="spacer" />
+			<field
+				name="condition_operator15"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field15"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom15"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+			<field
+				name="condition_twoways15"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="condition_hide15"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			
+			<field
+				name="condition_action15"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups15"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+			<field
+				name="condition_ugaction15"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			<field name="spacer_conditions16" label="COM_JSN_CONDITION_LABEL16" type="spacer" />
+			<field
+				name="condition_operator16"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field16"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom16"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+			<field
+				name="condition_twoways16"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="condition_hide16"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			
+			<field
+				name="condition_action16"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups16"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+			<field
+				name="condition_ugaction16"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			<field name="spacer_conditions17" label="COM_JSN_CONDITION_LABEL17" type="spacer" />
+			<field
+				name="condition_operator17"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field17"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom17"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+			<field
+				name="condition_twoways17"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="condition_hide17"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			
+			<field
+				name="condition_action17"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups17"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+			<field
+				name="condition_ugaction17"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			<field name="spacer_conditions18" label="COM_JSN_CONDITION_LABEL18" type="spacer" />
+			<field
+				name="condition_operator18"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field18"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom18"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+			<field
+				name="condition_twoways18"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="condition_hide18"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			
+			<field
+				name="condition_action18"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups18"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+			<field
+				name="condition_ugaction18"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			<field name="spacer_conditions19" label="COM_JSN_CONDITION_LABEL19" type="spacer" />
+			<field
+				name="condition_operator19"
+				label="COM_JSN_CONDITION_OPERATOR"
+				description ="COM_JSN_CONDITION_OPERATOR_DESC"
+				type="list"
+			>
+				<option value="0">COM_JSN_CONDITION_DISABLED</option>
+				<option value="1">COM_JSN_CONDITION_EQUAL</option>
+				<option value="2">COM_JSN_CONDITION_GREATER</option>
+				<option value="3">COM_JSN_CONDITION_LESS</option>
+				<option value="4">COM_JSN_CONDITION_CONTAINS</option>
+				<option value="5">COM_JSN_CONDITION_NOTEQUAL</option>
+				<option value="6">COM_JSN_CONDITION_NOTCONTAINS</option>
+			</field>
+			<field
+				name="condition_field19"
+				label="COM_JSN_CONDITION_TO"
+				description ="COM_JSN_CONDITION_TO_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				
+				field_id="alias"
+			
+			>
+				<option value="_custom">COM_JSN_CUSTOM_VALUE</option>
+			</field>
+			<field
+				name="condition_custom19"
+				label="COM_JSN_CONDITION_CUSTOMVALUE"
+				description ="COM_JSN_CONDITION_CUSTOMVALUE_DESC"
+				type="text"
+			/>
+			<field
+				name="condition_twoways19"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_TWOWAYS"
+				description="COM_JSN_CONDITION_TWOWAYS_DESC"
+				default="1"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="condition_hide19"
+				label="COM_JSN_CONDITION_HIDE"
+				description ="COM_JSN_CONDITION_HIDE_DESC"
+				type="parent"
+				table="jsn_fields"
+				level="2"
+				where="a.core=0 OR a.alias='avatar'"
+				field_id="alias"
+				multiple="true"
+			/>
+			
+			<field
+				name="condition_action19"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_ACTION"
+				description="COM_JSN_CONDITION_ACTION_DESC"
+				default="hide"
+			>
+				<option value="hide">JHIDE</option>
+				<option value="show">JSHOW</option>
+			</field>
+			
+			<field
+				name="condition_usergroups19"
+				type="usergroup"
+				multiple="true"
+				label="COM_JSN_CONDITION_USERGROUPS"
+				description="COM_JSN_CONDITION_USERGROUPS_DESC"
+				default="0"
+			>
+			</field>
+			<field
+				name="condition_ugaction19"
+				type="radio" class="btn-group"
+				label="COM_JSN_CONDITION_UGACTION"
+				description="COM_JSN_CONDITION_UGACTION_DESC"
+				default="add"
+			>
+				<option value="add">COM_JSN_CONDITION_ADDTO</option>
+				<option value="remove">COM_JSN_CONDITION_REMOVEFROM</option>
+			</field>
+			
+			
+		</fieldset> -->
+	</fields>
+
+	<fields name="metadata">
+		<fieldset name="jmetadata" label="JGLOBAL_FIELDSET_METADATA_OPTIONS">
+
+			<field
+				name="author"
+				type="text"
+				label="JAUTHOR"
+				description="JFIELD_METADATA_AUTHOR_DESC"
+				size="30"
+			/>
+	
+			<field
+				name="robots"
+				type="list"
+				label="JFIELD_METADATA_ROBOTS_LABEL"
+				description="JFIELD_METADATA_ROBOTS_DESC"
+			>
+				<option value="">JGLOBAL_USE_GLOBAL</option>
+				<option value="index, follow">JGLOBAL_INDEX_FOLLOW</option>
+				<option value="noindex, follow">JGLOBAL_NOINDEX_FOLLOW</option>
+				<option value="index, nofollow">JGLOBAL_INDEX_NOFOLLOW</option>
+				<option value="noindex, nofollow">JGLOBAL_NOINDEX_NOFOLLOW</option>
+			</field>
+		</fieldset>
+		
+	</fields>
+
+	<fields name="images">
+		<field
+			name="image_intro"
+			type="media"
+			label="COM_JSN_FIELD_INTRO_LABEL"
+			labelclass="control-label"
+			description="COM_JSN_FIELD_INTRO_DESC"
+		/>
+
+		<field
+			name="float_intro"
+			type="list"
+			labelclass="control-label"
+			label="COM_JSN_FLOAT_LABEL"
+			description="COM_JSN_FLOAT_DESC"
+		>
+			<option value="">JGLOBAL_USE_GLOBAL</option>
+			<option value="right">COM_JSN_RIGHT</option>
+			<option value="left">COM_JSN_LEFT</option>
+			<option value="none">COM_JSN_NONE</option>
+		</field>
+
+		<field
+			name="image_intro_alt"
+			type="text"
+			class="inputbox"
+			labelclass="control-label"
+			label="COM_JSN_FIELD_IMAGE_ALT_LABEL"
+			description="COM_JSN_FIELD_IMAGE_ALT_DESC"
+			size="20"
+		/>
+
+		<field
+			name="image_intro_caption"
+			type="text"
+			class="inputbox"
+			labelclass="control-label"
+			label="COM_JSN_FIELD_IMAGE_CAPTION_LABEL"
+			description="COM_JSN_FIELD_IMAGE_CAPTION_DESC"
+			size="20"
+		/>
+
+		<field
+			name="spacer1"
+			type="spacer"
+			hr="true"
+		/>
+
+		<field
+			name="image_fulltext"
+			type="media"
+			label="COM_JSN_FIELD_FULL_LABEL"
+			labelclass="control-label"
+			description="COM_JSN_FIELD_FULL_DESC"
+		/>
+
+		<field
+			name="float_fulltext"
+			type="list"
+			labelclass="control-label"
+			label="COM_JSN_FLOAT_LABEL"
+			description="COM_JSN_FLOAT_DESC"
+		>
+			<option value="">JGLOBAL_USE_GLOBAL</option>
+			<option value="right">COM_JSN_RIGHT</option>
+			<option value="left">COM_JSN_LEFT</option>
+			<option value="none">COM_JSN_NONE</option>
+		</field>
+
+		<field
+			name="image_fulltext_alt"
+			type="text"
+			class="inputbox"
+			labelclass="control-label"
+			label="COM_JSN_FIELD_IMAGE_ALT_LABEL"
+			description="COM_JSN_FIELD_IMAGE_ALT_DESC"
+			size="20"
+		/>
+
+		<field
+			name="image_fulltext_caption"
+			type="text"
+			class="inputbox"
+			labelclass="control-label"
+			label="COM_JSN_FIELD_IMAGE_CAPTION_LABEL"
+			description="COM_JSN_FIELD_IMAGE_CAPTION_DESC"
+			size="20"
+		/>
+	</fields>
+</form>
diff --git a/deployed/jsn/administrator/components/com_jsn/models/forms/filter_users.xml b/deployed/jsn/administrator/components/com_jsn/models/forms/filter_users.xml
new file mode 100644
index 00000000..991e94cf
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/forms/filter_users.xml
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="filter">
+		<field
+			name="search"
+			type="text"
+			label="COM_USERS_SEARCH_USERS"
+			description="COM_USERS_SEARCH_IN_NAME"
+			hint="JSEARCH_FILTER"
+		/>
+		<field
+			name="state"
+			type="userstate"
+			label="COM_USERS_FILTER_STATE"
+			description="COM_USERS_FILTER_STATE_DESC"
+			onchange="this.form.submit();"
+			>
+			<option value="">COM_USERS_FILTER_STATE</option>
+		</field>
+		<field
+			name="active"
+			type="useractive"
+			label="COM_USERS_FILTER_ACTIVE"
+			description="COM_USERS_FILTER_ACTIVE_DESC"
+			onchange="this.form.submit();"
+			>
+			<option value="">COM_USERS_FILTER_ACTIVE</option>
+		</field>
+		<field
+			name="group_id"
+			type="usergrouplist"
+			label="COM_USERS_FILTER_GROUP"
+			description="COM_USERS_FILTER_GROUP_DESC"
+			onchange="this.form.submit();"
+			>
+			<option value="">COM_USERS_FILTER_USERGROUP</option>
+		</field>
+		<field
+				name="lastvisitrange"
+				type="lastvisitdaterange"
+				label="COM_USERS_OPTION_FILTER_LAST_VISIT_DATE"
+				description="COM_USERS_OPTION_FILTER_LAST_VISIT_DATE"
+				onchange="this.form.submit();"
+		>
+			<option value="">COM_USERS_OPTION_FILTER_LAST_VISIT_DATE</option>
+		</field>
+		<field
+			name="range"
+			type="registrationdaterange"
+			label="COM_USERS_OPTION_FILTER_DATE"
+			description="COM_USERS_OPTION_FILTER_DATE"
+			onchange="this.form.submit();"
+			>
+			<option value="">COM_USERS_OPTION_FILTER_DATE</option>
+		</field>
+	</fields>
+	<fields name="list">
+		<field
+			name="fullordering"
+			type="list"
+			label="COM_CONTENT_LIST_FULL_ORDERING"
+			description="COM_CONTENT_LIST_FULL_ORDERING_DESC"
+			onchange="this.form.submit();"
+			default="a.name ASC"
+			>
+			<option value="">JGLOBAL_SORT_BY</option>
+			<option value="a.name ASC">COM_USERS_HEADING_NAME_ASC</option>
+			<option value="a.name DESC">COM_USERS_HEADING_NAME_DESC</option>
+			<option value="a.username ASC">COM_USERS_HEADING_USERNAME_ASC</option>
+			<option value="a.username DESC">COM_USERS_HEADING_USERNAME_DESC</option>
+			<option value="a.block ASC">COM_USERS_HEADING_ENABLED_ASC</option>
+			<option value="a.block DESC">COM_USERS_HEADING_ENABLED_DESC</option>
+			<option value="a.activation ASC">COM_USERS_HEADING_ACTIVATED_ASC</option>
+			<option value="a.activation DESC">COM_USERS_HEADING_ACTIVATED_DESC</option>
+			<option value="a.email ASC">COM_USERS_HEADING_EMAIL_ASC</option>
+			<option value="a.email DESC">COM_USERS_HEADING_EMAIL_DESC</option>
+			<option value="a.lastvisitDate ASC">COM_USERS_HEADING_LAST_VISIT_DATE_ASC</option>
+			<option value="a.lastvisitDate DESC">COM_USERS_HEADING_LAST_VISIT_DATE_DESC</option>
+			<option value="a.registerDate ASC">COM_USERS_HEADING_REGISTRATION_DATE_ASC</option>
+			<option value="a.registerDate DESC">COM_USERS_HEADING_REGISTRATION_DATE_DESC</option>
+			<option value="a.id ASC">JGRID_HEADING_ID_ASC</option>
+			<option value="a.id DESC">JGRID_HEADING_ID_DESC</option>
+		</field>
+		<field
+			name="limit"
+			type="limitbox"
+			class="input-mini"
+			default="25"
+			label="COM_CONTENT_LIST_LIMIT"
+			description="COM_CONTENT_LIST_LIMIT_DESC"
+			onchange="this.form.submit();"
+		/>
+	</fields>
+</form>
diff --git a/deployed/jsn/administrator/components/com_jsn/models/rule/filetype.php b/deployed/jsn/administrator/components/com_jsn/models/rule/filetype.php
new file mode 100644
index 00000000..c6344473
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/rule/filetype.php
@@ -0,0 +1,72 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('JPATH_PLATFORM') or die;
+
+/**
+ * Form Rule class for the Joomla Platform.
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormRuleFiletype extends JFormRule
+{
+	/**
+	 * Method to test an external url for a valid parts.
+	 *
+	 * @param   SimpleXMLElement  $element  The SimpleXMLElement object representing the <field /> tag for the form field object.
+	 * @param   mixed             $value    The form field value to validate.
+	 * @param   string            $group    The field name group control value. This acts as as an array container for the field.
+	 *                                      For example if the field has name="foo" and the group value is set to "bar" then the
+	 *                                      full field name would end up being "bar[foo]".
+	 * @param   JRegistry         $input    An optional JRegistry object with the entire data set to validate against the entire form.
+	 * @param   JForm             $form     The form object for which the field is being tested.
+	 *
+	 * @return  boolean  True if the value is valid, false otherwise.
+	 *
+	 * @since   11.1
+	 * @link    http://www.w3.org/Addressing/URL/url-spec.txt
+	 * @see	    JString
+	 */
+	public function test(SimpleXMLElement $element, $value, $group = null, JRegistry $input = null, JForm $form = null)
+	{
+		// If the field is empty and not required, the field is valid.
+		$required = ((string) $element['requiredfile'] == 'true' || (string) $element['requiredfile'] == 'required');
+		
+		$validate=false;
+
+		$jform=JFactory::getApplication()->input->files->get('jform',null,'array');
+		if(isset($jform['upload_'. (string) $element['name']]))$jform_file=$jform['upload_'. (string) $element['name']];
+		if(isset($jform_file['name']) && strlen($jform_file['name'])>4)
+		{
+			$filename=$jform_file['name'];
+			$ext = strtolower($filename[strlen($filename)-4].$filename[strlen($filename)-3].$filename[strlen($filename)-2].$filename[strlen($filename)-1]);
+			if ($ext[0] == '.') $ext = substr($ext, 1, 3);
+			if (!in_array($ext,  explode('|', (string) $element['mime']) )) return false;
+			$validate=true;
+		}
+		
+		if(!$required) return true;
+		
+		$form=JFactory::getApplication()->input->get('jform',false,'array');
+		if($form && isset($form['id']))
+		{
+			$db=JFactory::getDbo();
+			$query=$db->getQuery(true);
+			$query->select($db->quoteName((string) $element['id']))->from('#__jsn_users')->where('id = '. (int) $form['id']);
+			$db->setQuery($query);
+			$checkValue=$db->loadResult();
+			if(!empty($checkValue)) $validate=true;
+		}
+		
+		if($validate) return true;
+		else return false;
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/rule/image.php b/deployed/jsn/administrator/components/com_jsn/models/rule/image.php
new file mode 100644
index 00000000..54337f1a
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/rule/image.php
@@ -0,0 +1,66 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('JPATH_PLATFORM') or die;
+
+/**
+ * Form Rule class for the Joomla Platform.
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormRuleImage extends JFormRule
+{
+	/**
+	 * Method to test an external url for a valid parts.
+	 *
+	 * @param   SimpleXMLElement  $element  The SimpleXMLElement object representing the <field /> tag for the form field object.
+	 * @param   mixed             $value    The form field value to validate.
+	 * @param   string            $group    The field name group control value. This acts as as an array container for the field.
+	 *                                      For example if the field has name="foo" and the group value is set to "bar" then the
+	 *                                      full field name would end up being "bar[foo]".
+	 * @param   JRegistry         $input    An optional JRegistry object with the entire data set to validate against the entire form.
+	 * @param   JForm             $form     The form object for which the field is being tested.
+	 *
+	 * @return  boolean  True if the value is valid, false otherwise.
+	 *
+	 * @since   11.1
+	 * @link    http://www.w3.org/Addressing/URL/url-spec.txt
+	 * @see	    JString
+	 */
+	public function test(SimpleXMLElement $element, $value, $group = null, JRegistry $input = null, JForm $form = null)
+	{
+		// If the field is empty and not required, the field is valid.
+		$required = ((string) $element['requiredfile'] == 'true' || (string) $element['requiredfile'] == 'required');
+		
+		$validate=false;
+		
+		$jform=JFactory::getApplication()->input->files->get('jform',null,'raw');
+		if(isset($jform['upload_'. (string) $element['name']]))$jform_file=$jform['upload_'. (string) $element['name']];
+		if(isset($jform_file['name']) && strlen($jform_file['name'])>4)
+		{
+			$filename=$jform_file['name'];
+			$ext = strtolower($filename[strlen($filename)-4].$filename[strlen($filename)-3].$filename[strlen($filename)-2].$filename[strlen($filename)-1]);
+			if ($ext[0] == '.') $ext = substr($ext, 1, 3);
+			if (!in_array($ext,  explode('|', 'jpg|png|jpeg|gif|bmp') )) return false;
+			$validate=true;
+		}
+		else{
+			$form=JFactory::getApplication()->input->get('jform',null,'raw');
+			$value=$form[(string) $element['name']];
+			if(!empty($value)) $validate=true;
+		}
+
+		if(!$required) return true;
+
+		if($validate) return true;
+		else return false;
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/rule/link.php b/deployed/jsn/administrator/components/com_jsn/models/rule/link.php
new file mode 100644
index 00000000..3142eacd
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/rule/link.php
@@ -0,0 +1,98 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('JPATH_PLATFORM') or die;
+
+/**
+ * Form Rule class for the Joomla Platform.
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormRuleLink extends JFormRule
+{
+	/**
+	 * Method to test an external url for a valid parts.
+	 *
+	 * @param   SimpleXMLElement  $element  The SimpleXMLElement object representing the <field /> tag for the form field object.
+	 * @param   mixed             $value    The form field value to validate.
+	 * @param   string            $group    The field name group control value. This acts as as an array container for the field.
+	 *                                      For example if the field has name="foo" and the group value is set to "bar" then the
+	 *                                      full field name would end up being "bar[foo]".
+	 * @param   JRegistry         $input    An optional JRegistry object with the entire data set to validate against the entire form.
+	 * @param   JForm             $form     The form object for which the field is being tested.
+	 *
+	 * @return  boolean  True if the value is valid, false otherwise.
+	 *
+	 * @since   11.1
+	 * @link    http://www.w3.org/Addressing/URL/url-spec.txt
+	 * @see	    JString
+	 */
+	public function test(SimpleXMLElement $element, $value, $group = null, JRegistry $input = null, JForm $form = null)
+	{
+		// If the field is empty and not required, the field is valid.
+		$required = ((string) $element['required'] == 'true' || (string) $element['required'] == 'required');
+		if (!$required && empty($value))
+		{
+			return true;
+		}
+		$urlParts = JString::parse_url($value);
+
+		// See http://www.w3.org/Addressing/URL/url-spec.txt
+		// Use the full list or optionally specify a list of permitted schemes.
+		if ($element['schemes'] == '')
+		{
+			$scheme = array('http', 'https', 'ftp', 'ftps', 'gopher', 'mailto', 'news', 'prospero', 'telnet', 'rlogin', 'tn3270', 'wais', 'url',
+				'mid', 'cid', 'nntp', 'tel', 'urn', 'ldap', 'file', 'fax', 'modem', 'git');
+		}
+		else
+		{
+			$scheme = explode(',', $element['schemes']);
+		}
+
+		/*
+		 * This rule is only for full URLs with schemes because parse_url does not parse
+		 * accurately without a scheme.
+		 * @see http://php.net/manual/en/function.parse-url.php
+		 */
+		if ($urlParts && !array_key_exists('scheme', $urlParts))
+		{
+			return false;
+		}
+		$urlScheme = (string) $urlParts['scheme'];
+		$urlScheme = strtolower($urlScheme);
+		if (in_array($urlScheme, $scheme) == false)
+		{
+			return false;
+		}
+		// For some schemes here must be two slashes.
+		if (($urlScheme == 'http' || $urlScheme == 'https' || $urlScheme == 'ftp' || $urlScheme == 'sftp' || $urlScheme == 'gopher'
+			|| $urlScheme == 'wais' || $urlScheme == 'gopher' || $urlScheme == 'prospero' || $urlScheme == 'telnet' || $urlScheme == 'git')
+			&& ((substr($value, strlen($urlScheme), 3)) !== '://'))
+		{
+			return false;
+		}
+		// The best we can do for the rest is make sure that the strings are valid UTF-8
+		// and the port is an integer.
+		if (array_key_exists('host', $urlParts) && !JString::valid((string) $urlParts['host']))
+		{
+			return false;
+		}
+		if (array_key_exists('port', $urlParts) && !is_int((int) $urlParts['port']))
+		{
+			return false;
+		}
+		if (array_key_exists('path', $urlParts) && !JString::valid((string) $urlParts['path']))
+		{
+			return false;
+		}
+		return true;
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/rule/numeric.php b/deployed/jsn/administrator/components/com_jsn/models/rule/numeric.php
new file mode 100644
index 00000000..5096808f
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/rule/numeric.php
@@ -0,0 +1,45 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('JPATH_PLATFORM') or die;
+
+/**
+ * Form Rule class for the Joomla Platform
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormRuleNumeric extends JFormRule
+{
+	
+	public function test(SimpleXMLElement $element, $value, $group = null, JRegistry $input = null, JForm $form = null)
+	{
+		// If the field is empty and not required, the field is valid.
+		$required = ((string) $element['required'] == 'true' || (string) $element['required'] == 'required');
+		if (!$required && empty($value))
+		{
+			return true;
+		}
+		
+		if(!is_numeric($value)){
+			return false;
+		}	
+		if ($value>$element['max'])
+		{
+			return false;
+		}
+		if ($value<$element['min'])
+		{
+			return false;
+		}
+
+		return true;
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/rule/phone.php b/deployed/jsn/administrator/components/com_jsn/models/rule/phone.php
new file mode 100644
index 00000000..a07fd7fb
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/rule/phone.php
@@ -0,0 +1,105 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('JPATH_PLATFORM') or die;
+
+/**
+ * Form Rule class for the Joomla Platform
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormRulePhone extends JFormRule
+{
+	/**
+	 * Method to test the url for a valid parts.
+	 *
+	 * @param   SimpleXMLElement  $element  The SimpleXMLElement object representing the <field /> tag for the form field object.
+	 * @param   mixed             $value    The form field value to validate.
+	 * @param   string            $group    The field name group control value. This acts as as an array container for the field.
+	 *                                      For example if the field has name="foo" and the group value is set to "bar" then the
+	 *                                      full field name would end up being "bar[foo]".
+	 * @param   JRegistry         $input    An optional JRegistry object with the entire data set to validate against the entire form.
+	 * @param   JForm             $form     The form object for which the field is being tested.
+	 *
+	 * @return  boolean  True if the value is valid, false otherwise.
+	 *
+	 * @since   11.1
+	 */
+	public function test(SimpleXMLElement $element, $value, $group = null, JRegistry $input = null, JForm $form = null)
+	{
+		// If the field is empty and not required, the field is valid.
+		$required = ((string) $element['required'] == 'true' || (string) $element['required'] == 'required');
+		if (!$required && empty($value))
+		{
+			return true;
+		}
+
+		/*
+		 * @see http://www.nanpa.com/
+		 * @see http://tools.ietf.org/html/rfc4933
+		 * @see http://www.itu.int/rec/T-REC-E.164/en
+		 *
+		 * Regex by Steve Levithan
+		 * @see http://blog.stevenlevithan.com/archives/validate-phone-number
+		 * @note that valid ITU-T and EPP must begin with +.
+		 */
+		$regexarray = array('NANP' => '/^(?:\+?1[-. ]?)?\(?([2-9][0-8][0-9])\)?[-. ]?([2-9][0-9]{2})[-. ]?([0-9]{4})$/',
+			'ITU-T' => '/^\+(?:[0-9] ?){6,14}[0-9]$/', 'EPP' => '/^\+[0-9]{1,3}\.[0-9]{4,14}(?:x.+)?$/');
+		if (isset($element['plan']))
+		{
+
+			$plan = (string) $element['plan'];
+			if ($plan == 'northamerica' || $plan == 'us')
+			{
+				$plan = 'NANP';
+			}
+			elseif ($plan == 'International' || $plan == 'int' || $plan == 'missdn' || !$plan)
+			{
+				$plan = 'ITU-T';
+			}
+			elseif ($plan == 'IETF')
+			{
+				$plan = 'EPP';
+			}
+
+			$regex = $regexarray[$plan];
+
+			// Test the value against the regular expression.
+			if (preg_match($regex, $value) == false)
+			{
+
+				return false;
+			}
+		}
+		else
+		{
+			/*
+			 * If the rule is set but no plan is selected just check that there are between
+			 * 7 and 15 digits inclusive and no illegal characters (but common number separators
+			 * are allowed).
+			 */
+			$cleanvalue = preg_replace('/[+. \-(\)]/', '', $value);
+			$regex = '/^[0-9]{7,15}?$/';
+			if (preg_match($regex, $cleanvalue) == true)
+			{
+
+				return true;
+			}
+			else
+			{
+
+				return false;
+			}
+		}
+
+		return true;
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/rule/regex.php b/deployed/jsn/administrator/components/com_jsn/models/rule/regex.php
new file mode 100644
index 00000000..6014e845
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/rule/regex.php
@@ -0,0 +1,46 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('JPATH_PLATFORM') or die;
+
+/**
+ * Form Rule class for the Joomla Platform
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormRuleRegex extends JFormRule
+{
+	
+	public function test(SimpleXMLElement $element, $value, $group = null, JRegistry $input = null, JForm $form = null)
+	{
+		// If the field is empty and not required, the field is valid.
+		$required = ((string) $element['required'] == 'true' || (string) $element['required'] == 'required');
+		if (!$required && empty($value))
+		{
+			return true;
+		}
+		
+		if (isset($element['pattern']))
+		{
+
+			$regex = '/^'.(string) $element['pattern'].'$/';
+			
+
+			// Test the value against the regular expression.
+			if (preg_match($regex, $value) == false)
+			{
+				return false;
+			}
+		}
+
+		return true;
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/rule/video.php b/deployed/jsn/administrator/components/com_jsn/models/rule/video.php
new file mode 100644
index 00000000..88bf0468
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/rule/video.php
@@ -0,0 +1,100 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('JPATH_PLATFORM') or die;
+
+/**
+ * Form Rule class for the Joomla Platform.
+ *
+ * @package     Joomla.Platform
+ * @subpackage  Form
+ * @since       11.1
+ */
+class JFormRuleVideo extends JFormRule
+{
+	/**
+	 * Method to test an external url for a valid parts.
+	 *
+	 * @param   SimpleXMLElement  $element  The SimpleXMLElement object representing the <field /> tag for the form field object.
+	 * @param   mixed             $value    The form field value to validate.
+	 * @param   string            $group    The field name group control value. This acts as as an array container for the field.
+	 *                                      For example if the field has name="foo" and the group value is set to "bar" then the
+	 *                                      full field name would end up being "bar[foo]".
+	 * @param   JRegistry         $input    An optional JRegistry object with the entire data set to validate against the entire form.
+	 * @param   JForm             $form     The form object for which the field is being tested.
+	 *
+	 * @return  boolean  True if the value is valid, false otherwise.
+	 *
+	 * @since   11.1
+	 * @link    http://www.w3.org/Addressing/URL/url-spec.txt
+	 * @see	    JString
+	 */
+	public function test(SimpleXMLElement $element, $value, $group = null, JRegistry $input = null, JForm $form = null)
+	{
+		// If the field is empty and not required, the field is valid.
+		$required = ((string) $element['required'] == 'true' || (string) $element['required'] == 'required');
+		if (!$required && empty($value))
+		{
+			return true;
+		}
+		$urlParts = JString::parse_url($value);
+
+		// See http://www.w3.org/Addressing/URL/url-spec.txt
+		// Use the full list or optionally specify a list of permitted schemes.
+		if ($element['schemes'] == '')
+		{
+			$scheme = array('http', 'https', 'ftp', 'ftps', 'gopher', 'mailto', 'news', 'prospero', 'telnet', 'rlogin', 'tn3270', 'wais', 'url',
+				'mid', 'cid', 'nntp', 'tel', 'urn', 'ldap', 'file', 'fax', 'modem', 'git');
+		}
+		else
+		{
+			$scheme = explode(',', $element['schemes']);
+		}
+
+		/*
+		 * This rule is only for full URLs with schemes because parse_url does not parse
+		 * accurately without a scheme.
+		 * @see http://php.net/manual/en/function.parse-url.php
+		 */
+		if ($urlParts && !array_key_exists('scheme', $urlParts))
+		{
+			return false;
+		}
+		$urlScheme = (string) $urlParts['scheme'];
+		$urlScheme = strtolower($urlScheme);
+		if (in_array($urlScheme, $scheme) == false)
+		{
+			return false;
+		}
+		// For some schemes here must be two slashes.
+		if (($urlScheme == 'http' || $urlScheme == 'https' || $urlScheme == 'ftp' || $urlScheme == 'sftp' || $urlScheme == 'gopher'
+			|| $urlScheme == 'wais' || $urlScheme == 'gopher' || $urlScheme == 'prospero' || $urlScheme == 'telnet' || $urlScheme == 'git')
+			&& ((substr($value, strlen($urlScheme), 3)) !== '://'))
+		{
+			return false;
+		}
+		// The best we can do for the rest is make sure that the strings are valid UTF-8
+		// and the port is an integer.
+		if (array_key_exists('host', $urlParts) && !JString::valid((string) $urlParts['host']))
+		{
+			return false;
+		}
+		if (array_key_exists('port', $urlParts) && !is_int((int) $urlParts['port']))
+		{
+			return false;
+		}
+		if (array_key_exists('path', $urlParts) && !JString::valid((string) $urlParts['path']))
+		{
+			return false;
+		}
+		// Video
+		if(!(strpos(' '.$value,'https://www.youtube.com/watch?v=')==1 || strpos(' '.$value,'http://www.youtube.com/watch?v=')==1 || strpos(' '.$value,'https://m.youtube.com/watch?v=')==1 || strpos(' '.$value,'http://www.youtube.com/watch?v=')==1 || strpos(' '.$value,'http://youtu.be/')==1 || strpos(' '.$value,'http://vimeo.com/')==1 || strpos(' '.$value,'https://vimeo.com/')==1)) return false;
+		return true;
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/user.php b/deployed/jsn/administrator/components/com_jsn/models/user.php
new file mode 100644
index 00000000..c340ddf7
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/user.php
@@ -0,0 +1,22 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+require_once(JPATH_COMPONENT . '/../com_users/models/user.php');
+
+/**
+ * Methods supporting a list of user records.
+ *
+ * @since  1.6
+ */
+class JsnModelUser extends UsersModelUser
+{
+	
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/models/users.php b/deployed/jsn/administrator/components/com_jsn/models/users.php
new file mode 100644
index 00000000..bc47392e
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/models/users.php
@@ -0,0 +1,289 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+require_once(JPATH_COMPONENT . '/../com_users/models/users.php');
+
+/**
+ * Methods supporting a list of user records.
+ *
+ * @since  1.6
+ */
+class JsnModelUsers extends UsersModelUsers
+{
+	
+	protected function getListQuery()
+	{
+		// Create a new query object.
+		$db    = $this->getDbo();
+		$query = $db->getQuery(true);
+
+		// Select the required fields from the table.
+		$query->select(
+			$this->getState(
+				'list.select',
+				'a.*'
+			)
+		);
+
+		$query->from($db->quoteName('#__users') . ' AS a');
+
+		// If the model is set to check item state, add to the query.
+		$state = $this->getState('filter.state');
+
+		if (is_numeric($state))
+		{
+			$query->where('a.block = ' . (int) $state);
+		}
+
+		// If the model is set to check the activated state, add to the query.
+		$active = $this->getState('filter.active');
+
+		if (is_numeric($active))
+		{
+			if ($active == '0')
+			{
+				$query->where('a.activation IN (' . $db->quote('') . ', ' . $db->quote('0') . ')');
+			}
+			elseif ($active == '1')
+			{
+				$query->where($query->length('a.activation') . ' > 1');
+			}
+		}
+
+		// Filter the items over the group id if set.
+		$groupId = $this->getState('filter.group_id');
+		$groups  = $this->getState('filter.groups');
+
+		if ($groupId || isset($groups))
+		{
+			$query->join('LEFT', '#__user_usergroup_map AS map2 ON map2.user_id = a.id')
+				->group(
+					$db->quoteName(
+						array(
+							'a.id',
+							'a.name',
+							'a.username',
+							'a.password',
+							'a.block',
+							'a.sendEmail',
+							'a.registerDate',
+							'a.lastvisitDate',
+							'a.activation',
+							'a.params',
+							'a.email'
+						)
+					)
+				);
+
+			if ($groupId)
+			{
+				$query->where('map2.group_id = ' . (int) $groupId);
+			}
+
+			if (isset($groups))
+			{
+				$query->where('map2.group_id IN (' . implode(',', $groups) . ')');
+			}
+		}
+
+		// Filter the items over the search string if set.
+		$search = $this->getState('filter.search');
+
+		if (!empty($search))
+		{
+			if (stripos($search, 'id:') === 0)
+			{
+				$query->where('a.id = ' . (int) substr($search, 3));
+			}
+			elseif (stripos($search, 'username:') === 0)
+			{
+				$search = $db->quote('%' . $db->escape(substr($search, 9), true) . '%');
+				$query->where('a.username LIKE ' . $search);
+			}
+			else
+			{
+				// Escape the search token.
+				$search = $db->quote('%' . str_replace(' ', '%', $db->escape(trim($search), true) . '%'));
+
+				// Compile the different search clauses.
+				$searches   = array();
+				$searches[] = 'a.name LIKE ' . $search;
+				$searches[] = 'a.username LIKE ' . $search;
+				$searches[] = 'a.email LIKE ' . $search;
+
+				// Add the clauses to the query.
+				$query->where('(' . implode(' OR ', $searches) . ')');
+			}
+		}
+
+		// Add filter for registration ranges select list
+		$range = $this->getState('filter.range');
+
+		// Apply the range filter.
+		if ($range)
+		{
+			$dates = $this->buildDateRange($range);
+
+			if ($dates['dNow'] === false)
+			{
+				$query->where(
+					$db->qn('a.registerDate') . ' < ' . $db->quote($dates['dStart']->format('Y-m-d H:i:s'))
+				);
+			}
+			else
+			{
+				$query->where(
+					$db->qn('a.registerDate') . ' >= ' . $db->quote($dates['dStart']->format('Y-m-d H:i:s')) .
+					' AND ' . $db->qn('a.registerDate') . ' <= ' . $db->quote($dates['dNow']->format('Y-m-d H:i:s'))
+				);
+			}
+		}
+
+		// Add filter for registration ranges select list
+		$lastvisitrange = $this->getState('filter.lastvisitrange');
+
+		// Apply the range filter.
+		if ($lastvisitrange)
+		{
+			$dates = $this->buildDateRange($lastvisitrange);
+
+			if (is_string($dates['dStart']))
+			{
+				$query->where(
+					$db->qn('a.lastvisitDate') . ' = ' . $db->quote($dates['dStart'])
+				);
+			}
+			elseif ($dates['dNow'] === false)
+			{
+				$query->where(
+					$db->qn('a.lastvisitDate') . ' < ' . $db->quote($dates['dStart']->format('Y-m-d H:i:s'))
+				);
+			}
+			else
+			{
+				$query->where(
+					$db->qn('a.lastvisitDate') . ' >= ' . $db->quote($dates['dStart']->format('Y-m-d H:i:s')) .
+					' AND ' . $db->qn('a.lastvisitDate') . ' <= ' . $db->quote($dates['dNow']->format('Y-m-d H:i:s'))
+				);
+			}
+		}
+
+		// Filter by excluded users
+		$excluded = $this->getState('filter.excluded');
+		//$excluded= array('0) AND id IN (113,112');
+
+		if (!empty($excluded))
+		{
+			$query->where('id NOT IN (' . implode(',', $excluded) . ')');
+		}
+
+		// Add the list ordering clause.
+		$query->order($db->qn($db->escape($this->getState('list.ordering', 'a.name'))) . ' ' . $db->escape($this->getState('list.direction', 'ASC')));
+
+		if($this->filter)
+		{
+			$session = JFactory::getSession();
+			$itemid=JFactory::getApplication()->input->get('Itemid','admin');
+			if(count(JFactory::getApplication()->input->post->getArray()))
+				$session->set('jsn_search_'.$itemid,JFactory::getApplication()->input->post->getArray());
+			elseif($session->get('jsn_search_'.$itemid,null)){
+				foreach($session->get('jsn_search_'.$itemid) as $key=>$value){
+					JFactory::getApplication()->input->set($key,$value);
+				}
+				
+			}
+		}
+
+		$query->join('left','#__jsn_users as b ON a.id=b.id');
+
+		if($this->filter) {
+			// Load Fields
+			$queryField = $db->getQuery(true);
+			$queryField->select('a.*')->from('#__jsn_fields AS a')->where('a.level = 2')->where('a.search = 1')->where('a.published = 1');
+			$db->setQuery( $queryField );
+			$fields = $db->loadObjectList();
+		
+			foreach (glob(JPATH_ADMINISTRATOR . '/components/com_jsn/helpers/fields/*.php') as $filename) {
+				require_once $filename;
+			}
+			
+			foreach($fields as $field)
+			{
+				if(JFactory::getApplication()->input->get($field->alias,'','raw')!=''){
+				
+					// Load Field Registry
+					$registry = new JRegistry;
+					$registry->loadString($field->params);
+					$field->params = $registry;
+				
+					$class='Jsn'.ucfirst($field->type).'FieldHelper';
+				
+					if(class_exists($class)) $class::getSearchQuery($field,$query);
+				}
+			}
+		}
+
+		return $query;
+	}
+	public $filter=true;
+
+	private function buildDateRange($range)
+	{
+		// Get UTC for now.
+		$dNow   = new JDate;
+		$dStart = clone $dNow;
+
+		switch ($range)
+		{
+			case 'past_week':
+				$dStart->modify('-7 day');
+				break;
+
+			case 'past_1month':
+				$dStart->modify('-1 month');
+				break;
+
+			case 'past_3month':
+				$dStart->modify('-3 month');
+				break;
+
+			case 'past_6month':
+				$dStart->modify('-6 month');
+				break;
+
+			case 'post_year':
+				$dNow = false;
+			case 'past_year':
+				$dStart->modify('-1 year');
+				break;
+
+			case 'today':
+				// Ranges that need to align with local 'days' need special treatment.
+				$app    = JFactory::getApplication();
+				$offset = $app->get('offset');
+
+				// Reset the start time to be the beginning of today, local time.
+				$dStart = new JDate('now', $offset);
+				$dStart->setTime(0, 0, 0);
+
+				// Now change the timezone back to UTC.
+				$tz = new DateTimeZone('GMT');
+				$dStart->setTimezone($tz);
+				break;
+			case 'never':
+				$dNow = false;
+				$dStart = $this->_db->getNullDate();
+				break;
+		}
+
+		return array('dNow' => $dNow, 'dStart' => $dStart);
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/sql/install.mysql.utf8.sql b/deployed/jsn/administrator/components/com_jsn/sql/install.mysql.utf8.sql
new file mode 100644
index 00000000..127a1386
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/sql/install.mysql.utf8.sql
@@ -0,0 +1,77 @@
+
+CREATE TABLE IF NOT EXISTS `#__jsn_fields` (
+  `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
+  `parent_id` int(10) unsigned NOT NULL DEFAULT '0',
+  `lft` int(11) NOT NULL DEFAULT '0',
+  `rgt` int(11) NOT NULL DEFAULT '0',
+  `level` int(10) unsigned NOT NULL DEFAULT '0',
+  `path` varchar(255) NOT NULL DEFAULT '',
+  `title` varchar(255) NOT NULL,
+  `alias` varchar(255) CHARACTER SET utf8 COLLATE utf8_bin NOT NULL DEFAULT '',
+  `note` varchar(255) NOT NULL DEFAULT '',
+  `description` mediumtext NOT NULL,
+  `published` tinyint(1) NOT NULL DEFAULT '0',
+
+  `type` varchar(255) NOT NULL,
+  `core` tinyint(1) NOT NULL DEFAULT '0',
+  `required` tinyint(1) NOT NULL DEFAULT '0',
+  `profile` tinyint(1) NOT NULL DEFAULT '0',
+  `edit` tinyint(1) NOT NULL DEFAULT '0',
+  `register` tinyint(1) NOT NULL DEFAULT '0',
+  `search` tinyint(1) NOT NULL DEFAULT '0',
+
+  `checked_out` int(11) unsigned NOT NULL DEFAULT '0',
+  `checked_out_time` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
+  `access` int(10) unsigned NOT NULL DEFAULT '0',
+  `accessview` int(10) unsigned NOT NULL DEFAULT '0',
+  `params` text NOT NULL,
+  `conditions` text NOT NULL,
+  `metadesc` varchar(1024) NOT NULL COMMENT 'The meta description for the page.',
+  `metakey` varchar(1024) NOT NULL COMMENT 'The meta keywords for the page.',
+  `metadata` varchar(2048) NOT NULL COMMENT 'JSON encoded metadata properties.',
+  `created_user_id` int(10) unsigned NOT NULL DEFAULT '0',
+  `created_time` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
+  `created_by_alias` varchar(255) NOT NULL DEFAULT '',
+  `modified_user_id` int(10) unsigned NOT NULL DEFAULT '0',
+  `modified_time` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
+  `images` text NOT NULL,
+  `urls` text NOT NULL,
+  `hits` int(10) unsigned NOT NULL DEFAULT '0',
+  `language` char(7) NOT NULL,
+  `version` int(10) unsigned NOT NULL DEFAULT '1',
+  `publish_up` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
+  `publish_down` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
+  PRIMARY KEY (`id`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 DEFAULT COLLATE=utf8mb4_unicode_ci;
+
+
+CREATE TABLE IF NOT EXISTS `#__jsn_users` (
+  `id` int(11) NOT NULL AUTO_INCREMENT,
+  `privacy` TEXT NOT NULL,
+  `firstname` varchar(255) NOT NULL,
+  `secondname` varchar(255) NOT NULL,
+  `lastname` varchar(255) NOT NULL,
+  `avatar` varchar(255) NOT NULL,
+  `params` TEXT NOT NULL,
+  `facebook_id` varchar(255) NOT NULL,
+  `twitter_id` varchar(255) NOT NULL,
+  `google_id` varchar(255) NOT NULL,
+  `linkedin_id` varchar(255) NOT NULL,
+  `instagram_id` varchar(255) NOT NULL,
+   PRIMARY KEY  (`id`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 DEFAULT COLLATE=utf8mb4_unicode_ci;
+
+INSERT IGNORE INTO #__jsn_fields(`id`,`parent_id`,`level`,`title`,`alias`,`path`,`type`,`published`,`core`,`required`,`profile`,`register`,`lft`,`rgt`,`access`,`params`,`edit`,`accessview`) VALUES
+	(1,0,0,'ROOT','root','','',1,0,0,0,0,  0,21,1, '', 0,1),
+	(2,1,1,'DETAILS','default','default','',1,1,0,0,0,  1,20,1, '', 0,1),
+	(3,2,2,'USERNAME','username','default/username','username',1,1,1,1,1,  2,3,1, '', 1,1),
+	(4,2,2,'NAME','firstname','default/firstname','text',1,1,2,1,1,  4,5,1, '', 1,1),
+	(5,2,2,'SECONDNAME','secondname','default/secondname','text',0,1,0,1,1,  6,7,1, '', 1,1),
+	(6,2,2,'LASTNAME','lastname','default/lastname','text',1,1,2,1,1,  8,9,1, '', 1,1),
+	(7,2,2,'EMAIL','email','default/email','usermail',1,1,1,1,1,  10,11,1, '', 1,1),
+	(8,2,2,'PASSWORD','password','default/password','password',1,1,1,1,1,  12,13,1, '', 1,1),
+	(9,2,2,'AVATAR','avatar','default/avatar','image',1,1,0,1,1,  14,15,1,'{"image_width":500,"image_height":500,"image_thumbwidth":100,"image_thumbheight":100,"image_alt":"Avatar","image_class":""}', 1,1),
+	(10,2,2,'REGISTEREDDATE','registerdate','default/registerdate','registerdate',1,1,0,1,0,  16,17,1, '', 0,1),
+	(11,2,2,'LASTVISITDATE','lastvisitdate','default/lastvisitdate','lastvisitdate',1,1,0,1,0,  18,19,1, '', 0,1);
+	
+UPDATE #__extensions SET ordering=1 WHERE name LIKE 'plg_authentication_joomla' OR name LIKE 'plg_user_profile';
diff --git a/deployed/jsn/administrator/components/com_jsn/sql/test.install.mysql.utf8.sql b/deployed/jsn/administrator/components/com_jsn/sql/test.install.mysql.utf8.sql
new file mode 100644
index 00000000..af6e86f8
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/sql/test.install.mysql.utf8.sql
@@ -0,0 +1,122 @@
+-- DROP TABLE IF EXISTS `#__jsn_fields`;
+DROP TABLE IF EXISTS `#__jsn_usertypes`;
+-- DROP TABLE IF EXISTS `#__jsn_users`;
+
+CREATE TABLE IF NOT EXISTS `#__jsn_fields` (
+  `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
+  `parent_id` int(10) unsigned NOT NULL DEFAULT '0',
+  `lft` int(11) NOT NULL DEFAULT '0',
+  `rgt` int(11) NOT NULL DEFAULT '0',
+  `level` int(10) unsigned NOT NULL DEFAULT '0',
+  `path` varchar(255) NOT NULL DEFAULT '',
+  `title` varchar(255) NOT NULL,
+  `alias` varchar(255) CHARACTER SET utf8 COLLATE utf8_bin NOT NULL DEFAULT '',
+  `note` varchar(255) NOT NULL DEFAULT '',
+  `description` mediumtext NOT NULL,
+  `published` tinyint(1) NOT NULL DEFAULT '0',
+
+  `type` varchar(255) NOT NULL,
+  `core` tinyint(1) NOT NULL DEFAULT '0',
+  `required` tinyint(1) NOT NULL DEFAULT '0',
+  `profile` tinyint(1) NOT NULL DEFAULT '0',
+  `register` tinyint(1) NOT NULL DEFAULT '0',
+
+  `checked_out` int(11) unsigned NOT NULL DEFAULT '0',
+  `checked_out_time` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
+  `access` int(10) unsigned NOT NULL DEFAULT '0',
+  `params` text NOT NULL,
+  `metadesc` varchar(1024) NOT NULL COMMENT 'The meta description for the page.',
+  `metakey` varchar(1024) NOT NULL COMMENT 'The meta keywords for the page.',
+  `metadata` varchar(2048) NOT NULL COMMENT 'JSON encoded metadata properties.',
+  `created_user_id` int(10) unsigned NOT NULL DEFAULT '0',
+  `created_time` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
+  `created_by_alias` varchar(255) NOT NULL DEFAULT '',
+  `modified_user_id` int(10) unsigned NOT NULL DEFAULT '0',
+  `modified_time` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
+  `images` text NOT NULL,
+  `urls` text NOT NULL,
+  `hits` int(10) unsigned NOT NULL DEFAULT '0',
+  `language` char(7) NOT NULL,
+  `version` int(10) unsigned NOT NULL DEFAULT '1',
+  `publish_up` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
+  `publish_down` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
+  PRIMARY KEY (`id`),
+  KEY `field_idx` (`published`,`access`),
+  KEY `idx_access` (`access`),
+  KEY `idx_checkout` (`checked_out`),
+  KEY `idx_path` (`path`),
+  KEY `idx_left_right` (`lft`,`rgt`),
+  KEY `idx_alias` (`alias`),
+  KEY `idx_language` (`language`)
+) DEFAULT CHARSET=utf8;
+
+/*CREATE TABLE IF NOT EXISTS `#__jsn_usertypes` (
+  `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
+  `parent_id` int(10) unsigned NOT NULL DEFAULT '0',
+  `lft` int(11) NOT NULL DEFAULT '0',
+  `rgt` int(11) NOT NULL DEFAULT '0',
+  `level` int(10) unsigned NOT NULL DEFAULT '0',
+  `path` varchar(255) NOT NULL DEFAULT '',
+  `title` varchar(255) NOT NULL,
+  `alias` varchar(255) CHARACTER SET utf8 COLLATE utf8_bin NOT NULL DEFAULT '',
+  `note` varchar(255) NOT NULL DEFAULT '',
+  `description` mediumtext NOT NULL,
+  `published` tinyint(1) NOT NULL DEFAULT '0',
+  `checked_out` int(11) unsigned NOT NULL DEFAULT '0',
+  `checked_out_time` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
+  `access` int(10) unsigned NOT NULL DEFAULT '0',
+  `params` text NOT NULL,
+  `metadesc` varchar(1024) NOT NULL COMMENT 'The meta description for the page.',
+  `metakey` varchar(1024) NOT NULL COMMENT 'The meta keywords for the page.',
+  `metadata` varchar(2048) NOT NULL COMMENT 'JSON encoded metadata properties.',
+  `created_user_id` int(10) unsigned NOT NULL DEFAULT '0',
+  `created_time` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
+  `created_by_alias` varchar(255) NOT NULL DEFAULT '',
+  `modified_user_id` int(10) unsigned NOT NULL DEFAULT '0',
+  `modified_time` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
+  `images` text NOT NULL,
+  `urls` text NOT NULL,
+  `hits` int(10) unsigned NOT NULL DEFAULT '0',
+  `language` char(7) NOT NULL,
+  `version` int(10) unsigned NOT NULL DEFAULT '1',
+  `publish_up` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
+  `publish_down` datetime NOT NULL DEFAULT '0000-00-00 00:00:00',
+  PRIMARY KEY (`id`),
+  KEY `usertype_idx` (`published`,`access`),
+  KEY `idx_access` (`access`),
+  KEY `idx_checkout` (`checked_out`),
+  KEY `idx_path` (`path`),
+  KEY `idx_left_right` (`lft`,`rgt`),
+  KEY `idx_alias` (`alias`),
+  KEY `idx_language` (`language`)
+) DEFAULT CHARSET=utf8;*/
+
+CREATE TABLE IF NOT EXISTS `#__jsn_users` (
+  `id` int(11) NOT NULL AUTO_INCREMENT,
+  `privacy` TEXT NOT NULL DEFAULT '',
+  `firstname` varchar(255) NOT NULL,
+  `secondname` varchar(255) NOT NULL,
+  `lastname` varchar(255) NOT NULL,
+  `avatar` varchar(255) NOT NULL,
+  `params` TEXT NOT NULL DEFAULT '',
+  `facebook_id` varchar(255) NOT NULL,
+  `twitter_id` varchar(255) NOT NULL,
+  `google_id` varchar(255) NOT NULL,
+   PRIMARY KEY  (`id`)
+) ENGINE=MyISAM AUTO_INCREMENT=0 DEFAULT CHARSET=utf8;
+
+INSERT IGNORE INTO #__jsn_fields(`id`,`parent_id`,`level`,`title`,`alias`,`path`,`type`,`published`,`core`,`required`,`profile`,`register`,`lft`,`rgt`,`access`,`params`) VALUES
+	(1,0,0,'ROOT','root','','',0,0,0,0,0,  0,21,1, ''),
+	(2,1,1,'DETAILS','default','default','',1,1,0,0,0,  1,20,1, ''),
+	(3,2,2,'USERNAME','username','default/username','username',1,1,1,1,1,  2,3,1, ''),
+	(4,2,2,'NAME','firstname','default/firstname','text',1,1,1,1,1,  4,5,1, ''),
+	(5,2,2,'SECONDNAME','secondname','default/secondname','text',0,1,0,1,1,  6,7,1, ''),
+	(6,2,2,'LASTNAME','lastname','default/lastname','text',1,1,1,1,1,  8,9,1, ''),
+	(7,2,2,'EMAIL','email','default/email','usermail',1,1,1,1,1,  10,11,1, ''),
+	(8,2,2,'PASSWORD','password','default/password','password',1,1,1,1,1,  12,13,1, ''),
+	(9,2,2,'AVATAR','avatar','default/avatar','image',1,1,0,1,1,  14,15,1,'{"image_width":200,"image_height":200,"image_thumbwidth":50,"image_thumbheight":50,"image_alt":"Avatar","image_class":"img-circle"}'),
+	(10,2,2,'REGISTEREDDATE','registereddate','default/registereddate','registerdate',1,1,0,1,0,  16,17,1, ''),
+	(11,2,2,'LASTVISITDATE','lastvisitdate','default/lastvisitdate','lastvisitdate',1,1,0,1,0,  18,19,1, '');
+	
+/*INSERT IGNORE INTO #__jsn_usertypes(`id`,`parent_id`,`level`,`title`,`alias`,`path`,`published`,`lft`,`rgt`,`access`) VALUES
+	(1,0,0,'ROOT','root','',0,  0,21,1);*/
diff --git a/deployed/jsn/administrator/components/com_jsn/sql/uninstall.mysql.utf8.sql b/deployed/jsn/administrator/components/com_jsn/sql/uninstall.mysql.utf8.sql
new file mode 100644
index 00000000..e69de29b
diff --git a/deployed/jsn/administrator/components/com_jsn/sql/updates/1.0.0.sql b/deployed/jsn/administrator/components/com_jsn/sql/updates/1.0.0.sql
new file mode 100644
index 00000000..e69de29b
diff --git a/deployed/jsn/administrator/components/com_jsn/sql/updates/1.2.0.sql b/deployed/jsn/administrator/components/com_jsn/sql/updates/1.2.0.sql
new file mode 100644
index 00000000..e69de29b
diff --git a/deployed/jsn/administrator/components/com_jsn/sql/updates/1.3.0.sql b/deployed/jsn/administrator/components/com_jsn/sql/updates/1.3.0.sql
new file mode 100644
index 00000000..e69de29b
diff --git a/deployed/jsn/administrator/components/com_jsn/tables/field.php b/deployed/jsn/administrator/components/com_jsn/tables/field.php
new file mode 100644
index 00000000..e113200f
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/tables/field.php
@@ -0,0 +1,253 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnTableField extends JTableNested
+{
+	/**
+	 * Constructor
+	 *
+	 * @param JDatabaseDriver A database connector object
+	 */
+	public function __construct($db)
+	{
+		parent::__construct('#__jsn_fields', 'id', $db);
+	}
+
+	/**
+	 * Overloaded bind function
+	 *
+	 * @param   array  $array   Named array
+	 * @param   mixed  $ignore  An optional array or space separated list of properties
+	 * to ignore while binding.
+	 *
+	 * @return  mixed  Null if operation was satisfactory, otherwise returns an error string
+	 *
+	 * @see     JTable::bind
+	 * @since   3.1
+	 */
+	public function bind($array, $ignore = '')
+	{
+		if (isset($array['params']) && is_array($array['params']))
+		{
+			$registry = new JRegistry;
+			$registry->loadArray($array['params']);
+			$array['params'] = (string) $registry;
+		}
+
+		if (isset($array['metadata']) && is_array($array['metadata']))
+		{
+			$registry = new JRegistry;
+			$registry->loadArray($array['metadata']);
+			$array['metadata'] = (string) $registry;
+		}
+
+		if (isset($array['images']) && is_array($array['images']))
+		{
+			$registry = new JRegistry;
+			$registry->loadArray($array['images']);
+			$array['images'] = (string) $registry;
+		}
+
+		return parent::bind($array, $ignore);
+	}
+
+	/**
+	 * Overloaded check method to ensure data integrity.
+	 *
+	 * @return  boolean  True on success.
+	 *
+	 * @since   3.1
+	 * @throws  UnexpectedValueException
+	 */
+	public function check()
+	{
+		// Check for valid name.
+		if (trim($this->title) == '')
+		{
+			throw new UnexpectedValueException(sprintf('The title is empty'));
+		}
+
+		if (empty($this->alias))
+		{
+			$this->alias = $this->title;
+		}
+		if($this->id==0)
+		{
+			if(strlen($this->alias)>40) $this->alias=substr($this->alias,0,40);
+
+			$this->alias = str_replace('-','_',JApplication::stringURLSafe($this->alias));
+			if (trim(str_replace('-', '', $this->alias)) == '' || preg_match('/^[a-zA-Z0-9_]*$/', $this->alias) == false || is_numeric($this->alias))
+			{
+				$this->alias = 'field_'.JDate::getInstance()->format("YmdHis");
+			}
+		}
+		
+		
+
+		// Check the publish down date is not earlier than publish up.
+		if ((int) $this->publish_down > 0 && $this->publish_down < $this->publish_up)
+		{
+			throw new UnexpectedValueException(sprintf('End publish date is before start publish date.'));
+		}
+
+		// Clean up keywords -- eliminate extra spaces between phrases
+		// and cr (\r) and lf (\n) characters from string
+		if (!empty($this->metakey))
+		{
+			// Only process if not empty
+			// Define array of characters to remove
+			$bad_characters = array("\n", "\r", "\"", "<", ">");
+			// Remove bad characters
+			$after_clean = JString::str_ireplace($bad_characters, "", $this->metakey);
+
+			// Create array using commas as delimiter
+			$keys = explode(',', $after_clean);
+			$clean_keys = array();
+			foreach($keys as $key)
+			{
+				if (trim($key))
+				{
+					// Ignore blank keywords
+					$clean_keys[] = trim($key);
+				}
+			}
+
+			// Put array back together delimited by ", "
+			$this->metakey = implode(", ", $clean_keys);
+		}
+
+		// Clean up description -- eliminate quotes and <> brackets
+		if (!empty($this->metadesc)) {
+			// Only process if not empty
+			$bad_characters = array("\"", "<", ">");
+			$this->metadesc = JString::str_ireplace($bad_characters, "", $this->metadesc);
+		}
+
+		return true;
+	}
+
+	/**
+	 * Overriden JTable::store to set modified data and user id.
+	 *
+	 * @param   boolean  $updateNulls  True to update fields even if they are null.
+	 *
+	 * @return  boolean  True on success.
+	 *
+	 * @since   3.1
+	 */
+	public function store($updateNulls = false)
+	{
+		$date	= JDate::getInstance();
+		$user	= JFactory::getUser();
+		if ($this->id) {
+			// Existing item
+			$this->modified_time		= $date->toSql();
+			$this->modified_user_id	= $user->get('id');
+		}
+		else
+		{
+			// New field. A field created and created_by field can be set by the user,
+			// so we don't touch either of these if they are set.
+			if (!(int) $this->created_time) {
+				$this->created_time = $date->toSql();
+			}
+			if (empty($this->created_user_id)) {
+				$this->created_user_id = $user->get('id');
+			}
+		}
+
+		// Verify that the alias is unique
+		$table = JTable::getInstance('Field', 'JsnTable');
+		if ($table->load(array('alias' => $this->alias)) && ($table->id != $this->id || $this->id == 0))
+		{
+			$this->setError(JText::_('COM_JSN_ERROR_UNIQUE_ALIAS'));
+			return false;
+		}
+		return parent::store($updateNulls);
+	}
+
+	/**
+	 * Method to delete a node and, optionally, its child nodes from the table.
+	 *
+	 * @param   integer  $pk        The primary key of the node to delete.
+	 * @param   boolean  $children  True to delete child nodes, false to move them up a level.
+	 *
+	 * @return  boolean  True on success.
+	 *
+	 * @since   3.1
+	 * @see     http://docs.joomla.org/JTableNested/delete
+	 */
+	public function delete($pk = null, $children = false)
+	{
+		return parent::delete($pk, $children);
+		$helper = new JHelperFields;
+		$helper->fieldDeleteInstances($pk);
+	}
+	
+	
+	
+	public function toggle($pks = null, $state = 1, $userId = 0, $nameField)
+	{
+		$k = $this->_tbl_key;
+
+		// Sanitize input.
+		JArrayHelper::toInteger($pks);
+		$userId = (int) $userId;
+		$state  = (int) $state;
+
+		// If there are no primary keys set check to see if the instance key is set.
+		if (empty($pks))
+		{
+			if ($this->$k)
+			{
+				$pks = array($this->$k);
+			}
+			// Nothing to set publishing state on, return false.
+			else {
+				$this->setError(JText::_('JLIB_DATABASE_ERROR_NO_ROWS_SELECTED'));
+				return false;
+			}
+		}
+
+		// Get an instance of the table
+		$table = JTable::getInstance('Field', 'JsnTable');
+
+		// For all keys
+		foreach ($pks as $pk)
+		{
+			// Load the banner
+			if (!$table->load($pk))
+			{
+				$this->setError($table->getError());
+			}
+
+			// Verify checkout
+			if ($table->checked_out == 0 || $table->checked_out == $userId)
+			{
+				// Change the state
+				$table->$nameField = $state;
+				$table->checked_out = 0;
+				$table->checked_out_time = $this->_db->getNullDate();
+
+				// Check the row
+				$table->check();
+
+				// Store the row
+				if (!$table->store())
+				{
+					$this->setError($table->getError());
+				}
+			}
+		}
+		return count($this->getErrors()) == 0;
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/tables/usertype.php b/deployed/jsn/administrator/components/com_jsn/tables/usertype.php
new file mode 100644
index 00000000..f69f1694
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/tables/usertype.php
@@ -0,0 +1,195 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnTableUsertype extends JTableNested
+{
+	/**
+	 * Constructor
+	 *
+	 * @param JDatabaseDriver A database connector object
+	 */
+	public function __construct($db)
+	{
+		parent::__construct('#__jsn_usertypes', 'id', $db);
+	}
+
+	/**
+	 * Overloaded bind function
+	 *
+	 * @param   array  $array   Named array
+	 * @param   mixed  $ignore  An optional array or space separated list of properties
+	 * to ignore while binding.
+	 *
+	 * @return  mixed  Null if operation was satisfactory, otherwise returns an error string
+	 *
+	 * @see     JTable::bind
+	 * @since   3.1
+	 */
+	public function bind($array, $ignore = '')
+	{
+		if (isset($array['params']) && is_array($array['params']))
+		{
+			$registry = new JRegistry;
+			$registry->loadArray($array['params']);
+			$array['params'] = (string) $registry;
+		}
+
+		if (isset($array['metadata']) && is_array($array['metadata']))
+		{
+			$registry = new JRegistry;
+			$registry->loadArray($array['metadata']);
+			$array['metadata'] = (string) $registry;
+		}
+
+		if (isset($array['urls']) && $array['urls'])
+		{
+			$registry = new JRegistry;
+			$registry->loadArray($array['urls']);
+			$array['urls'] = (string) $registry;
+		}
+
+		if (isset($array['images']) && is_array($array['images']))
+		{
+			$registry = new JRegistry;
+			$registry->loadArray($array['images']);
+			$array['images'] = (string) $registry;
+		}
+
+		return parent::bind($array, $ignore);
+	}
+
+	/**
+	 * Overloaded check method to ensure data integrity.
+	 *
+	 * @return  boolean  True on success.
+	 *
+	 * @since   3.1
+	 * @throws  UnexpectedValueException
+	 */
+	public function check()
+	{
+		// Check for valid name.
+		if (trim($this->title) == '')
+		{
+			throw new UnexpectedValueException(sprintf('The title is empty'));
+		}
+
+		if (empty($this->alias))
+		{
+			$this->alias = $this->title;
+		}
+		$this->alias = JApplication::stringURLSafe($this->alias);
+		if (trim(str_replace('-', '', $this->alias)) == '')
+		{
+			$this->alias = JDate::getInstance()->format("Y-m-d-H-i-s");
+		}
+
+		// Check the publish down date is not earlier than publish up.
+		if ((int) $this->publish_down > 0 && $this->publish_down < $this->publish_up)
+		{
+			throw new UnexpectedValueException(sprintf('End publish date is before start publish date.'));
+		}
+
+		// Clean up keywords -- eliminate extra spaces between phrases
+		// and cr (\r) and lf (\n) characters from string
+		if (!empty($this->metakey))
+		{
+			// Only process if not empty
+			// Define array of characters to remove
+			$bad_characters = array("\n", "\r", "\"", "<", ">");
+			// Remove bad characters
+			$after_clean = JString::str_ireplace($bad_characters, "", $this->metakey);
+
+			// Create array using commas as delimiter
+			$keys = explode(',', $after_clean);
+			$clean_keys = array();
+			foreach($keys as $key)
+			{
+				if (trim($key))
+				{
+					// Ignore blank keywords
+					$clean_keys[] = trim($key);
+				}
+			}
+
+			// Put array back together delimited by ", "
+			$this->metakey = implode(", ", $clean_keys);
+		}
+
+		// Clean up description -- eliminate quotes and <> brackets
+		if (!empty($this->metadesc)) {
+			// Only process if not empty
+			$bad_characters = array("\"", "<", ">");
+			$this->metadesc = JString::str_ireplace($bad_characters, "", $this->metadesc);
+		}
+
+		return true;
+	}
+
+	/**
+	 * Overriden JTable::store to set modified data and user id.
+	 *
+	 * @param   boolean  $updateNulls  True to update fields even if they are null.
+	 *
+	 * @return  boolean  True on success.
+	 *
+	 * @since   3.1
+	 */
+	public function store($updateNulls = false)
+	{
+		$date	= JDate::getInstance();
+		$user	= JFactory::getUser();
+		if ($this->id) {
+			// Existing item
+			$this->modified_time		= $date->toSql();
+			$this->modified_user_id	= $user->get('id');
+		}
+		else
+		{
+			// New tag. A tag created and created_by field can be set by the user,
+			// so we don't touch either of these if they are set.
+			if (!(int) $this->created_time) {
+				$this->created_time = $date->toSql();
+			}
+			if (empty($this->created_user_id)) {
+				$this->created_user_id = $user->get('id');
+			}
+		}
+
+		// Verify that the alias is unique
+		$table = JTable::getInstance('Usertype', 'JsnTable');
+		if ($table->load(array('alias' => $this->alias)) && ($table->id != $this->id || $this->id == 0))
+		{
+			$this->setError(JText::_('COM_JSN_ERROR_UNIQUE_ALIAS'));
+			return false;
+		}
+		return parent::store($updateNulls);
+	}
+
+	/**
+	 * Method to delete a node and, optionally, its child nodes from the table.
+	 *
+	 * @param   integer  $pk        The primary key of the node to delete.
+	 * @param   boolean  $children  True to delete child nodes, false to move them up a level.
+	 *
+	 * @return  boolean  True on success.
+	 *
+	 * @since   3.1
+	 * @see     http://docs.joomla.org/JTableNested/delete
+	 */
+	public function delete($pk = null, $children = false)
+	{
+		return parent::delete($pk, $children);
+		//$helper = new JHelperTags;
+		//$helper->tagDeleteInstances($pk);
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/views/field/tmpl/edit.php b/deployed/jsn/administrator/components/com_jsn/views/field/tmpl/edit.php
new file mode 100644
index 00000000..e2989931
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/views/field/tmpl/edit.php
@@ -0,0 +1,224 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+// Include the component HTML helpers.
+JHtml::addIncludePath(JPATH_COMPONENT.'/helpers/html');
+
+$app = JFactory::getApplication();
+$input = $app->input;
+
+// Load the tooltip behavior.
+JHtml::_('behavior.tooltip');
+JHtml::_('behavior.formvalidation');
+JHtml::_('behavior.keepalive');
+JHtml::_('formbehavior.chosen', 'select');
+
+$doc = JFactory::getDocument();
+$doc->addStylesheet(JURI::root().'components/com_jsn/assets/css/jquery.sortable.css');
+$doc->addScript(JURI::root().'components/com_jsn/assets/js/jquery.sortable.min.js');
+
+$user=JFactory::getUser();
+
+// Create shortcut to parameters.
+$params = $this->state->get('params');
+$params = $params->toArray();
+
+if($input->get('id')>0) {
+	$this->form->setFieldAttribute('alias','readonly','true');
+	$this->form->setFieldAttribute('type','readonly','true');
+}
+
+// Populate Fields Params
+$this->form->setValue('params',null,(object)$this->item->params);
+
+?>
+
+
+<script type="text/javascript">
+	Joomla.submitbutton = function(task)
+	{
+		if (task == 'field.cancel' || document.formvalidator.isValid(document.id('item-form'))) {
+			<?php echo $this->form->getField('description')->save(); ?>
+			Joomla.submitform(task, document.getElementById('item-form'));
+		}
+	}
+</script>
+<script type="text/javascript">
+	jQuery(document).ready(function($){
+		<?php
+		$condition_suffix=array('','1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18','19');
+		foreach($condition_suffix as $suffix) :
+		?>
+		$('#jform_params_condition_operator<?php echo $suffix; ?>-lbl').parent().parent().addClass('conditionGroup conditionGroupFirst');
+		$('#jform_params_condition_field<?php echo $suffix; ?>-lbl').parent().parent().addClass('conditionGroup');
+		$('#jform_params_condition_custom<?php echo $suffix; ?>-lbl').parent().parent().addClass('conditionGroup');
+		$('#jform_params_condition_twoways<?php echo $suffix; ?>-lbl').parent().parent().addClass('conditionGroup conditionGroupLast');
+		$('#jform_params_condition_hide<?php echo $suffix; ?>-lbl').parent().parent().addClass('conditionGroup conditionGroupFirst');
+		$('#jform_params_condition_action<?php echo $suffix; ?>-lbl').parent().parent().addClass('conditionGroup conditionGroupLast');
+		$('#jform_params_condition_usergroups<?php echo $suffix; ?>-lbl').parent().parent().addClass('conditionGroup conditionGroupFirst');
+		$('#jform_params_condition_ugaction<?php echo $suffix; ?>-lbl').parent().parent().addClass('conditionGroup conditionGroupLast');
+		$('#jform_params_spacer_conditions<?php echo $suffix; ?>-lbl').closest('.control-group').addClass('conditionGroupTitle');
+		
+		$('#jform_params_condition_operator<?php echo $suffix; ?>').change(function(){
+			if($(this).val()==0){
+				$('#jform_params_condition_field<?php echo $suffix; ?>').parent().parent().hide();
+				$('#jform_params_condition_custom<?php echo $suffix; ?>').parent().parent().hide();
+				$('#jform_params_condition_hide<?php echo $suffix; ?>').parent().parent().hide();
+				$('fieldset#jform_params_condition_action<?php echo $suffix; ?>').parent().parent().hide();
+				$('#jform_params_condition_usergroups<?php echo $suffix; ?>').parent().parent().hide();
+				$('fieldset#jform_params_condition_twoways<?php echo $suffix; ?>').parent().parent().hide();
+				$('fieldset#jform_params_condition_ugaction<?php echo $suffix; ?>').parent().parent().hide();
+			}
+			else{
+				$('#jform_params_condition_field<?php echo $suffix; ?>').parent().parent().show();
+				$('#jform_params_condition_custom<?php echo $suffix; ?>').parent().parent().show();
+				$('#jform_params_condition_hide<?php echo $suffix; ?>').parent().parent().show();
+				$('fieldset#jform_params_condition_action<?php echo $suffix; ?>').parent().parent().show();
+				$('#jform_params_condition_usergroups<?php echo $suffix; ?>').parent().parent().show();
+				$('fieldset#jform_params_condition_twoways<?php echo $suffix; ?>').parent().parent().show();
+				$('fieldset#jform_params_condition_ugaction<?php echo $suffix; ?>').parent().parent().show();
+			}
+			$('#jform_params_condition_field<?php echo $suffix; ?>').change();
+		});
+		$('#jform_params_condition_field<?php echo $suffix; ?>').change(function(){
+			if($(this).val()=='_custom' && $('#jform_params_condition_operator<?php echo $suffix; ?>').val()!='0'){
+				$('#jform_params_condition_custom<?php echo $suffix; ?>').parent().parent().show();
+			}
+			else{
+				$('#jform_params_condition_custom<?php echo $suffix; ?>').parent().parent().hide();
+			}
+		});
+		$('#jform_params_condition_operator<?php echo $suffix; ?>').change();
+		<?php
+		endforeach;
+		?>
+		$('#jform_params_condition_action1-lbl').removeClass('btn-success');
+		$('#jform_params_condition_twoways1-lbl').removeClass('btn-success');
+
+		/* layout JS */
+		
+	});
+</script>
+<style>
+.conditionGroup{background:#eee;margin-bottom:0px !important;padding:0px 10px 10px 10px;margin-left:50px;}
+.conditionGroupFirst{padding-top:10px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
+.conditionGroupLast{margin-bottom:10px !important;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
+.conditionGroupTitle{margin-top:30px;}
+</style>
+
+<form action="<?php echo JRoute::_('index.php?option=com_jsn&layout=edit&id=' . (int) $this->item->id); ?>" method="post" name="adminForm" id="item-form" class="form-validate form-horizontal">
+	<div class="row-fluid">
+	<!-- Begin Content -->
+		<div class="span10 form-horizontal">
+			<?php echo JHtml::_('bootstrap'.JSNPREFIX.'.startTabSet', 'myTab', array('active' => 'general')); ?>
+
+				<?php echo JHtml::_('bootstrap'.JSNPREFIX.'.addTab', 'myTab', 'general', JText::_('COM_JSN_FIELDSET_DETAILS', true)); ?>
+					<fieldset class="adminform">
+						<div class="control-group form-inline">
+							<?php echo $this->form->getLabel('title'); ?> <?php echo $this->form->getInput('title'); ?> <?php echo $this->form->getLabel('catid'); ?> <?php echo $this->form->getInput('catid'); ?>
+						</div>
+						<div class="control-group form-inline">
+							<?php echo $this->form->getLabel('alias'); ?> <?php echo $this->form->getInput('alias'); ?>
+						</div>
+						<div class="control-group form-inline">
+							<?php echo $this->form->getLabel('type'); ?> <?php if(in_array($this->item->type,array('username','usermail','password','registerdate','lastvisitdate'))) echo ('<b>'.$this->item->type.'</b><input type="hidden" id="jform_type" value="'.$this->item->type.'" />'); else echo $this->form->getInput('type'); ?>
+						</div>
+						<?php echo $this->form->getInput('description'); ?>
+					</fieldset>
+				<?php echo JHtml::_('bootstrap'.JSNPREFIX.'.endTab'); ?>
+
+						
+							<?php echo $this->loadTemplate('conditions'); ?>
+							<?php echo $this->loadTemplate('fieldoptions'); ?>
+					
+									</div>
+				<input type="hidden" name="task" value="" />
+				<?php echo JHtml::_('form.token'); ?>
+		</div>
+		<!-- End Content -->
+		<!-- Begin Sidebar -->
+		<div class="span2">
+			<h4><?php echo JText::_('JDETAILS');?></h4>
+			<hr />
+			<fieldset class="form-vertical">
+				<div class="control-group">
+					<div class="controls">
+						<?php echo jText::_($this->form->getValue('title')); ?>
+					</div>
+				</div>
+				<div class="control-group">
+					<?php echo str_replace('<label ','<label data-placement="left" ',$this->form->getLabel('parent_id')); ?>
+					<div class="controls">
+						<?php echo $this->form->getInput('parent_id'); ?>
+					</div>
+				</div>
+				<div class="control-group">
+					<?php echo str_replace('<label ','<label data-placement="left" ',$this->form->getLabel('published')); ?>
+					<div class="controls">
+						<?php if($this->item->core || !$user->authorise('core.edit.state', 'com_jsn')) $this->form->setFieldAttribute('published','disabled','true'); echo $this->form->getInput('published'); ?>
+					</div>
+				</div>
+				<div class="control-group">
+					<?php echo str_replace('<label ','<label data-placement="left" ',$this->form->getLabel('required')); ?>
+					<div class="controls">
+						<?php if($this->item->core && $this->item->alias!='avatar' && $this->item->alias!='secondname') $this->form->setFieldAttribute('required','disabled','true'); echo $this->form->getInput('required'); ?>
+					</div>
+				</div>
+				<div class="control-group">
+					<?php echo str_replace('<label ','<label data-placement="left" ',$this->form->getLabel('profile')); ?>
+					<div class="controls">
+						<?php /*if($this->item->core) $this->form->setFieldAttribute('profile','disabled','true');*/ echo $this->form->getInput('profile'); ?>
+					</div>
+				</div>
+				<div class="control-group">
+					<?php echo str_replace('<label ','<label data-placement="left" ',$this->form->getLabel('edit')); ?>
+					<div class="controls">
+						<?php if($this->item->core && $this->item->alias!='avatar') $this->form->setFieldAttribute('edit','disabled','true'); echo $this->form->getInput('edit'); ?>
+					</div>
+				</div>
+				<div class="control-group">
+					<?php echo str_replace('<label ','<label data-placement="left" ',$this->form->getLabel('register')); ?>
+					<div class="controls">
+						<?php if($this->item->core && $this->item->alias!='avatar') $this->form->setFieldAttribute('register','disabled','true'); echo $this->form->getInput('register'); ?>
+					</div>
+				</div>
+				<?php if($this->item->type!='image' && $this->item->type!='delimeter' && $this->item->type!='password' && $this->item->type!='filetype') : ?>
+				<div class="control-group">
+					<?php echo str_replace('<label ','<label data-placement="left" ',$this->form->getLabel('search')); ?>
+					<div class="controls">
+						<?php /*if($this->item->core) $this->form->setFieldAttribute('profile','disabled','true');*/ echo $this->form->getInput('search'); ?>
+					</div>
+				</div>
+				<?php endif; ?>
+				<div class="control-group">
+					<?php echo str_replace('<label ','<label data-placement="left" ',$this->form->getLabel('access')); ?>
+					<div class="controls">
+						<?php if($this->item->core) $this->form->setFieldAttribute('access','disabled','true');echo $this->form->getInput('access'); ?>
+					</div>
+				</div>
+				<div class="control-group">
+					<?php echo str_replace('<label ','<label data-placement="left" ',$this->form->getLabel('accessview')); ?>
+					<div class="controls">
+						<?php echo $this->form->getInput('accessview'); ?>
+					</div>
+				</div>
+				<!-- <div class="control-group">
+					<?php echo $this->form->getLabel('language'); ?>
+					<div class="controls">
+						<?php echo $this->form->getInput('language'); ?>
+					</div>
+				</div> -->
+			</fieldset>
+		</div>
+		<!-- End Sidebar -->
+	</div>
+</form>
diff --git a/deployed/jsn/administrator/components/com_jsn/views/field/tmpl/edit_conditions.php b/deployed/jsn/administrator/components/com_jsn/views/field/tmpl/edit_conditions.php
new file mode 100644
index 00000000..19fc7045
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/views/field/tmpl/edit_conditions.php
@@ -0,0 +1,24 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+?>
+
+				<?php echo JHtml::_('bootstrap'.JSNPREFIX.'.addTab', 'myTab', 'conditions', JText::_('COM_JSN_FIELDSET_CONDITIONS', true)); ?>
+					<fieldset class="adminform">
+						<div class="control-group form-inline">
+							<div class="control-label"><?php echo $this->form->getLabel('conditions'); ?></div>
+							<div class="controls"><?php echo $this->form->getInput('conditions'); ?></div>
+						</div>
+					</fieldset>
+						
+				<?php echo JHtml::_('bootstrap'.JSNPREFIX.'.endTab'); ?>
+				
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/views/field/tmpl/edit_fieldoptions.php b/deployed/jsn/administrator/components/com_jsn/views/field/tmpl/edit_fieldoptions.php
new file mode 100644
index 00000000..fc71e998
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/views/field/tmpl/edit_fieldoptions.php
@@ -0,0 +1,56 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+?>
+<?php
+	//echo JHtml::_('bootstrap.startAccordion', 'categoryOptions', array('active' => 'collapse0'));
+	$fieldSets = $this->form->getFieldsets('params');
+	$i = 0;
+
+	foreach ($fieldSets as $name => $fieldSet) :
+		if($name=='groups') continue;
+		$label = !empty($fieldSet->label) ? JText::_($fieldSet->label) : JText::_('COM_JSN_'.$name.'_FIELDSET_LABEL');
+		echo JHtml::_('bootstrap'.JSNPREFIX.'.addTab', 'myTab', $name, $label);
+			if (isset($fieldSet->description) && trim($fieldSet->description)) :
+				echo '<p class="tip">'.$this->escape(JText::_($fieldSet->description)).'</p>';
+			endif;
+			$field_class='Jsn'.ucfirst($name).'FieldHelper';
+			if(class_exists($field_class) && method_exists($field_class, 'editScript')) echo $field_class::editScript();
+			?>
+				<?php foreach ($this->form->getFieldset($name) as $field) : ?>
+					<div class="control-group">
+						<div class="control-label">
+							<?php echo $field->label; ?>
+						</div>
+						<div class="controls">
+							<?php echo $field->input; ?>
+						</div>
+					</div>
+				<?php endforeach;
+		echo JHtml::_('bootstrap'.JSNPREFIX.'.endTab');
+	endforeach;
+//echo JHtml::_('bootstrap.endAccordion');
+
+?>
+<script>
+jQuery(document).ready(function($){
+	$('#myTabTabs li').hide();
+	$('#myTabTabs li:first').show().next().show().next().show();
+	$('#myTabTabs li a[href="#'+$('#jform_type').val()+'"]').parent().show();
+	
+	$('#jform_type').change(function(){
+		$('#myTabTabs li').hide();
+		$('#myTabTabs li:first').show().next().show().next().show();
+		$('#myTabTabs li a[href="#'+$(this).val()+'"]').parent().show();
+	});
+});
+</script>
diff --git a/deployed/jsn/administrator/components/com_jsn/views/field/tmpl/edit_metadata.php b/deployed/jsn/administrator/components/com_jsn/views/field/tmpl/edit_metadata.php
new file mode 100644
index 00000000..caff0f75
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/views/field/tmpl/edit_metadata.php
@@ -0,0 +1,35 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+?>
+<div class="control-group">
+	<?php echo $this->form->getLabel('metadesc'); ?>
+	<div class="controls">
+		<?php echo $this->form->getInput('metadesc'); ?>
+	</div>
+</div>
+<div class="control-group">
+	<?php echo $this->form->getLabel('metakey'); ?>
+	<div class="controls">
+		<?php echo $this->form->getInput('metakey'); ?>
+	</div>
+</div>
+<?php foreach($this->form->getGroup('metadata') as $field): ?>
+<div class="control-group">
+	<?php if (!$field->hidden): ?>
+		<?php echo $field->label; ?>
+	<?php endif; ?>
+	<div class="controls">
+		<?php echo $field->input; ?>
+	</div>
+</div>
+<?php endforeach; ?>
diff --git a/deployed/jsn/administrator/components/com_jsn/views/field/tmpl/edit_options.php b/deployed/jsn/administrator/components/com_jsn/views/field/tmpl/edit_options.php
new file mode 100644
index 00000000..08996135
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/views/field/tmpl/edit_options.php
@@ -0,0 +1,65 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+?>
+<?php
+	echo JHtml::_('bootstrap.startAccordion', 'categoryOptions', array('active' => 'collapse0'));
+	$fieldSets = $this->form->getFieldsets('options');
+	$i = 0;
+
+	foreach ($fieldSets as $name => $fieldSet) :
+		$label = !empty($fieldSet->label) ? $fieldSet->label : 'COM_JSN_'.$name.'_FIELDSET_LABEL';
+		echo JHtml::_('bootstrap.addSlide', 'categoryOptions', JText::_($label), 'collapse' . $i++);
+			if (isset($fieldSet->description) && trim($fieldSet->description)) :
+				echo '<p class="tip">'.$this->escape(JText::_($fieldSet->description)).'</p>';
+			endif;
+			?>
+				<?php foreach ($this->form->getFieldset($name) as $field) : ?>
+					<div class="control-group">
+						<div class="control-label">
+							<?php echo $field->label; ?>
+						</div>
+						<div class="controls">
+							<?php echo $field->input; ?>
+						</div>
+					</div>
+				<?php endforeach; ?>
+
+				<?php /*if ($name == 'basic'):?>
+					<div class="control-group">
+						<div class="control-label">
+							<?php echo $this->form->getLabel('note'); ?>
+						</div>
+						<div class="controls">
+							<?php echo $this->form->getInput('note'); ?>
+						</div>
+					</div>
+					<div class="control-group">
+						<div class="control-label">
+							<?php echo $this->form->getLabel('field_layout'); ?>
+						</div>
+						<div class="controls">
+							<?php echo $this->form->getInput('field_layout'); ?>
+						</div>
+					</div>
+					<div class="control-group">
+						<div class="control-label">
+							<?php echo $this->form->getLabel('field_link_class'); ?>
+						</div>
+						<div class="controls">
+							<?php echo $this->form->getInput('field_link_class'); ?>
+						</div>
+					</div>
+				<?php endif; */
+		echo JHtml::_('bootstrap.endSlide');
+	endforeach;
+echo JHtml::_('bootstrap.endAccordion');
diff --git a/deployed/jsn/administrator/components/com_jsn/views/field/tmpl/editgroup.php b/deployed/jsn/administrator/components/com_jsn/views/field/tmpl/editgroup.php
new file mode 100644
index 00000000..ceeb0bf4
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/views/field/tmpl/editgroup.php
@@ -0,0 +1,157 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+// Include the component HTML helpers.
+JHtml::addIncludePath(JPATH_COMPONENT.'/helpers/html');
+
+$app = JFactory::getApplication();
+$input = $app->input;
+
+// Load the tooltip behavior.
+JHtml::_('behavior.tooltip');
+JHtml::_('behavior.formvalidation');
+JHtml::_('behavior.keepalive');
+JHtml::_('formbehavior.chosen', 'select');
+
+// Create shortcut to parameters.
+$params = $this->state->get('params');
+$params = $params->toArray();
+
+?>
+
+<script type="text/javascript">
+	Joomla.submitbutton = function(task)
+	{
+		if (task == 'field.cancel' || document.formvalidator.isValid(document.id('item-form'))) {
+			<?php //echo $this->form->getField('description')->save(); ?>
+			Joomla.submitform(task, document.getElementById('item-form'));
+		}
+	}
+</script>
+
+<form action="<?php echo JRoute::_('index.php?option=com_jsn&layout=editgroup&id=' . (int) $this->item->id); ?>" method="post" name="adminForm" id="item-form" class="form-validate form-horizontal">
+	<div class="row-fluid">
+	<!-- Begin Content -->
+		<div class="span10 form-horizontal">
+			<?php echo JHtml::_('bootstrap'.JSNPREFIX.'.startTabSet', 'myTab', array('active' => 'general')); ?>
+
+				<?php echo JHtml::_('bootstrap'.JSNPREFIX.'.addTab', 'myTab', 'general', JText::_('COM_JSN_FIELDSET_DETAILS', true)); ?>
+					<fieldset class="adminform">
+						<div class="control-group form-inline">
+							<?php echo $this->form->getLabel('title'); ?> <?php echo $this->form->getInput('title'); ?> <?php echo $this->form->getLabel('catid'); ?> <?php echo $this->form->getInput('catid'); ?>
+						</div>
+						<div class="control-group form-inline">
+							<?php echo $this->form->getLabel('alias'); ?> <?php echo $this->form->getInput('alias'); ?>
+						</div>
+						<?php foreach ($this->form->getFieldset('groups') as $field) : ?>
+							<div class="control-group">
+								<div class="control-label">
+									<?php echo $field->label; ?>
+								</div>
+								<div class="controls">
+									<?php echo $field->input; ?>
+								</div>
+							</div>
+						<?php endforeach; ?>
+					</fieldset>
+						<!-- <div class="row-fluid">
+							<div class="span6">
+								<h4><?php echo JText::_('COM_JSN_FIELDSET_URLS_AND_IMAGES');?></h4>
+								<div class="control-group">
+									<?php echo $this->form->getLabel('images'); ?>
+									<div class="controls">
+										<?php echo $this->form->getInput('images'); ?>
+									</div>
+								</div>
+								<?php foreach ($this->form->getGroup('images') as $field) : ?>
+									<div class="control-group">
+										<?php if (!$field->hidden) : ?>
+											<?php echo $field->label; ?>
+										<?php endif; ?>
+										<div class="controls">
+											<?php echo $field->input; ?>
+										</div>
+									</div>
+								<?php endforeach; ?>
+							</div>
+						</div> -->
+				<?php echo JHtml::_('bootstrap'.JSNPREFIX.'.endTab'); ?>
+
+									</div>
+				<input type="hidden" name="task" value="" />
+				<?php echo JHtml::_('form.token'); ?>
+		</div>
+		<!-- End Content -->
+		<!-- Begin Sidebar -->
+		<div class="span2">
+			<h4><?php echo JText::_('JDETAILS');?></h4>
+			<hr />
+			<fieldset class="form-vertical">
+				<div class="control-group">
+					<div class="controls">
+						<?php echo jText::_($this->form->getValue('title')); ?>
+					</div>
+				</div>
+				<input type="hidden" name="jform[parent_id]" value="1" />
+				<!-- <div class="control-group">
+					<?php echo $this->form->getLabel('parent_id'); ?>
+					<div class="controls">
+						<?php echo $this->form->getInput('parent_id'); ?>
+					</div>
+				</div> -->
+				<div class="control-group">
+					<?php echo $this->form->getLabel('published'); ?>
+					<div class="controls">
+						<?php if($this->item->core) $this->form->setFieldAttribute('published','disabled','true'); echo $this->form->getInput('published'); ?>
+					</div>
+				</div>
+				<!-- <div class="control-group">
+					<?php echo $this->form->getLabel('required'); ?>
+					<div class="controls">
+						<?php echo $this->form->getInput('required'); ?>
+					</div>
+				</div>
+				<div class="control-group">
+					<?php echo $this->form->getLabel('profile'); ?>
+					<div class="controls">
+						<?php echo $this->form->getInput('profile'); ?>
+					</div>
+				</div>
+				<div class="control-group">
+					<?php echo $this->form->getLabel('register'); ?>
+					<div class="controls">
+						<?php echo $this->form->getInput('register'); ?>
+					</div>
+				</div> -->
+				<div class="control-group">
+					<?php echo $this->form->getLabel('access'); ?>
+					<div class="controls">
+						<?php if($this->item->core) $this->form->setFieldAttribute('access','disabled','true'); echo $this->form->getInput('access'); ?>
+					</div>
+				</div>
+				<div class="control-group">
+					<?php echo $this->form->getLabel('accessview'); ?>
+					<div class="controls">
+						<?php echo $this->form->getInput('accessview'); ?>
+					</div>
+				</div>
+				<!-- <div class="control-group">
+					<?php echo $this->form->getLabel('language'); ?>
+					<div class="controls">
+						<?php echo $this->form->getInput('language'); ?>
+					</div>
+				</div> -->
+			</fieldset>
+		</div>
+		<!-- End Sidebar -->
+	</div>
+</form>
diff --git a/deployed/jsn/administrator/components/com_jsn/views/field/view.html.php b/deployed/jsn/administrator/components/com_jsn/views/field/view.html.php
new file mode 100644
index 00000000..20a215c2
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/views/field/view.html.php
@@ -0,0 +1,112 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnViewField extends JViewLegacy
+{
+	protected $form;
+
+	protected $item;
+
+	protected $state;
+
+	/**
+	 * Display the view
+	 */
+	public function display($tpl = null)
+	{
+		$this->form  = $this->get('Form');
+		$this->item  = $this->get('Item');
+		$this->state = $this->get('State');
+		
+		$this->canDo = JsnHelperAdmin::getActions($this->state->get('fields.component'));
+		$input = JFactory::getApplication()->input;
+
+		// Check for errors.
+		if (count($errors = $this->get('Errors'))) {
+			JFactory::getApplication()->enqueueMessage(implode("\n", $errors));
+			return false;
+		}
+
+		$input->set('hidemainmenu', true);
+		$this->addToolbar();
+
+		parent::display($tpl);
+	}
+
+	/**
+	 * Add the page title and toolbar.
+	 *
+	 * @since  3.1
+	 */
+	protected function addToolbar()
+	{
+		$input      = JFactory::getApplication()->input;
+		$user		= JFactory::getUser();
+		$userId		= $user->get('id');
+
+		$isNew		= ($this->item->id == 0);
+		$checkedOut	= !($this->item->checked_out == 0 || $this->item->checked_out == $userId);
+
+		// Need to load the menu language file as mod_menu hasn't been loaded yet.
+		$lang = JFactory::getLanguage();
+			$lang->load('com_jsn', JPATH_BASE, null, false, false)
+		||	$lang->load('com_jsn', JPATH_ADMINISTRATOR.'/components/com_jsn', null, false, false)
+		||	$lang->load('com_jsn', JPATH_BASE, $lang->getDefault(), false, false)
+		||	$lang->load('com_jsn', JPATH_ADMINISTRATOR.'/components/com_jsn', $lang->getDefault(), false, false);
+
+		// Load the fields helper.
+		require_once JPATH_COMPONENT.'/helpers/jsn.php';
+
+		// Get the results for each action.
+		$canDo = JsnHelperAdmin::getActions('com_jsn', $this->item->id);
+
+		if($input->get('layout')=='edit')
+			$title = JText::_('COM_JSN_FIELD_'.($isNew?'ADD':'EDIT').'_TITLE');
+		else
+			$title = JText::_('COM_JSN_FIELDGROUP_'.($isNew?'ADD':'EDIT').'_TITLE');
+
+		// Prepare the toolbar.
+		JToolbarHelper::title($title, 'field-'.($isNew?'add':'edit').($isNew?'add':'edit'));
+
+		// For new records, check the create permission.
+		if ($isNew)
+		{
+			JToolbarHelper::apply('field.apply');
+			JToolbarHelper::save('field.save');
+			JToolbarHelper::save2new('field.save2new');
+		}
+
+		// If not checked out, can save the item.
+		elseif (!$checkedOut && ($canDo->get('core.edit') || ($canDo->get('core.edit.own') && $this->item->created_user_id == $userId))) {
+			JToolbarHelper::apply('field.apply');
+			JToolbarHelper::save('field.save');
+			if ($canDo->get('core.create')) {
+				JToolbarHelper::save2new('field.save2new');
+			}
+		}
+
+		// If an existing item, can save to a copy.
+		if (!$isNew && $canDo->get('core.create')) {
+			JToolbarHelper::save2copy('field.save2copy');
+		}
+
+		if (empty($this->item->id))  {
+			JToolbarHelper::cancel('field.cancel');
+		}
+		else {
+			JToolbarHelper::cancel('field.cancel', 'JTOOLBAR_CLOSE');
+		}
+		//JToolbarHelper::help('JHELP_COMPONENTS_FIELDS_MANAGER_EDIT');
+		JToolbarHelper::divider();
+
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/views/fields/tmpl/default.php b/deployed/jsn/administrator/components/com_jsn/views/fields/tmpl/default.php
new file mode 100644
index 00000000..91665a49
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/views/fields/tmpl/default.php
@@ -0,0 +1,352 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+// Include the component HTML helpers.
+JHtml::addIncludePath(JPATH_COMPONENT . '/helpers/html');
+JHtml::_('bootstrap.tooltip');
+JHtml::_('behavior.multiselect');
+JHtml::_('formbehavior.chosen', 'select');
+
+$app		= JFactory::getApplication();
+$user		= JFactory::getUser();
+$userId		= $user->get('id');
+$listOrder	= $this->escape($this->state->get('list.ordering'));
+$listDirn	= $this->escape($this->state->get('list.direction'));
+$ordering 	= ($listOrder == 'a.lft');
+$canOrder	= $user->authorise('core.edit.state',	'com_jsn');
+$saveOrder 	= ($listOrder == 'a.lft' && $listDirn == 'asc');
+if ($saveOrder)
+{
+	$saveOrderingUrl = 'index.php?option=com_jsn&task=fields.saveOrderAjax';
+	JHtml::_('sortablelist.sortable', 'categoryList', 'adminForm', strtolower($listDirn), $saveOrderingUrl, false, true);
+}
+$sortFields = $this->getSortFields();
+?>
+<style>
+.dndlist-sortable{display:table-row !important;}
+.icon.icon-eye-close:before{color:inherit;}
+</style>
+<script type="text/javascript">
+	Joomla.orderTable = function() {
+		table = document.getElementById("sortTable");
+		direction = document.getElementById("directionTable");
+		order = table.options[table.selectedIndex].value;
+		if (order != '<?php echo $listOrder; ?>')
+		{
+			dirn = 'asc';
+		} else {
+			dirn = direction.options[direction.selectedIndex].value;
+		}
+		Joomla.tableOrdering(order, dirn, '');
+	}
+</script>
+<form action="<?php echo JRoute::_('index.php?option=com_jsn&view=fields');?>" method="post" name="adminForm" id="adminForm">
+<?php if (!empty( $this->sidebar)): ?>
+	<div id="j-sidebar-container" class="span2">
+		<?php echo $this->sidebar; ?>
+		<?php
+		if($user->authorise('core.admin',     'com_jsn')) :
+			$xml = JFactory::getXML(JPATH_ADMINISTRATOR .'/components/com_jsn/jsn.xml');
+			$version = (string)$xml->version;
+			$db = JFactory::getDbo();
+			$query = $db->getQuery(true);
+			$query->select('version')->from('#__updates')->where('element = "com_jsn"');
+			try {
+				$db->setQuery($query);
+				if($latest = $db->loadResult()) $update = '<br /><b style="color:#942a25">Installed version is outdated!</b>';
+				else $update = '';
+			}
+			 catch (Exception $e) {
+				$update = '';
+			}
+			if(JSN_TYPE == 'free') $free_message = '<br /><br /><b>This is a free version, go to <a target="_blank" href="http://www.easy-profile.com/" >Easy Profile Website</a> to see our plan.</b>';
+			else $free_message = '';
+		?>
+			<div style="text-align:center"><b>Easy Profile <?php echo ucfirst(JSN_TYPE) ?> <?php echo $version.$update.$free_message; ?></b></div>
+		<?php endif; ?>
+	</div>
+	<div id="j-main-container" class="span10">
+<?php else : ?>
+	<div id="j-main-container">
+<?php endif;?>
+		<div id="filter-bar" class="btn-toolbar">
+			<div class="filter-search btn-group pull-left">
+				<label for="filter_search" class="element-invisible"><?php echo JText::_('COM_JSN_ITEMS_SEARCH_FILTER');?></label>
+				<input type="text" name="filter_search" id="filter_search" placeholder="<?php echo JText::_('COM_JSN_ITEMS_SEARCH_FILTER'); ?>" value="<?php echo $this->escape($this->state->get('filter.search')); ?>" title="<?php echo JText::_('COM_JSN_ITEMS_SEARCH_FILTER'); ?>" />
+			</div>
+			<div class="btn-group hidden-phone">
+				<button class="btn tip" type="submit" title="<?php echo JText::_('JSEARCH_FILTER_SUBMIT'); ?>"><i class="icon-search"></i></button>
+				<button class="btn tip" type="button" onclick="jQuery('#filter_search').val('');this.form.submit();" title="<?php echo JText::_('JSEARCH_FILTER_CLEAR'); ?>"><i class="icon-remove"></i></button>
+			</div>
+			<div class="btn-group pull-right hidden-phone">
+				<label for="limit" class="element-invisible"><?php echo JText::_('JFIELD_PLG_SEARCH_SEARCHLIMIT_DESC');?></label>
+				<?php echo $this->pagination->getLimitBox(); ?>
+			</div>
+			<div class="btn-group pull-right hidden-phone">
+				<label for="directionTable" class="element-invisible"><?php echo JText::_('JFIELD_ORDERING_DESC');?></label>
+				<select name="directionTable" id="directionTable" class="input-medium" onchange="Joomla.orderTable()">
+					<option value=""><?php echo JText::_('JFIELD_ORDERING_DESC');?></option>
+					<option value="asc" <?php if ($listDirn == 'asc') echo 'selected="selected"'; ?>><?php echo JText::_('JGLOBAL_ORDER_ASCENDING');?></option>
+					<option value="desc" <?php if ($listDirn == 'desc') echo 'selected="selected"'; ?>><?php echo JText::_('JGLOBAL_ORDER_DESCENDING');?></option>
+				</select>
+			</div>
+			<div class="btn-group pull-right">
+				<label for="sortTable" class="element-invisible"><?php echo JText::_('JGLOBAL_SORT_BY');?></label>
+				<select name="sortTable" id="sortTable" class="input-medium" onchange="Joomla.orderTable()">
+					<option value=""><?php echo JText::_('JGLOBAL_SORT_BY');?></option>
+					<?php echo JHtml::_('select.options', $sortFields, 'value', 'text', $listOrder);?>
+				</select>
+			</div>
+			<div class="clearfix"></div>
+		</div>
+
+		<table class="table notable-striped" id="categoryList">
+			<thead>
+				<tr>
+					<th width="1%" class="hidden-phone">
+						<?php echo JHtml::_('grid.sort', '<i class="icon-menu-2"></i>', 'a.ordering', $listDirn, $listOrder, null, 'asc', 'JGRID_HEADING_ORDERING'); ?>
+					</th>
+					<th width="1%" class="hidden-phone">
+						<input type="checkbox" name="checkall-toggle" value="" title="<?php echo JText::_('JGLOBAL_CHECK_ALL'); ?>" onclick="Joomla.checkAll(this)" />
+					</th>
+					<th width="1%" class="nowrap center">
+						<?php echo JHtml::_('grid.sort', 'JSTATUS', 'a.published', $listDirn, $listOrder); ?>
+					</th>
+					<th>
+						<?php echo JHtml::_('grid.sort', 'JGLOBAL_TITLE', 'a.title', $listDirn, $listOrder); ?>
+					</th>
+					<th class="nowrap hidden-phone">
+						<?php echo JText::_('COM_JSN_HEADING_PROPERTIES'); ?>
+					</th>
+					<th>
+						<?php echo JText::_('COM_JSN_HEADING_CORE'); ?>
+					</th>
+					<th>
+						<?php echo JText::_('COM_JSN_HEADING_REQUIRED'); ?>
+					</th>
+					<th>
+						<?php echo JText::_('COM_JSN_HEADING_PROFILE'); ?>
+					</th>
+					<th>
+						<?php echo JText::_('COM_JSN_HEADING_EDIT'); ?>
+					</th>
+					<th>
+						<?php echo JText::_('COM_JSN_HEADING_REGISTER'); ?>
+					</th>
+					<th>
+						<?php echo JText::_('COM_JSN_HEADING_SEARCHABLE'); ?>
+					</th>
+					<th>
+						<?php echo JText::_('COM_JSN_HEADING_TYPE'); ?>
+					</th>
+				<th width="10%" class="nowrap hidden-phone">
+					<?php echo JHtml::_('grid.sort',  'COM_JSN_HEADING_ACCESS', 'a.access', $listDirn, $listOrder); ?>
+				</th>
+				<th class="nowrap hidden-phone">
+					<?php echo JText::_('COM_JSN_HEADING_ACCESSVIEW'); ?>
+				</th>
+				<!-- <th width="5%" class="nowrap hidden-phone">
+					<?php echo JHtml::_('grid.sort', 'JGRID_HEADING_LANGUAGE', 'language', $this->state->get('list.direction'), $this->state->get('list.ordering')); ?>
+				</th> -->
+				
+					<th width="1%" class="nowrap hidden-phone">
+						<?php echo JHtml::_('grid.sort', 'JGRID_HEADING_ID', 'a.id', $listDirn, $listOrder); ?>
+					</th>
+				</tr>
+			</thead>
+			<tfoot>
+				<tr>
+					<td colspan="15">
+						<?php echo $this->pagination->getListFooter(); ?>
+					</td>
+				</tr>
+			</tfoot>
+			<tbody>
+			<?php
+			$originalOrders = array();
+			foreach ($this->items as $i => $item) :
+				$orderkey   = array_search($item->id, $this->ordering[$item->parent_id]);
+				$canCreate  = $user->authorise('core.create',     'com_jsn');
+				$canEdit    = $user->authorise('core.edit',       'com_jsn');
+				$canCheckin = $user->authorise('core.manage',     'com_checkin') || $item->checked_out == $user->get('id')|| $item->checked_out == 0;
+				$canChange  = $user->authorise('core.edit.state', 'com_jsn') && $canCheckin;
+				// Get the parents of item for sorting
+				if ($item->level > 1)
+				{
+					$parentsStr = "";
+					$_currentParentId = $item->parent_id;
+					$parentsStr = " ".$_currentParentId;
+					for ($j = 0; $j < $item->level; $j++)
+					{
+						foreach ($this->ordering as $k => $v)
+						{
+							$v = implode("-", $v);
+							$v = "-" . $v . "-";
+							if (strpos($v, "-" . $_currentParentId . "-") !== false)
+							{
+								$parentsStr .= " " . $k;
+								$_currentParentId = $k;
+								break;
+							}
+						}
+					}
+				}
+				else
+				{
+					$parentsStr = "";
+				}
+				?>
+					<tr class="row<?php echo $i % 2; ?>" sortable-group-id="<?php echo $item->parent_id;?>" item-id="<?php echo $item->id?>" parents="<?php echo $parentsStr?>" level="<?php echo $item->level?>" <?php if($item->level==1) echo('style="background:#f9f9f9"'); ?> >
+						<td class="order nowrap center hidden-phone">
+						<?php if ($canChange) :
+							$disableClassName = '';
+							$disabledLabel    = '';
+							if (!$saveOrder) :
+								$disabledLabel    = JText::_('JORDERINGDISABLED');
+								$disableClassName = 'inactive tip-top';
+							endif; ?>
+							<span class="sortable-handler hasTooltip <?php echo $disableClassName?>" title="<?php echo $disabledLabel?>">
+								<i class="icon-menu"></i>
+							</span>
+
+						<?php else : ?>
+							<span class="sortable-handler inactive">
+								<i class="icon-menu"></i>
+							</span>
+						<?php endif; ?>
+							<input type="text" style="display:none" name="order[]" size="5" value="<?php echo $orderkey + 1;?>" />
+						</td>
+						<td class="center hidden-phone">
+							<?php echo JHtml::_('grid.id', $i, $item->id); ?>
+						</td>
+						<td class="center">
+							<?php echo JHtml::_('jgrid.published', $item->published, $i, 'fields.', ($item->core ? false : $canChange) );?>
+						</td>
+						<td>
+							<?php if ($item->level > 0): ?>
+							<?php echo str_repeat('<span class="gi">&mdash;</span>', $item->level - 1) ?>
+							<?php endif; ?>
+							<?php if ($item->checked_out) : ?>
+								<?php echo JHtml::_('jgrid.checkedout', $i, $item->editor, $item->checked_out_time, 'fields.', $canCheckin); ?>
+							<?php endif; ?>
+							<?php if (($canEdit || $canEditOwn) && $item->level==1) : ?>
+								<a href="<?php echo JRoute::_('index.php?option=com_jsn&task=field.editgroup&id='.$item->id);?>">
+									<?php echo JText::_($this->escape($item->title)); ?></a>
+							<?php elseif ($canEdit || $canEditOwn) : ?>
+								<?php if($item->type!='delimeter' && !$item->core && !in_array($item->alias,$this->columns)) echo('<i class="hasTooltip icon-warning" data-original-title="'.JText::_('COM_JSN_FIELD_WITHOUTCOLUMN').'"> </i> '); ?>
+								<a href="<?php echo JRoute::_('index.php?option=com_jsn&task=field.edit&id='.$item->id);?>">
+									<?php echo JText::_($this->escape($item->title)); ?></a>
+							<?php else : ?>
+								<?php echo JText::_($this->escape($item->title)); ?>
+							<?php endif; ?>
+							<span class="small" title="<?php echo $this->escape($item->path); ?>">
+								<?php if (empty($item->note)) : ?>
+									<?php echo JText::sprintf('JGLOBAL_LIST_ALIAS', $this->escape($item->alias));?>
+								<?php else : ?>
+									<?php echo JText::sprintf('JGLOBAL_LIST_ALIAS_NOTE', $this->escape($item->alias), $this->escape($item->note));?>
+								<?php endif; ?>
+							</span>
+						</td>
+						<td class=" hidden-phone">
+						<?php 
+							if($item->level==2)
+							{
+								if(!empty($item->conditions)) $conditions=json_decode($item->conditions);
+								else $conditions = array();
+								$hasConditions = false;
+								$conditionsDisplay = '<ul>';
+								foreach($conditions as $condition)
+								{
+									$hasConditions = true;
+									if(empty($condition->title)) $condition->title = 'Condition Description';
+									$conditionsDisplay .= '<li>'.$condition->title.'</li>';
+								}
+								$conditionsDisplay .= '</ul>';
+								if($hasConditions) echo '<i  data-content="'.$this->escape($conditionsDisplay).'" data-placement="left" class="hasPopover icon icon-shuffle"></i>';
+								$privacy=$item->params->get('privacy',0);
+								$privacy_defaults=array(0 => 'COM_JSN_PUBLIC', 1 => 'COM_JSN_REGISTERED', 99 => 'COM_JSN_PRIVATE');
+								$privacy_default=JText::_($privacy_defaults[$item->params->get('privacy_default',0)]);
+								if($privacy) echo '<i data-content="'.$this->escape(JText::sprintf('COM_JSN_FIELDS_PROPERTIES_PRIVACY',$privacy_default)).'" data-placement="left" class="hasPopover icon icon-eye-close"></i>';
+								$default_value=$item->params->get(str_replace(array('list_','usermail_'),array('_','mail_'),$item->type.'_defaultvalue'),'');
+								if($default_value!='') echo '<i  data-content="'.$this->escape(JText::_('COM_JSN_FIELDS_PROPERTIES_DEFAULTVALUE')).'" data-placement="left" class="hasPopover icon icon-asterisk"></i>';
+								$custom_title_profile=$item->params->get('titleprofile','');
+								$custom_title_search=$item->params->get('titlesearch','');
+								$hide_profile_title=$item->params->get('hidetitle',0);
+								$hide_editprofile_title=$item->params->get('hidetitleedit',0);
+
+								if($custom_title_profile!='' || $custom_title_search!='' || $hide_profile_title || $hide_editprofile_title)
+								{
+									$extra_message=array();
+									if($custom_title_profile!='' && !$hide_profile_title) $extra_message[]=JText::_('COM_JSN_TITLEPROFILE').': '.$custom_title_profile;
+									if($custom_title_search!='') $extra_message[]=JText::_('COM_JSN_TITLESEARCH').': '.$custom_title_profile;
+									if($hide_profile_title) $extra_message[]=JText::_('COM_JSN_HIDETITLEPROFILE').': '.JText::_('JYES');
+									if($hide_editprofile_title) $extra_message[]=JText::_('COM_JSN_HIDETITLEFORM').': '.JText::_('JYES');
+									echo '<i data-content="'.$this->escape('<ul><li>'.implode('</li><li>',$extra_message).'</li></ul>').'" data-placement="left" class="hasPopover icon icon-brush"></i>';
+								} 
+							}
+						?>
+					</td>
+						<td>
+							<?php echo JHtml::_('field.core', $item->core, $i, false);?>
+						</td>
+						<td>
+							<?php if($item->level==2) echo JHtml::_('field.required', $item->required, $i, ($item->core && $item->alias!='avatar' && $item->alias!='secondname' ? false : $canChange) );?>
+						</td>
+						<td>
+							<?php if($item->level==2) echo JHtml::_('field.profile', $item->profile, $i,$canChange );?>
+						</td>
+						<td>
+							<?php if($item->level==2) echo JHtml::_('field.edit', $item->edit, $i, ($item->core && $item->alias!='avatar' ? false : $canChange) );?>
+						</td>
+						<td>
+							<?php if($item->level==2) echo JHtml::_('field.register', $item->register, $i, ($item->core && $item->alias!='avatar' ? false : $canChange) );?>
+						</td>
+						<td>
+							<?php if($item->level==2 && $item->type!='image' && $item->type!='delimeter' && $item->type!='password' && $item->type!='filetype') echo JHtml::_('field.search', $item->search, $i, $canChange );?>
+						</td>
+						<td>
+							<?php if($item->level==2) echo $item->type; ?>
+						</td>
+					<td class="small hidden-phone">
+						<?php echo $this->escape($item->access_title); ?>
+					</td>
+					<td class="small hidden-phone">
+						<?php echo $this->escape($item->accessview_title); ?>
+					</td>
+					
+					<!-- <td class="small nowrap hidden-phone">
+					<?php if ($item->language == '*') : ?>
+						<?php echo JText::alt('JALL', 'language'); ?>
+						<?php else:?>
+							<?php echo $item->language_title ? $this->escape($item->language_title) : JText::_('JUNDEFINED'); ?>
+						<?php endif;?>
+						</td> -->
+						<td class="center hidden-phone">
+							<span title="<?php echo sprintf('%d-%d', $item->lft, $item->rgt); ?>">
+								<?php echo (int) $item->id; ?></span>
+						</td> 
+						
+					</tr>
+
+			<?php endforeach; ?>
+			</tbody>
+		</table>
+		<?php //Load the batch processing form. ?>
+		<?php echo $this->loadTemplate('batch'); ?>
+
+		<input type="hidden" name="task" value="" />
+		<input type="hidden" name="boxchecked" value="0" />
+		<input type="hidden" name="filter_order" value="<?php echo $listOrder; ?>" />
+		<input type="hidden" name="filter_order_Dir" value="<?php echo $listDirn; ?>" />
+		<input type="hidden" name="original_order_values" value="<?php echo implode($originalOrders, ','); ?>" />
+		<?php echo JHtml::_('form.token'); ?>
+	</div>
+</form>
diff --git a/deployed/jsn/administrator/components/com_jsn/views/fields/tmpl/default_batch.php b/deployed/jsn/administrator/components/com_jsn/views/fields/tmpl/default_batch.php
new file mode 100644
index 00000000..5ae12d84
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/views/fields/tmpl/default_batch.php
@@ -0,0 +1,53 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+JHtml::_('formbehavior.chosen', 'select');
+
+$published	= $this->state->get('filter.published');
+?>
+<div class="modal hide fade" id="collapseModal">
+	<div class="modal-header">
+		<button type="button" class="close" data-dismiss="modal">x</button>
+		<h3><?php echo JText::_('COM_JSN_BATCH_OPTIONS');?></h3>
+	</div>
+	<div class="modal-body" style="padding:30px;">
+		<p><?php echo JText::_('COM_JSN_BATCH_TIP'); ?></p>
+		<div class="control-group">
+			<div class="controls">
+				<?php echo JHtml::_('jsnbatch.access');?>
+			</div>
+		</div>
+		<div class="control-group">
+			<div class="controls">
+				<?php echo JHtml::_('jsnbatch.accessview');?>
+			</div>
+		</div>
+		<div class="control-group">
+			<div class="controls">
+				<?php echo JHtml::_('jsnbatch.fieldgroup');?>
+			</div>
+		</div>
+		<?php /*<div class="control-group">
+			<div class="controls">
+				<?php echo JHtml::_('batch.language'); ?>
+			</div> 
+		*/	?>	
+		</div>
+	<div class="modal-footer">
+		<button class="btn" type="button" onclick="document.id('batch-field-id').value='';document.id('batch-access').value='';document.id('batch-language-id').value=''" data-dismiss="modal">
+			<?php echo JText::_('JCANCEL'); ?>
+		</button>
+		<button class="btn btn-primary" type="submit" onclick="Joomla.submitbutton('field.batch');">
+			<?php echo JText::_('JGLOBAL_BATCH_PROCESS'); ?>
+		</button>
+	</div>
+</div>
diff --git a/deployed/jsn/administrator/components/com_jsn/views/fields/view.html.php b/deployed/jsn/administrator/components/com_jsn/views/fields/view.html.php
new file mode 100644
index 00000000..111f2b2c
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/views/fields/view.html.php
@@ -0,0 +1,218 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnViewFields extends JViewLegacy
+{
+	protected $items;
+
+	protected $pagination;
+
+	protected $state;
+
+	/**
+	 * Display the view
+	 */
+	public function display($tpl = null)
+	{
+		$this->checklist();
+		$this->state		= $this->get('State');
+		$this->items		= $this->get('Items');
+		$this->pagination	= $this->get('Pagination');
+
+		foreach($this->items as $item)
+		{
+			$registry = new JRegistry;
+			$registry->loadString($item->params);
+			$item->params = $registry;
+		}
+		
+		$db=JFactory::getDbo();
+		$query = $db->getQuery(true);
+		$query = "SHOW COLUMNS FROM #__jsn_users";
+		$db->setQuery( $query );
+		$result=$db->loadObjectList();
+		$columns=array();
+		foreach($result as $column)
+		{
+			$columns[]=$column->Field;
+		}
+		$this->columns=$columns;
+
+		JsnHelperAdmin::addSubmenu('fields');
+
+		// Check for errors.
+		if (count($errors = $this->get('Errors'))) {
+			JFactory::getApplication()->enqueueMessage(implode("\n", $errors));
+			return false;
+		}
+		// Preprocess the list of items to find ordering divisions.
+		foreach ($this->items as &$item)
+		{
+			$this->ordering[$item->parent_id][] = $item->id;
+		}
+
+		// Levels filter.
+		$options	= array();
+		$options[]	= JHtml::_('select.option', '1', JText::_('J1'));
+		$options[]	= JHtml::_('select.option', '2', JText::_('J2'));
+		$options[]	= JHtml::_('select.option', '3', JText::_('J3'));
+		$options[]	= JHtml::_('select.option', '4', JText::_('J4'));
+		$options[]	= JHtml::_('select.option', '5', JText::_('J5'));
+		$options[]	= JHtml::_('select.option', '6', JText::_('J6'));
+		$options[]	= JHtml::_('select.option', '7', JText::_('J7'));
+		$options[]	= JHtml::_('select.option', '8', JText::_('J8'));
+		$options[]	= JHtml::_('select.option', '9', JText::_('J9'));
+		$options[]	= JHtml::_('select.option', '10', JText::_('J10'));
+
+		$this->f_levels = $options;
+
+		$this->addToolbar();
+		$this->sidebar = JHtmlSidebar::render();
+		parent::display($tpl);
+	}
+
+	/**
+	 * Add the page title and toolbar.
+	 *
+	 * @since   3.1
+	 */
+	protected function addToolbar()
+	{
+		$state	= $this->get('State');
+		$canDo	= JsnHelperAdmin::getActions($state->get('filter.parent_id'));
+		$user	= JFactory::getUser();
+		// Get the toolbar object instance
+		$bar = JToolBar::getInstance('toolbar');
+
+		JToolbarHelper::title(JText::_('COM_JSN_MANAGER_FIELDS'), 'modules.png');
+
+		if ($canDo->get('core.create'))
+		{
+			JToolbarHelper::custom('field.addgroup','new','new',JText::_('COM_JSN_NEW_FIELDGROUP'),false,false);
+			JToolbarHelper::addNew('field.add',JText::_('COM_JSN_NEW_FIELD'));
+		}
+
+		if ($canDo->get('core.edit'))
+		{
+			//JToolbarHelper::editList('field.edit'); Not work with fieldgroups
+		}
+
+		if ($canDo->get('core.edit.state'))
+		{
+			JToolbarHelper::publish('fields.publish', 'JTOOLBAR_PUBLISH', true);
+			JToolbarHelper::unpublish('fields.unpublish', 'JTOOLBAR_UNPUBLISH', true);
+			JToolbarHelper::archiveList('fields.archive');
+		}
+		if ($canDo->get('core.admin'))
+		{
+			JToolbarHelper::checkin('fields.checkin');
+		}
+		if ($state->get('filter.published') == -2 && $canDo->get('core.delete'))
+		{
+			JToolbarHelper::deleteList('', 'fields.delete', 'JTOOLBAR_EMPTY_TRASH');
+		}
+		elseif ($canDo->get('core.edit.state'))
+		{
+			JToolbarHelper::trash('fields.trash');
+		}
+		// Add a batch button
+		if ($user->authorise('core.edit'))
+		{
+			JHtml::_('bootstrap.modal', 'collapseModal');
+			$title = JText::_('JTOOLBAR_BATCH');
+			$dhtml = "<button data-toggle=\"modal\" data-target=\"#collapseModal\" class=\"btn btn-small\">
+						<i class=\"icon-checkbox-partial\" title=\"$title\"></i>
+						$title</button>";
+			$bar->appendButton('Custom', $dhtml, 'batch');
+		}
+		if ($canDo->get('core.admin'))
+		{
+			JToolbarHelper::custom('syncuser','refresh','','Sync User',false);
+		}
+		if ($canDo->get('core.admin'))
+		{
+			JToolbarHelper::preferences('com_jsn');
+		}
+		//JToolbarHelper::help('JHELP_COMPONENTS_FIELDS_MANAGER');
+
+		JHtmlSidebar::setAction('index.php?option=com_jsn&view=fields');
+
+		JHtmlSidebar::addFilter(
+			JText::_('JOPTION_SELECT_PUBLISHED'),
+			'filter_published',
+			JHtml::_('select.options', JHtml::_('jgrid.publishedOptions'), 'value', 'text', $this->state->get('filter.published'), true)
+		);
+
+		JHtmlSidebar::addFilter(
+			JText::_('JOPTION_SELECT_ACCESS'),
+			'filter_access',
+			JHtml::_('select.options', JHtml::_('access.assetgroups'), 'value', 'text', $this->state->get('filter.access'))
+		);
+
+		/*JHtmlSidebar::addFilter(
+			JText::_('JOPTION_SELECT_LANGUAGE'),
+			'filter_language',
+			JHtml::_('select.options', JHtml::_('contentlanguage.existing', true, true), 'value', 'text', $this->state->get('filter.language'))
+		);*/
+	}
+
+	/**
+	 * Returns an array of fields the table can be sorted by
+	 *
+	 * @return  array  Array containing the field name to sort by as the key and display text as value
+	 *
+	 * @since   3.0
+	 */
+	protected function getSortFields()
+	{
+		return array(
+			'a.lft' => JText::_('JGRID_HEADING_ORDERING'),
+			'a.state' => JText::_('JSTATUS'),
+			'a.title' => JText::_('JGLOBAL_TITLE'),
+			'a.access' => JText::_('JGRID_HEADING_ACCESS'),
+			'language' => JText::_('JGRID_HEADING_LANGUAGE'),
+			'a.id' => JText::_('JGRID_HEADING_ID')
+		);
+	}
+	
+	protected function checklist()
+	{
+		$app=JFactory::getApplication();
+		$db=JFactory::getDbo();
+		$query=$db->getQuery(true);
+		$query->select('id')->from('#__menu')->where('link = "index.php?option=com_jsn&view=profile" AND published = 1');
+		$db->setQuery($query);
+		if(!$db->loadResult()) $app->enqueueMessage(JText::_('COM_JSN_CHECKLIST_ALERT_EASYPROFILE_MENU_ITEM'),'notice');
+		$query=$db->getQuery(true);
+		$query->select('id')->from('#__jsn_fields')->where('published = 1 AND parent_id = 2 AND edit = 1 AND register = 1');
+		$db->setQuery($query);
+		if(!$db->loadResult()) $app->enqueueMessage(JText::_('COM_JSN_CHECKLIST_ALERT_DEFAULT_FIELDGROUP'),'error');
+		$query=$db->getQuery(true);
+		$query->select('id')->from('#__menu')->where('link = "index.php?option=com_users&view=registration" AND published = 1 AND access = 1');
+		$db->setQuery($query);
+		if($db->loadResult()) $app->enqueueMessage(JText::_('COM_JSN_CHECKLIST_ALERT_REGISTRATION_MENU_ITEM'),'error');
+		
+		$jsnConfig=JComponentHelper::getParams('com_jsn');
+		if($jsnConfig->get('googlemaps_apikey','')=='')
+		{
+			$query=$db->getQuery(true);
+			$query->select('id')->from('#__jsn_fields')->where('published = 1 AND type = "gmap"');
+			$db->setQuery($query);
+			if($db->loadResult()) $app->enqueueMessage(JText::_('COM_JSN_CHECKLIST_ALERT_GOOGLEMAPS_KEY'),'error');
+		}
+		if($jsnConfig->get('download_id','')=='')
+		{
+			$app->enqueueMessage(JText::_('COM_JSN_CHECKLIST_ALERT_DOWNLOADID'),'notice');
+		}
+
+	}
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/views/import/tmpl/default.php b/deployed/jsn/administrator/components/com_jsn/views/import/tmpl/default.php
new file mode 100644
index 00000000..e4ce6ddd
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/views/import/tmpl/default.php
@@ -0,0 +1,368 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+if(!JFactory::getUser()->authorise('core.admin.import', 'com_jsn')) {
+	die('No access');
+}
+
+// Include the component HTML helpers.
+JHtml::addIncludePath(JPATH_COMPONENT.'/helpers/html');
+
+$app		= JFactory::getApplication();
+$user		= JFactory::getUser();
+$userId		= $user->get('id');
+
+if (!empty( $this->sidebar)): ?>
+	<div id="j-sidebar-container" class="span2">
+		<?php echo $this->sidebar; ?>
+	</div>
+	<div id="j-main-container" class="span10">
+<?php else : ?>
+	<div id="j-main-container">
+<?php endif;
+
+UserImportAdmin::getInstance()->init();
+
+class UserImportAdmin
+{	
+	//private $filecontent;
+	private $csv;
+	private $j_fields = array('id','name','username','email','password','password_clear','block','sendEmail','registerDate','lastvisitDate','activation','params','lastResetTime','resetCount','otpKey','otep','requireReset','groups');
+	private $jsn_fields;
+	private $jsn_fields_multiple;
+	//private $fields;
+	public function __construct()
+	{
+			$this->filecontent='';
+	}
+	
+	public static function getInstance()
+	{
+		static $cache=null;
+		if (!isset($cache))
+		{
+			$cache=new UserImportAdmin();
+		}
+		return $cache;
+	}
+	
+	public function init()
+	{
+		if(JFactory::getApplication()->input->getVar('goimport',false))
+		{
+			if(isset($_FILES['filecsv']) && !empty($_FILES['filecsv']['name']))
+			{
+				//require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+				require_once(JPATH_SITE.'/components/com_jsn/helpers/parsecsv.lib.php');
+				$this->csv=new parseCSV();
+				/* TODO ENCODING */
+				$content = file_get_contents($_FILES['filecsv']['tmp_name']);
+				$firstline = strtok($content, "\n");
+				$firstline = preg_replace('/[^A-Za-z0-9\-,;_\r"]/', '', $firstline);
+				$content=$firstline."\n".preg_replace('/^.+\n/', '', $content);
+				$this->csv->auto($content);
+				$this->check();
+			}
+			else
+			{
+				$app=JFactory::getApplication();
+				$app->enqueueMessage('No file selected','error');
+				$this->getForm();
+			}
+		}
+		else
+		{
+			$this->getForm();
+		}
+	}
+	
+	private function getForm()
+	{
+		$plugin = JPluginHelper::getPlugin('user','joomla');
+		$db=JFactory::getDbo();
+		$query=$db->getQuery(true);
+		$query->select('extension_id')->from('#__extensions')->where('name = '.$db->quote('plg_user_joomla'));
+		$db->setQuery($query);
+		$pluginId = $db->loadResult();
+		$params = new JRegistry($plugin->params);
+		echo('
+		<div class="page-header"><h2>Import User from CSV</h2></div>
+		<div class="alert alert-warning">
+			<b>RULES AND NOTE</b>
+			<ul>
+				<li>Fields that should never miss: <b>email</b>, and </b>name</b> or <b>firstname</b></li>
+				<li>Import only from <b>CSV files</b> (Comma Separated Values)</li>
+				<li>The first row of CSV file determines the columns (<b>alias of field</b>)</li>
+				<li>Existing user are identified by <b>email</b></li>
+				<li>If missing password or password_clear column, new password will be generated for new users</li>
+				<li>If missing username column, it will be generated for new users</li>
+				<li>"<b>password</b>" column set the hash of password (useful when import from a old Joomla installation)</li>
+				<li>"<b>password_clear</b>" column set the password</li>
+				<li>"<b>groups</b>" column set Joomla usergroups, default registration usergroup (Registered) will be always assigned
+			</ul>
+			<b>Some Examples:</b>
+			<pre>username,email,password_clear,firstname,lastname,interests
+john,john@test.it,passwordofjohn,John,Doe,"music,art"
+mark,mark@test.com,passwordofmark,Mark,White,art</pre>
+			<pre>email;password_clear;firstname;lastname;gender
+john@test.it;passwordofjohn;John;Doe;male
+mark@test.com;passwordofmark;Mark;White;male</pre>
+			<pre>email,name,gender,groups
+"john@test.it","John Doe","male","Author,Manager"
+"mark@test.com","Mark White","male","Publisher"</pre>
+		</div>
+		<div>
+		<form method="post" action="'.JRoute::_('index.php?option=com_jsn&view=import').'" class="form-horizontal" name="importcsv" enctype="multipart/form-data">
+			<div class="control-group">
+				<div class="control-label"><label>File CSV</label></div>
+				<div class="controls">
+					<input type="file" name="filecsv"/>
+				</div>
+			</div>
+			<div class="control-group">
+				<div class="control-label"><label>Overwrite existing user</label></div>
+				<div class="controls">
+					<label class="checkbox"><input type="checkbox" name="overwrite" value="1" />Yes</label>
+				</div>
+			</div>
+			<div class="control-group">
+				<div class="control-label"><label>Send email with access details to New User</label></div>
+				<div class="controls">
+					<label class="checkbox"><input type="checkbox" disabled="disabled" '.($params->get('mail_to_user', 1) ? 'checked="checked" ' : '').'name="sendmail" value="1" />Yes (you can set this from plugin "<a href="index.php?option=com_plugins&task=plugin.edit&extension_id='.$pluginId.'" >User - Joomla!</a>")</label>
+				</div>
+			</div>
+			<div class="form-actions">
+				<input name="goimport" type="submit" class="btn btn-primary" value="Import" />
+			</div>
+		</form>
+		</div>
+		');
+	}
+	
+	private function check()
+	{
+		$error=false;
+		$errorField=array();
+
+		// Check required fields
+		if(!in_array('email',$this->csv->titles))
+		{
+			$error=true;
+			$errorField[]='Email';
+		}
+		/*if(!in_array('name',$this->csv->titles) && !in_array('firstname',$this->csv->titles))
+		{
+			$error=true;
+			$errorField[]='Name or Firstname';
+		}*/
+		if($error)
+		{
+			$app=JFactory::getApplication();
+			$app->enqueueMessage('Missing some required fields: '.implode(', ',$errorField),'error');
+			$this->getForm();
+			return;
+		}
+
+		// Check known fields
+		$db=JFactory::getDbo();
+		$query=$db->getQuery(true);
+		$query->select('alias')->from('#__jsn_fields')->where($db->quoteName('level').' = 2')->where($db->quoteName('type').' != '.$db->quote('delimeter'));
+		$db->setQuery($query);
+		$this->jsn_fields=$db->loadColumn();
+		foreach($this->csv->titles as $field)
+		{
+			$from=array('_lat','_lng');
+			$to=array('','');
+			$field=str_replace($from,$to,$field);
+			if(!in_array($field,$this->j_fields) && !in_array($field,$this->jsn_fields))
+			{
+				$error=true;
+				$errorField[]=$field;
+			}
+		}
+		if($error)
+		{
+			$app=JFactory::getApplication();
+			if(count($errorField)==1) $app->enqueueMessage(implode(', ',$errorField).' column is unknown and will be skipped','warning');
+			else $app->enqueueMessage(implode(', ',$errorField).' columns are unknown and will be skipped','warning');
+			
+		}
+
+		$this->import();
+		
+		
+	}
+	
+	private function import()
+	{
+		$app=JFactory::getApplication();
+		$db=JFactory::getDbo();
+		$log_error=array();
+		$log_new=0;
+		$log_updated=0;
+		$counter=0;
+
+		$query=$db->getQuery(true);
+		$query->select('alias')->from('#__jsn_fields')->where($db->quoteName('level').' = 2')
+			->where('('.$db->quoteName('type').' = '.$db->quote('checkboxlist').' OR ('. $db->quoteName('type').' = '.$db->quote('selectlist').' AND '.$db->quoteName('params').' LIKE '.$db->quote('%"select_multiple":"1"%').'))');
+		$db->setQuery($query);
+		$this->jsn_fields_multiple=$db->loadColumn();
+
+		$query=$db->getQuery(true);
+		$query->select('id,title')->from('#__usergroups');
+		$db->setQuery($query);
+		$usergroups=$db->loadAssocList('title');
+
+		foreach($this->csv->data as $userRow)
+		{
+			$counter+=1;
+
+			// Check Correct Email Address
+			if (!filter_var($userRow['email'], FILTER_VALIDATE_EMAIL)) {
+				$log_error[]='- Email not valid in row '.($counter+1);
+    			continue;
+			}
+
+			// Compose Name
+			if(!empty($userRow['name']) && empty($userRow['firstname']))
+			{
+				$userRow['firstname']=$userRow['name']; // TODO split name based on JSN config
+			}
+			elseif(empty($userRow['name']) && !empty($userRow['firstname']))
+			{
+				$userRow['name']=$userRow['firstname'];
+				if(!empty($userRow['secondname'])) $userRow['name'].=' '.$userRow['secondname'];
+				if(!empty($userRow['lastname'])) $userRow['name'].=' '.$userRow['lastname'];
+			}
+			
+			// Check if user already exists
+			$query=$db->getQuery(true);
+			$query->select('id')->from('#__users')->where($db->quoteName('email').' = '.$db->quote($userRow['email']));
+			$db->setQuery($query);
+			$exist=$db->loadResult();
+
+			// Check if name is available and not empty (only for new users)
+			if(empty($userRow['name']) && !$exist)
+			{
+				$log_error[]='- Missing name or firstname in row '.($counter+1);
+    			continue;
+			}
+
+			// UserGroup to Array
+			$jUserConfig = JComponentHelper::getParams('com_users');
+			$defaultGroup=$jUserConfig->get('new_usertype',2);
+			if(!empty($userRow['groups']))
+			{
+				foreach ($usergroups as $k => $v)
+				{
+					$userRow['groups'] = str_ireplace($k,$v['id'],$userRow['groups']);
+				}
+				$userRow['groups']=explode(',',$userRow['groups']);
+				if(!in_array($defaultGroup,$userRow['groups'])) $userRow['groups'][]=$defaultGroup;
+			}
+			else{
+				if(!$exist) $userRow['groups']=array($defaultGroup);
+				else unset($userRow['groups']);
+			}
+
+			if(!$exist)
+			{
+				// Add User
+				$user=new JUser();
+
+				// If missing password_clear and password assign Random Password
+				if(empty($userRow['password']) && empty($userRow['password_clear']))
+				{
+					$userRow['password_clear']=JUserHelper::genRandomPassword();
+				}
+				if(empty($userRow['password']))
+				{
+					$salt=JUserHelper::getSalt();
+					$userRow['password']=JUserHelper::getCryptedPassword($userRow['password_clear'],$salt);
+				}
+				// If missing username assign Username based on Name
+				$jsnConfig = JComponentHelper::getParams('com_jsn');
+				if(empty($userRow['username']) && $jsnConfig->get('logintype', 'USERNAME')!='MAIL')
+				{
+					$username=JApplication::stringURLSafe($userRow['name']);
+					if( ! trim($username,'-_ ') ){
+						$username='user_'.date('YmdHis').rand(0,2000);
+					}
+					else $username .= '_'.rand(0,2000);
+					$userRow['username']=$username;
+				}
+				elseif(empty($userRow['username'])){
+					$userRow['username']=$userRow['email'];
+				}
+
+				$log_new+=1;
+			}
+			else
+			{
+				// Update User if requested
+				if(!JFactory::getApplication()->input->getVar('overwrite',false)) continue;
+				
+				// Load User
+				$user=JFactory::getUser($exist);
+
+				// Remove Name if empty
+				if(empty($userRow['name'])) {
+					unset($userRow['name']);
+					unset($userRow['firstname']);
+					unset($userRow['secondname']);
+					unset($userRow['lastname']);
+				}
+
+				// Remove Username if empty
+				if(empty($userRow['username'])) unset($userRow['username']);
+
+				// Update password if available password_clear
+				if(!empty($userRow['password_clear']))
+				{
+					$salt=JUserHelper::getSalt();
+					$userRow['password']=JUserHelper::getCryptedPassword($userRow['password_clear'],$salt);
+				}
+
+				$log_updated+=1;
+			}
+
+			foreach($userRow as $k => $v)
+			{
+				$from=array('_lat','_lng');
+				$to=array('','');
+				$field=str_replace($from,$to,$k);
+				if($field!='id' && (in_array($field,$this->j_fields) || in_array($field,$this->jsn_fields)))
+				{
+					if(in_array($k, $this->jsn_fields_multiple))
+					{
+						$v=explode(',',$v);
+					}
+					$user->set($k,$v);
+				}
+			}
+			
+			$user->save((boolean)$exist);
+
+		}
+		$app->enqueueMessage( 'New imported users: <b>'.$log_new.'</b>','notice');
+		$app->enqueueMessage('Updated users: <b>'.$log_updated.'</b>','notice');
+		if(count($log_error))
+		{
+			$app->enqueueMessage( 'Errors: <b>'.count($log_error).'</b><br />'.implode('<br />', $log_error ),'error');
+		} 
+
+	}
+}
+?></div>
+<style>
+.form-horizontal .control-label{width:160px;}
+</style>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/views/import/view.html.php b/deployed/jsn/administrator/components/com_jsn/views/import/view.html.php
new file mode 100644
index 00000000..bd0451c9
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/views/import/view.html.php
@@ -0,0 +1,38 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnViewImport extends JViewLegacy
+{
+	protected $items;
+
+	protected $pagination;
+
+	protected $state;
+
+	/**
+	 * Display the view
+	 */
+	public function display($tpl = null)
+	{	
+
+		// Check for errors.
+		if (count($errors = $this->get('Errors'))) {
+			JFactory::getApplication()->enqueueMessage(implode("\n", $errors));
+			return false;
+		}
+		JToolbarHelper::title(JText::_('COM_JSN_IMPORT_USERS'), 'modules.png');
+		JsnHelperAdmin::addSubmenu('fields');
+		$this->sidebar = JHtmlSidebar::render();
+		parent::display($tpl);
+	}
+
+}
diff --git a/deployed/jsn/administrator/components/com_jsn/views/users/tmpl/default.php b/deployed/jsn/administrator/components/com_jsn/views/users/tmpl/default.php
new file mode 100644
index 00000000..018c4d77
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/views/users/tmpl/default.php
@@ -0,0 +1,81 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+if(JFactory::getApplication()->input->get('export','false') == 'true') {echo $this->loadTemplate('export');}
+
+$doc = JFactory::getDocument();
+$doc->addStylesheet(JURI::root().'components/com_jsn/assets/css/style.min.css');
+$module = new stdClass();
+$module->id='_admin';
+
+$db = JFactory::getDbo();
+$query = $db->getQuery(true);
+$query->select('id')->from('#__jsn_fields')->where('search = 1');
+$column = $db->setQuery($query)->loadColumn();
+
+if(file_exists(JPATH_ADMINISTRATOR .'/templates/isis/html/com_users/users/default.php' ) ) include(JPATH_ADMINISTRATOR .'/templates/isis/html/com_users/users/default.php' );
+else include(JPATH_COMPONENT . '/../com_users/views/users/tmpl/default.php');
+
+if(count($column)) {
+	$params = new JRegistry();
+	$params->set('search_fields',$column);
+
+	include(JPATH_SITE . '/modules/mod_jsnsearch/helper.php');
+
+	ModJsnSearch::getJavascript($module,$params);
+
+	include(JPATH_SITE . '/modules/mod_jsnsearch/tmpl/default.php');
+?>
+	<script>
+	jQuery(document).ready(function($){
+		$('#adminForm').attr('action',$('#adminForm').attr('action').replace('option=com_users','option=com_jsn'));
+		$('#sidebar').append('<hr /><h2 style="padding:0 10px;"><?php echo JText::_('COM_USERS_SEARCH_USERS'); ?></h2>');
+		$('.jsn_search_module').appendTo('#sidebar');
+		$('#adminForm').searchtools().data().plugin_searchtools.filterContainer = $($('#adminForm').searchtools().data().plugin_searchtools.filterContainer.selector+",#sidebar");
+	});
+	</script>
+	<style>
+	#sidebar .jsn_search_module{padding:10px 10px 10px 10px;}
+	</style>
+<?php 
+} 
+else { 
+?>
+	<script>
+	jQuery(document).ready(function($){
+		$('#adminForm').attr('action',$('#adminForm').attr('action').replace('option=com_users','option=com_jsn'));
+	});
+	</script>	
+<?php 
+}
+
+require_once(JPATH_ADMINISTRATOR.'/components/com_jsn/defines.php');
+$config = JComponentHelper::getParams('com_jsn');
+?>
+<script>
+	jQuery(document).ready(function($){
+<?php
+if(JSN_TYPE == 'pro'){
+?>
+	
+		$('#toolbar').append('<div class="btn-wrapper dropdown"><button class="btn btn-small btn-info" type="button" data-toggle="dropdown"><i class="icon-share"></i> <?php echo JText::_('COM_JSN_EXPORT'); ?></button><ul style="font-size:12px;text-shadow:none;" class="dropdown-menu"><li><a href="index.php?option=com_jsn&view=users&export=true&limit=0"><?php echo JText::_('COM_JSN_EXPORT_TYPE_IMPORTABLE'); ?></a></li><li><a href="index.php?option=com_jsn&view=users&export=true&limit=0&readable=1"><?php echo JText::_('COM_JSN_EXPORT_TYPE_READABLE'); ?></a></li></ul></div>');
+<?php
+}
+if(JSN_TYPE != 'free' && $config->get('admin_loginas',1)){
+?>
+		$('#userList tbody tr').each(function(){
+			var id = $(this).find('td:last-child').text();
+			$(this).find('.btn-group').append('<a target="_blank" href="<?php echo JURI::root(); ?>index.php?option=com_users&amp;switchuser=1&amp;uid='+id+'" class="hasTooltip btn btn-mini" title="" data-original-title="<?php echo JText::_('COM_JSN_LOGINASUSER'); ?>"><span class="icon-switch" aria-hidden="true"></span><span class="hidden-phone"><?php echo JText::_('COM_JSN_LOGINASUSER'); ?></span></a>');
+		});
+	
+<?php } ?>
+	});
+</script>
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/views/users/tmpl/default_batch.php b/deployed/jsn/administrator/components/com_jsn/views/users/tmpl/default_batch.php
new file mode 100644
index 00000000..91a312a6
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/views/users/tmpl/default_batch.php
@@ -0,0 +1,12 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+include(JPATH_COMPONENT . '/../com_users/views/users/tmpl/default_batch.php');
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/views/users/tmpl/default_batch_body.php b/deployed/jsn/administrator/components/com_jsn/views/users/tmpl/default_batch_body.php
new file mode 100644
index 00000000..0efe515b
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/views/users/tmpl/default_batch_body.php
@@ -0,0 +1,12 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+include(JPATH_COMPONENT . '/../com_users/views/users/tmpl/default_batch_body.php');
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/views/users/tmpl/default_batch_footer.php b/deployed/jsn/administrator/components/com_jsn/views/users/tmpl/default_batch_footer.php
new file mode 100644
index 00000000..3b0a7da1
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/views/users/tmpl/default_batch_footer.php
@@ -0,0 +1,12 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+include(JPATH_COMPONENT . '/../com_users/views/users/tmpl/default_batch_footer.php');
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/views/users/tmpl/modal.php b/deployed/jsn/administrator/components/com_jsn/views/users/tmpl/modal.php
new file mode 100644
index 00000000..da9ad116
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/views/users/tmpl/modal.php
@@ -0,0 +1,12 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+include(JPATH_COMPONENT . '/../com_users/views/users/tmpl/modal.php');
\ No newline at end of file
diff --git a/deployed/jsn/administrator/components/com_jsn/views/users/view.html.php b/deployed/jsn/administrator/components/com_jsn/views/users/view.html.php
new file mode 100644
index 00000000..9e1c3f1f
--- /dev/null
+++ b/deployed/jsn/administrator/components/com_jsn/views/users/view.html.php
@@ -0,0 +1,22 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+include(JPATH_COMPONENT . '/../com_users/views/users/view.html.php');
+
+/**
+ * View class for a list of users.
+ *
+ * @since  1.6
+ */
+class JsnViewUsers extends UsersViewUsers
+{
+	
+}
diff --git a/deployed/jsn/components/com_jsn/assets/css/datepicker.css b/deployed/jsn/components/com_jsn/assets/css/datepicker.css
new file mode 100644
index 00000000..270f805f
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/css/datepicker.css
@@ -0,0 +1,183 @@
+/*!
+ * Datepicker for Bootstrap
+ *
+ * Copyright 2012 Stefan Petre
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ */
+.jsndatepicker {
+  top: 0;
+  left: 0;
+  padding: 4px;
+  margin-top: 1px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  /*.dow {
+    border-top: 1px solid #ddd !important;
+  }*/
+
+}
+.jsndatepicker:before {
+  content: '';
+  display: inline-block;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  position: absolute;
+  top: -7px;
+  left: 6px;
+}
+.jsndatepicker:after {
+  content: '';
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #ffffff;
+  position: absolute;
+  top: -6px;
+  left: 7px;
+}
+.jsndatepicker > div {
+  display: none;
+  min-width: 220px;
+}
+.jsndatepicker table {
+  width: 100%;
+  margin: 0;
+}
+.jsndatepicker td,
+.jsndatepicker th {
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.jsndatepicker td.day:hover {
+  background: #eeeeee;
+  cursor: pointer;
+}
+.jsndatepicker td.day.disabled {
+  color: #eeeeee;
+}
+.jsndatepicker td.old,
+.jsndatepicker td.new {
+  color: #999999;
+}
+.jsndatepicker td.active,
+.jsndatepicker td.active:hover {
+  color: #ffffff;
+  background-color: #006dcc;
+  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
+  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
+  border-color: #0044cc #0044cc #002a80;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  *background-color: #0044cc;
+  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
+
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.jsndatepicker td.active:hover,
+.jsndatepicker td.active:hover:hover,
+.jsndatepicker td.active:focus,
+.jsndatepicker td.active:hover:focus,
+.jsndatepicker td.active:active,
+.jsndatepicker td.active:hover:active,
+.jsndatepicker td.active.active,
+.jsndatepicker td.active:hover.active,
+.jsndatepicker td.active.disabled,
+.jsndatepicker td.active:hover.disabled,
+.jsndatepicker td.active[disabled],
+.jsndatepicker td.active:hover[disabled] {
+  color: #ffffff;
+  background-color: #0044cc;
+  *background-color: #003bb3;
+}
+.jsndatepicker td.active:active,
+.jsndatepicker td.active:hover:active,
+.jsndatepicker td.active.active,
+.jsndatepicker td.active:hover.active {
+  background-color: #003399 \9;
+}
+.jsndatepicker td span {
+  display: block;
+  width: 47px;
+  height: 54px;
+  line-height: 54px;
+  float: left;
+  margin: 2px;
+  cursor: pointer;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.jsndatepicker td span:hover {
+  background: #eeeeee;
+}
+.jsndatepicker td span.active {
+  color: #ffffff;
+  background-color: #006dcc;
+  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
+  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
+  border-color: #0044cc #0044cc #002a80;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  *background-color: #0044cc;
+  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
+
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.jsndatepicker td span.active:hover,
+.jsndatepicker td span.active:focus,
+.jsndatepicker td span.active:active,
+.jsndatepicker td span.active.active,
+.jsndatepicker td span.active.disabled,
+.jsndatepicker td span.active[disabled] {
+  color: #ffffff;
+  background-color: #0044cc;
+  *background-color: #003bb3;
+}
+.jsndatepicker td span.active:active,
+.jsndatepicker td span.active.active {
+  background-color: #003399 \9;
+}
+.jsndatepicker td span.old {
+  color: #999999;
+}
+.jsndatepicker th.switch {
+  width: 145px;
+}
+.jsndatepicker th.next,
+.jsndatepicker th.prev {
+  font-size: 21px;
+}
+.jsndatepicker thead tr:first-child th {
+  cursor: pointer;
+}
+.jsndatepicker thead tr:first-child th:hover {
+  background: #eeeeee;
+}
+.input-append.date .add-on i,
+.input-prepend.date .add-on i {
+  display: block;
+  cursor: pointer;
+  width: 16px;
+  height: 16px;
+}
diff --git a/deployed/jsn/components/com_jsn/assets/css/datepicker.min.css b/deployed/jsn/components/com_jsn/assets/css/datepicker.min.css
new file mode 100644
index 00000000..36c197ff
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/css/datepicker.min.css
@@ -0,0 +1 @@
+.jsndatepicker{top:0;left:0;padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.jsndatepicker:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-7px;left:6px}.jsndatepicker:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.jsndatepicker > div{display:none;min-width: 220px}.jsndatepicker table{width:100%;margin:0}.jsndatepicker td,.jsndatepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.jsndatepicker td.day:hover{background:#eee;cursor:pointer}.jsndatepicker td.day.disabled{color:#eee}.jsndatepicker td.old,.jsndatepicker td.new{color:#999}.jsndatepicker td.active,.jsndatepicker td.active:hover{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.jsndatepicker td.active:hover,.jsndatepicker td.active:hover:hover,.jsndatepicker td.active:focus,.jsndatepicker td.active:hover:focus,.jsndatepicker td.active:active,.jsndatepicker td.active:hover:active,.jsndatepicker td.active.active,.jsndatepicker td.active:hover.active,.jsndatepicker td.active.disabled,.jsndatepicker td.active:hover.disabled,.jsndatepicker td.active[disabled],.jsndatepicker td.active:hover[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.jsndatepicker td.active:active,.jsndatepicker td.active:hover:active,.jsndatepicker td.active.active,.jsndatepicker td.active:hover.active{background-color:#039 \9}.jsndatepicker td span{display:block;width:47px;height:54px;line-height:54px;float:left;margin:2px;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.jsndatepicker td span:hover{background:#eee}.jsndatepicker td span.active{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.jsndatepicker td span.active:hover,.jsndatepicker td span.active:focus,.jsndatepicker td span.active:active,.jsndatepicker td span.active.active,.jsndatepicker td span.active.disabled,.jsndatepicker td span.active[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.jsndatepicker td span.active:active,.jsndatepicker td span.active.active{background-color:#039 \9}.jsndatepicker td span.old{color:#999}.jsndatepicker th.switch{width:145px}.jsndatepicker th.next,.jsndatepicker th.prev{font-size:21px}.jsndatepicker thead tr:first-child th{cursor:pointer}.jsndatepicker thead tr:first-child th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px}
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/css/icons.css b/deployed/jsn/components/com_jsn/assets/css/icons.css
new file mode 100644
index 00000000..da0d3636
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/css/icons.css
@@ -0,0 +1,111 @@
+@font-face {
+    font-family: 'jsn-icons';
+    src:    url('../fonts/jsn-icons.eot?eca0j6');
+    src:    url('../fonts/jsn-icons.eot?eca0j6#iefix') format('embedded-opentype'),
+        url('../fonts/jsn-icons.ttf?eca0j6') format('truetype'),
+        url('../fonts/jsn-icons.woff?eca0j6') format('woff'),
+        url('../fonts/jsn-icons.svg?eca0j6#jsn-icons') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+.jsn-icon {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'jsn-icons' !important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.jsn-icon.jsn-icon-user:before {
+    content: "\f007";
+}
+.jsn-icon.jsn-icon-close:before {
+    content: "\f00d";
+}
+.jsn-icon.jsn-icon-remove:before {
+    content: "\f00d";
+}
+.jsn-icon.jsn-icon-times:before {
+    content: "\f00d";
+}
+.jsn-icon.jsn-icon-cog:before {
+    content: "\f013";
+}
+.jsn-icon.jsn-icon-gear:before {
+    content: "\f013";
+}
+.jsn-icon.jsn-icon-clock-o:before {
+    content: "\f017";
+}
+.jsn-icon.jsn-icon-pencil:before {
+    content: "\f040";
+}
+.jsn-icon.jsn-icon-map-marker:before {
+    content: "\f041";
+}
+.jsn-icon.jsn-icon-check-circle-o:before {
+    content: "\f05d";
+}
+.jsn-icon.jsn-icon-mail-forward:before {
+  content: "\f064";
+}
+.jsn-icon.jsn-icon-share:before {
+  content: "\f064";
+}
+.jsn-icon.jsn-icon-eye:before {
+    content: "\f06e";
+}
+.jsn-icon.jsn-icon-eye-slash:before {
+    content: "\f070";
+}
+.jsn-icon.jsn-icon-calendar:before {
+    content: "\f073";
+}
+.jsn-icon.jsn-icon-twitter:before {
+    content: "\f099";
+}
+.jsn-icon.jsn-icon-facebook:before {
+    content: "\f09a";
+}
+.jsn-icon.jsn-icon-facebook-f:before {
+    content: "\f09a";
+}
+.jsn-icon-globe:before {
+  content: "\f0ac";
+}
+.jsn-icon.jsn-icon-group:before {
+    content: "\f0c0";
+}
+.jsn-icon.jsn-icon-users:before {
+    content: "\f0c0";
+}
+.jsn-icon.jsn-icon-google-plus:before {
+    content: "\f0d5";
+}
+.jsn-icon.jsn-icon-linkedin:before {
+    content: "\f0e1";
+}
+.jsn-icon.jsn-icon-shield:before {
+    content: "\f132";
+}
+.jsn-icon-instagram:before {
+  content: "\f16d";
+}
+.jsn-icon.jsn-icon-paper-plane:before {
+    content: "\f1d8";
+}
+.jsn-icon.jsn-icon-send:before {
+    content: "\f1d8";
+}
+.jsn-icon.jsn-icon-user-secret:before {
+    content: "\f21b";
+}
+
diff --git a/deployed/jsn/components/com_jsn/assets/css/icons.min.css b/deployed/jsn/components/com_jsn/assets/css/icons.min.css
new file mode 100644
index 00000000..8d7ec6f4
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/css/icons.min.css
@@ -0,0 +1 @@
+@font-face{font-family:'jsn-icons';src:url(../fonts/jsn-icons.eot?eca0j6);src:url(../fonts/jsn-icons.eot?eca0j6#iefix) format("embedded-opentype"),url(../fonts/jsn-icons.ttf?eca0j6) format("truetype"),url(../fonts/jsn-icons.woff?eca0j6) format("woff"),url(../fonts/jsn-icons.svg?eca0j6#jsn-icons) format("svg");font-weight:400;font-style:normal}.jsn-icon{font-family:'jsn-icons'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jsn-icon.jsn-icon-user:before{content:"\f007"}.jsn-icon.jsn-icon-close:before{content:"\f00d"}.jsn-icon.jsn-icon-remove:before{content:"\f00d"}.jsn-icon.jsn-icon-times:before{content:"\f00d"}.jsn-icon.jsn-icon-cog:before{content:"\f013"}.jsn-icon.jsn-icon-gear:before{content:"\f013"}.jsn-icon.jsn-icon-clock-o:before{content:"\f017"}.jsn-icon.jsn-icon-pencil:before{content:"\f040"}.jsn-icon.jsn-icon-map-marker:before{content:"\f041"}.jsn-icon.jsn-icon-check-circle-o:before{content:"\f05d"}.jsn-icon.jsn-icon-mail-forward:before{content:"\f064"}.jsn-icon.jsn-icon-share:before{content:"\f064"}.jsn-icon.jsn-icon-eye:before{content:"\f06e"}.jsn-icon.jsn-icon-eye-slash:before{content:"\f070"}.jsn-icon.jsn-icon-calendar:before{content:"\f073"}.jsn-icon.jsn-icon-twitter:before{content:"\f099"}.jsn-icon.jsn-icon-facebook:before{content:"\f09a"}.jsn-icon.jsn-icon-facebook-f:before{content:"\f09a"}.jsn-icon-globe:before{content:"\f0ac"}.jsn-icon.jsn-icon-group:before{content:"\f0c0"}.jsn-icon.jsn-icon-users:before{content:"\f0c0"}.jsn-icon.jsn-icon-google-plus:before{content:"\f0d5"}.jsn-icon.jsn-icon-linkedin:before{content:"\f0e1"}.jsn-icon.jsn-icon-shield:before{content:"\f132"}.jsn-icon-instagram:before{content:"\f16d"}.jsn-icon.jsn-icon-paper-plane:before{content:"\f1d8"}.jsn-icon.jsn-icon-send:before{content:"\f1d8"}.jsn-icon.jsn-icon-user-secret:before{content:"\f21b"}
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/css/imgpicker.css b/deployed/jsn/components/com_jsn/assets/css/imgpicker.css
new file mode 100644
index 00000000..168b456f
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/css/imgpicker.css
@@ -0,0 +1,170 @@
+.ip-modal {
+    display: none;
+    overflow: auto;
+    overflow-y: scroll;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 99999;
+    -webkit-overflow-scrolling: touch;
+    background: rgba(0, 0, 0, 0.5);
+    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#807f7f7f', endColorstr='#b3000000', GradientType=1)";
+}
+.ip-modal-dialog {
+    position: relative;
+    width: 500px;
+    margin: 30px auto;
+}
+@media all and (max-width: 568px) {
+    .ip-modal-dialog {
+        width: auto;
+        margin: 5px;
+    }
+}
+.ip-modal-content {
+    background-color: #fff;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
+    border-top: 5px solid #000;
+}
+.ip-modal-header {
+    padding: 10px 15px;
+    border-bottom: 1px solid #e5e5e5;
+}
+.ip-modal-title {
+    margin: 0;
+    line-height: 1.42857143;
+    font-size: 18px;
+}
+.ip-modal-header .ip-close,
+.ip-alert .dismiss {
+    float: right;
+    font-size: 24px;
+    font-weight: 700;
+    line-height: 1.2;
+    color: #000;
+    opacity: .2;
+    filter: alpha(opacity=20);
+    cursor: pointer;
+}
+.ip-modal-header .ip-close:hover,
+.ip-alert .dismiss:hover {
+    opacity: .5;
+    filter: alpha(opacity=50);
+    text-decoration: none;
+    color: #000
+}
+.ip-alert .dismiss {
+    font-size: 18px;
+    line-height: 1;
+}
+.ip-modal-body {
+    padding: 10px 15px 15px;
+}
+.ip-modal-footer {
+    padding: 10px 15px 10px;
+    text-align: right;
+    border-top: 1px solid #e5e5e5;
+}
+.ip-modal-footer .ip-actions {
+    float: left;
+}
+.ip-upload {
+    display: inline-block;
+    position: relative;
+    overflow: hidden;
+}
+.ip-upload .ip-file {
+    position: absolute;
+    top: 0;
+    right: 0;
+    margin: 0;
+    padding: 0;
+    font-size: 20px;
+    cursor: pointer;
+    opacity: 0;
+    filter: alpha(opacity=0);
+}
+body .ip-preview, body .ip-save, body .ip-capture, body .ip-edit, body .ip-delete,
+body .ip-cancel, body .ip-progress, body .ip-alert, body .ip-rotate, body .ip-info,
+body .ip-preview.btn, body .ip-save.btn, body .ip-capture.btn, body .ip-edit.btn, body .ip-delete.btn,
+body .ip-cancel.btn, body .ip-progress.btn, body .ip-alert.btn, body .ip-rotate.btn, body .ip-info.btn  {
+    display: none;
+}
+.ip-preview video {
+    width: 100% !important;
+    height: auto !important;
+    max-width: 470px;
+}
+.ip-progress .text {
+    font-size: 13px;
+    padding-bottom: 2px;
+}
+.ip-preview, .ip-alert, .ip-progress {
+    margin-top: 10px;
+}
+.ip-preview > img {
+    max-width: 100%;
+    height: auto;
+    max-height: 400px;
+    display: block;
+    margin: 0 auto;
+}
+.ip-info {
+    font-size: 12px;
+    padding: 10px 0 0;
+}
+.ip-rotate {
+    text-align: center;
+    margin: 5px 0 -10px;
+}
+.ip-rotate .btn {
+    padding: 4px 7px 0px 7px;
+}
+.icon-cw,
+.icon-ccw {
+    height: 18px !important;
+    width: 18px !important;
+    display: inline-block !important;
+}
+.icon-cw {
+    background: url('../img/icon-cw.png') !important;
+}
+.icon-ccw {
+    background: url('../img/icon-ccw.png') !important;
+}
+
+/*
+ * jQuery Jcrop
+ * http://deepliquid.com/content/Jcrop.html
+ */
+.jcrop-holder{direction:ltr;text-align:left;margin:0 auto;}
+.jcrop-vline,.jcrop-hline{background:#000;opacity:1!important;font-size:0;position:absolute;}
+.jcrop-vline{height:100%;width:1px!important;}
+.jcrop-vline.right{right:0;}
+.jcrop-hline{height:1px!important;width:100%;}
+.jcrop-hline.bottom{bottom:0;}
+.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%;}
+.jcrop-handle{background-color:#fff;opacity:1!important;border:1px #333 solid;font-size:1px;height:7px;width:7px;}
+.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0;}
+.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px;}
+.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%;}
+.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%;}
+.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0;}
+.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0;}
+.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0;}
+.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px;}
+.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%;}
+.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px;}
+.jcrop-dragbar.ord-n{margin-top:-4px;}
+.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px;}
+.jcrop-dragbar.ord-e{margin-right:-4px;right:0;}
+.jcrop-dragbar.ord-w{margin-left:-4px;}
+.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.70!important;}
+.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px;}
+.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important;}
+.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px;}
+.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF;}
+.jcrop-keymgr {display:none;}
+.jcrop-holder img,img.jcrop-preview {max-width:none;}
diff --git a/deployed/jsn/components/com_jsn/assets/css/imgpicker.min.css b/deployed/jsn/components/com_jsn/assets/css/imgpicker.min.css
new file mode 100644
index 00000000..4ff5e329
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/css/imgpicker.min.css
@@ -0,0 +1 @@
+.ip-modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,0.5);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#807f7f7f',endColorstr='#b3000000',GradientType=1)"}.ip-modal-dialog{position:relative;width:500px;margin:30px auto}@media all and (max-width: 568px){.ip-modal-dialog{width:auto;margin:5px}}.ip-modal-content{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.4);border-top:5px solid #000}.ip-modal-header{padding:10px 15px;border-bottom:1px solid #e5e5e5}.ip-modal-title{margin:0;line-height:1.42857143;font-size:18px}.ip-modal-header .ip-close,.ip-alert .dismiss{float:right;font-size:24px;font-weight:700;line-height:1.2;color:#000;opacity:.2;filter:alpha(opacity=20);cursor:pointer}.ip-modal-header .ip-close:hover,.ip-alert .dismiss:hover{opacity:.5;filter:alpha(opacity=50);text-decoration:none;color:#000}.ip-alert .dismiss{font-size:18px;line-height:1}.ip-modal-body{padding:10px 15px 15px}.ip-modal-footer{padding:10px 15px;text-align:right;border-top:1px solid #e5e5e5}.ip-modal-footer .ip-actions{float:left}.ip-upload{display:inline-block;position:relative;overflow:hidden}.ip-upload .ip-file{position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0)}body .ip-preview,body .ip-save,body .ip-capture,body .ip-edit,body .ip-delete,body .ip-cancel,body .ip-progress,body .ip-alert,body .ip-rotate,body .ip-info,body .ip-preview.btn,body .ip-save.btn,body .ip-capture.btn,body .ip-edit.btn,body .ip-delete.btn,body .ip-cancel.btn,body .ip-progress.btn,body .ip-alert.btn,body .ip-rotate.btn,body .ip-info.btn{display:none}.ip-preview video{width:100%!important;height:auto!important;max-width:470px}.ip-progress .text{font-size:13px;padding-bottom:2px}.ip-preview,.ip-alert,.ip-progress{margin-top:10px}.ip-preview > img{max-width:100%;height:auto;max-height:400px;display:block;margin:0 auto}.ip-info{font-size:12px;padding:10px 0 0}.ip-rotate{text-align:center;margin:5px 0 -10px}.ip-rotate .btn{padding:4px 7px 0}.icon-cw,.icon-ccw{height:18px!important;width:18px!important;display:inline-block!important}.icon-cw{background:url(../img/icon-cw.png)!important}.icon-ccw{background:url(../img/icon-ccw.png)!important}.jcrop-holder{direction:ltr;text-align:left;margin:0 auto}.jcrop-vline,.jcrop-hline{background:#000;opacity:1!important;font-size:0;position:absolute}.jcrop-vline{height:100%;width:1px!important}.jcrop-vline.right{right:0}.jcrop-hline{height:1px!important;width:100%}.jcrop-hline.bottom{bottom:0}.jcrop-tracker{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;height:100%;width:100%}.jcrop-handle{background-color:#fff;opacity:1!important;border:1px #333 solid;font-size:1px;height:7px;width:7px}.jcrop-handle.ord-n{left:50%;margin-left:-4px;margin-top:-4px;top:0}.jcrop-handle.ord-s{bottom:0;left:50%;margin-bottom:-4px;margin-left:-4px}.jcrop-handle.ord-e{margin-right:-4px;margin-top:-4px;right:0;top:50%}.jcrop-handle.ord-w{left:0;margin-left:-4px;margin-top:-4px;top:50%}.jcrop-handle.ord-nw{left:0;margin-left:-4px;margin-top:-4px;top:0}.jcrop-handle.ord-ne{margin-right:-4px;margin-top:-4px;right:0;top:0}.jcrop-handle.ord-se{bottom:0;margin-bottom:-4px;margin-right:-4px;right:0}.jcrop-handle.ord-sw{bottom:0;left:0;margin-bottom:-4px;margin-left:-4px}.jcrop-dragbar.ord-n,.jcrop-dragbar.ord-s{height:7px;width:100%}.jcrop-dragbar.ord-e,.jcrop-dragbar.ord-w{height:100%;width:7px}.jcrop-dragbar.ord-n{margin-top:-4px}.jcrop-dragbar.ord-s{bottom:0;margin-bottom:-4px}.jcrop-dragbar.ord-e{margin-right:-4px;right:0}.jcrop-dragbar.ord-w{margin-left:-4px}.jcrop-light .jcrop-vline,.jcrop-light .jcrop-hline{background:#FFF;filter:alpha(opacity=70)!important;opacity:.7!important}.jcrop-light .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;border-color:#FFF;border-radius:3px}.jcrop-dark .jcrop-vline,.jcrop-dark .jcrop-hline{background:#000;filter:alpha(opacity=70)!important;opacity:.7!important}.jcrop-dark .jcrop-handle{-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#FFF;border-color:#000;border-radius:3px}.solid-line .jcrop-vline,.solid-line .jcrop-hline{background:#FFF}.jcrop-keymgr{display:none}.jcrop-holder img,img.jcrop-preview{max-width:none}
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/css/jquery.sortable.css b/deployed/jsn/components/com_jsn/assets/css/jquery.sortable.css
new file mode 100644
index 00000000..fe9cef49
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/css/jquery.sortable.css
@@ -0,0 +1,395 @@
+/**
+ * @license Copyright © 2016 Mateusz Zawartka
+ * @version 1.0.0
+ */
+.dd {
+  position: relative;
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  width: 60%;
+  list-style:  none;
+  font-family: 'Helvetica Neue', Arial, sans-serif;
+  font-size:   13px;
+  line-height: 20px;
+}
+
+/*.dd-edit-box input,
+  /*.dd-edit-box select,*/
+/*.dd-edit-box textarea {
+  border:             none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow:    none;
+  box-shadow:         none;
+  background:         transparent;
+  text-overflow:      ellipsis;
+  outline:            none;
+  font-size:          13px;
+  color:              #444;
+  text-shadow:        0 1px 0 #fff;
+  width:              30%;
+}
+
+.dd-edit-box input::selection,
+.dd-edit-box textarea::selection {
+  color: #fff;
+  background: #0e90d2;
+}
+
+.dd-edit-box input:focus,
+.dd-edit-box textarea:focus {
+  text-shadow: none;
+}
+.dd-button-container .custom-button-example {
+  color: #000;
+  text-align: center;
+  padding: 1px 4px;
+}
+
+.dd-edit-box select {
+  width: 30%;
+}
+*/
+.dd-edit-box > * {
+  vertical-align: top;
+}
+
+.dd-edit-box input, .dd-edit-box select, .dd-edit-box textarea {
+  margin-bottom: 0;
+}
+
+.dd-edit-box {
+  position: relative;
+}
+
+.dd-edit-box i {
+  right:    0;
+  overflow: hidden;
+  cursor:   pointer;
+  position: absolute;
+  font-style: normal;
+}
+
+.dd-item-blueprint {
+  display: none;
+}
+
+.dd > .dd-list {
+  min-height: 80px;
+}
+
+.dd-list {
+  display:    block;
+  position:   relative;
+  margin:     0;
+  padding:    0;
+  list-style: none;
+}
+
+.dd-list .dd-list {
+  left: 30px;
+  margin-right: 30px;
+}
+
+.dd-collapsed .dd-list {
+  display: none;
+}
+
+.dd-item,
+.dd-empty,
+.dd-placeholder {
+  text-shadow: 0 1px 0 #fff;
+  display:     block;
+  position:    relative;
+  margin:      0;
+  padding:     0;
+  min-height:  20px;
+  font-size:   13px;
+  line-height: 20px;
+}
+
+.dd-handle {
+  cursor:                move;
+  display:               block;
+  margin:                5px 0;
+  padding:               5px 10px;
+  color:                 #333;
+  text-decoration:       none;
+  font-weight:           bold;
+  border:                1px solid #aaa;
+  background:            #c8c8c8;
+  background:            -webkit-linear-gradient(top, #c8c8c8 0%, #8c8c8c 100%);
+  background:            -moz-linear-gradient(top, #c8c8c8 0%, #8c8c8c 100%);
+  background:            linear-gradient(top, #c8c8c8 0%, #8c8c8c 100%);
+  -webkit-border-radius: 3px;
+  border-radius:         3px;
+  box-sizing:            border-box;
+  -moz-box-sizing:       border-box;
+}
+
+.dd-handle:hover {
+  color:      #2ea8e5;
+  background: #fff;
+}
+
+.dd-item > button {
+  display:     inline-block;
+  position:    relative;
+  cursor:      pointer;
+  float:       left;
+  width:       24px;
+  height:      20px;
+  margin:      5px 5px 5px 30px;
+  padding:     0;
+  white-space: nowrap;
+  overflow:    hidden;
+  border:      0;
+  background:  transparent;
+  font-size:   12px;
+  line-height: 1;
+  text-align:  center;
+  font-weight: bold;
+  color:       black;
+}
+
+.dd.sortable .dd-new-item {
+    background: transparent;
+    border: 3px dotted #8F8F8F;
+    border-radius: 11px;
+    width: 100%;
+    height: 35px;
+    font-size: 29px;
+    color: #8F8F8F;
+    outline: none;
+}
+
+/* @since > 0.13.29 */
+.dd-item .item-remove,
+.dd-item .item-remove-confirm,
+.dd-item .item-add {
+  outline: none;
+}
+
+.dd-item .dd-button-container button {
+  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.51), rgba(0, 0, 0, 0.14));
+  border:           1px solid #898989;
+  border-radius:    2px;
+  font:             normal 12px/18px Helvetica, Lato, Arial sans-serif;
+  cursor:           pointer;
+}
+
+.dd-item .dd-button-container .item-add {
+  background-color: #55b3ff;
+  border-color:     #376f9c;
+  color:            #ffffff;
+  text-shadow:      0 1px 0 #2b77b5;
+  box-shadow:       inset 0 1px 0 #cfe9ff;
+}
+
+.dd-item .dd-button-container .item-add:active {
+  box-shadow: inset 0 1px 3px #376f9c;
+}
+
+.dd-item .dd-button-container .item-remove {
+  background-color: #ff5555;
+  border-color:     #a54b4b;
+  color:            #5a1111;
+  text-shadow:      0 1px 0 #ffc0c0;
+  box-shadow:       inset 0 1px 0 #ffc0c0;
+  transition:       background-color 0.35s;
+}
+
+.dd-item .dd-button-container .item-remove:active {
+
+  box-shadow: inset 0 1px 5px #a54b4b;
+}
+
+.dd-item .dd-button-container .item-remove-confirm {
+
+  background-color: #ffa155;
+
+  transition:       background-color 0.35s;
+
+  border-color:     #ad7232;
+}
+
+.dd-item .dd-button-container .item-remove-confirm:active {
+
+}
+
+.item-remove-confirm {
+  background: #ffce66;
+}
+
+.dd-item .dd-button-container {
+  position: absolute;
+  height:   19px;
+  padding:  0 5px;
+  top:      4px;
+  overflow: visible;
+  display:  none;
+  right:    0;
+}
+
+/* end @since > 0.13.29 */
+
+.dd3-item > button:first-child {
+  margin-left: 30px;
+}
+
+.dd-item > button:before {
+  display:     block;
+  position:    absolute;
+  width:       100%;
+  text-align:  center;
+  text-indent: 0;
+}
+
+.dd-placeholder,
+.dd-empty {
+  margin:          5px 0;
+  padding:         0;
+  min-height:      30px;
+  background: #D6F2FF;
+  border: 1px dashed #6C9AB1;
+  box-sizing:      border-box;
+  -moz-box-sizing: border-box;
+}
+
+.dd-placeholder.max-depth {
+  background: #ffb3b7;
+  border: 1px dashed #b14444;
+}
+
+.dd-empty {
+  border:              1px dashed #bbb;
+  min-height:          100px;
+  background-color:    #e5e5e5;
+  background-image:    -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
+                       -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
+  background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
+                       -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
+  background-image:    linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
+                       linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
+  background-size:     60px 60px;
+  background-position: 0 0, 30px 30px;
+}
+
+.dd-dragel {
+  height:         60px;
+  position:       absolute;
+  pointer-events: none;
+  z-index:        9999;
+}
+
+.dd-dragel > .dd-item .dd-handle {
+  margin-top: 0;
+}
+
+.dd-dragel .dd-handle {
+  -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
+  box-shadow:         2px 4px 6px 0 rgba(0, 0, 0, .1);
+}
+
+/**
+ * Sortable Draggable Handles
+ */
+.dd3-content {
+  display:               block;
+  height:                100%;
+  margin:                5px 0;
+  padding:               5px 10px 5px 40px;
+  color:                 #333;
+  text-decoration:       none;
+  font-weight:           bold;
+  border:                1px solid #ccc;
+  border:                1px solid #898989;
+  background:            #fafafa;
+  background:            -webkit-linear-gradient(top, #f4f4f4 10%, #c9c9c9 100%);
+  background:            -moz-linear-gradient(top, #f4f4f4 10%, #c9c9c9 100%);
+  background:            linear-gradient(top, #f4f4f4 10%, #c9c9c9 100%);
+  -webkit-border-radius: 3px;
+  border-radius:         3px;
+  box-sizing:            border-box;
+  -moz-box-sizing:       border-box;
+}
+
+.dd3-content:hover {
+  color:      #2ea8e5;
+  background: #c8c8c8;
+  background: -webkit-linear-gradient(top, #e5e5e5 10%, #ffffff 100%);
+  background: -moz-linear-gradient(top, #e5e5e5 10%, #ffffff 100%);
+  background: linear-gradient(top, #e5e5e5 10%, #ffffff 100%);
+}
+
+.dd-dragel > .dd3-item > .dd3-content {
+  margin: 0;
+}
+
+.dd3-handle {
+  position:                   absolute;
+  margin:                     0;
+  left:                       0;
+  top:                        0;
+  cursor:                     move;
+  width:                      30px;
+  text-indent:                100%;
+  white-space:                nowrap;
+  overflow:                   hidden;
+  border:                     1px solid #807b7b;
+  text-shadow:                0 1px 0 #807b7b;
+  background:                 #c8c8c8;
+  background:                 -webkit-linear-gradient(top, #c8c8c8 0%, #8c8c8c 100%);
+  background:                 -moz-linear-gradient(top, #c8c8c8 0%, #8c8c8c 100%);
+  background:                 linear-gradient(top, #c8c8c8 0%, #8c8c8c 100%);
+  border-top-right-radius:    0;
+  border-bottom-right-radius: 0;
+  font-size:0;
+}
+
+.dd3-handle:before {
+  content:     '\2263';
+  display:     block;
+  position:    absolute;
+  left:        0;
+  top:         3px;
+  width:       100%;
+  text-align:  center;
+  text-indent: 0;
+  color:       #fff;
+  font-size:   20px;
+  font-weight: normal;
+}
+
+.dd3-handle:hover {
+  background: #c8c8c8;
+  background: -webkit-linear-gradient(top, #c8c8c8 0%, #8c8c8c 100%);
+  background: -moz-linear-gradient(top, #c8c8c8 0%, #8c8c8c 100%);
+  background: linear-gradient(top, #c8c8c8 0%, #8c8c8c 100%);
+}
+
+.dd3-content:hover .dd-button-container {
+  display:    block;
+  transition: display 2s;
+}
+
+.dd .dd-new-item {
+    display: block;
+    text-align: center;
+    padding: 10px 0;
+    width: 100%;
+    border: 2px dashed #BDBDBD;
+    background: transparent;
+    border-radius: 3px;
+    font-size: 21px;
+    color: #BDBDBD;
+    cursor: pointer;
+    transition: border 0.35s ease 0s, color 0.35s ease 0s;
+    outline: none;
+}
+
+.dd .dd-new-item:hover {
+    border: 2px dashed #595858;
+    color: #595858;
+    transition: border 0.35s ease 0s, color 0.35s ease 0s;
+}
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/css/slim.css b/deployed/jsn/components/com_jsn/assets/css/slim.css
new file mode 100644
index 00000000..48ae6e17
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/css/slim.css
@@ -0,0 +1,655 @@
+/*
+ * Slim v4.6.1 - Image Cropping Made Easy
+ * Copyright (c) 2017 Rik Schennink - http://slimimagecropper.com
+ */
+.slim-file-hopper {
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0; }
+
+.slim-image-editor {
+  position: relative;
+  height: 100%;
+  text-align: left;
+  z-index: 1; }
+  .slim-image-editor .slim-container {
+    position: relative;
+    height: calc(100% - 8em);
+    width: 100%;
+    z-index: 2;
+    direction: ltr; }
+  .slim-image-editor .slim-editor-utils-group,
+  .slim-image-editor .slim-editor-btn-group {
+    -webkit-flex-shrink: 0;
+        -ms-flex-negative: 0;
+            flex-shrink: 0; }
+  .slim-image-editor .slim-stage {
+    position: absolute;
+    line-height: 0; }
+  .slim-image-editor .slim-wrapper {
+    position: absolute;
+    z-index: 2; }
+  .slim-image-editor .slim-crop-preview {
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    line-height: 0; }
+  .slim-image-editor .slim-stage {
+    z-index: 4; }
+  .slim-image-editor .slim-crop-preview {
+    z-index: 3;
+    border-radius: 4px; }
+    .slim-image-editor .slim-crop-preview img, .slim-image-editor .slim-crop-preview::after,
+    .slim-image-editor .slim-crop-preview canvas {
+      position: absolute;
+      display: block;
+      border-radius: inherit;
+      left: 0;
+      top: 0; }
+    .slim-image-editor .slim-crop-preview .slim-crop {
+      z-index: 3; }
+    .slim-image-editor .slim-crop-preview::after {
+      z-index: 2;
+      right: 0;
+      bottom: 0;
+      content: ''; }
+    .slim-image-editor .slim-crop-preview .slim-crop-blur {
+      -webkit-filter: contrast(0.7);
+      -moz-filter: contrast(0.7);
+      filter: contrast(0.7);
+      z-index: 1; }
+  .slim-image-editor .slim-editor-utils-group {
+    text-align: center; }
+    .slim-image-editor .slim-editor-utils-group button {
+      width: 2.5em;
+      height: 2.5em;
+      padding: 0;
+      font-size: 1em;
+      cursor: pointer;
+      outline: none;
+      box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.15);
+      background-color: transparent;
+      background-size: 50% 50%;
+      background-position: center center;
+      background-repeat: no-repeat; }
+      .slim-image-editor .slim-editor-utils-group button:active {
+        background-color: rgba(0, 0, 0, 0.1);
+        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); }
+  .slim-image-editor .slim-editor-btn-group {
+    text-align: center; }
+    .slim-image-editor .slim-editor-btn-group button {
+      position: relative;
+      display: inline-block;
+      vertical-align: top;
+      font-size: 1em;
+      margin: 0 .75em;
+      padding: .75em 1.5em .875em;
+      cursor: pointer;
+      overflow: hidden;
+      -webkit-transition: color .25s, box-shadow .25s, background-color .25s;
+      transition: color .25s, box-shadow .25s, background-color .25s;
+      box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 0 0 rgba(255, 255, 255, 0.15);
+      background-color: transparent;
+      outline: none; }
+      .slim-image-editor .slim-editor-btn-group button:active {
+        padding: .875em 1.5em .75em;
+        background-color: rgba(0, 0, 0, 0.1);
+        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); }
+
+.slim-rotation-disabled .slim-container {
+  height: calc(100% - 4em); }
+
+.slim-rotation-disabled .slim-editor-utils-group {
+  display: none; }
+
+.slim-editor-utils-btn,
+.slim-editor-btn {
+  color: rgba(255, 255, 255, 0.75);
+  border: 2px solid rgba(0, 0, 0, 0.25); }
+  .slim-editor-utils-btn:focus, .slim-editor-utils-btn:hover,
+  .slim-editor-btn:focus,
+  .slim-editor-btn:hover {
+    color: rgba(255, 255, 255, 0.9); }
+
+.slim-editor-utils-btn {
+  border-radius: .6875em; }
+
+.slim-editor-btn {
+  border-radius: .5em; }
+
+.slim-image-editor-preview::after {
+  background-color: rgba(244, 250, 255, 0.4);
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07), 0 1px 5px rgba(0, 0, 0, 0.3); }
+
+.slim-btn-rotate {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='252' height='287' viewBox='0 0 252 287' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M134.762.626v36.15c65.016 4.594 116.34 58.75 116.34 124.936 0 69.198-56.09 125.288-125.29 125.288C56.616 287 .525 230.91.525 161.71c0-30.036 10.592-57.59 28.215-79.17l31.934 31.934C51.03 127.75 45.27 144.04 45.27 161.71c0 44.485 36.06 80.544 80.544 80.544 44.484 0 80.544-36.058 80.544-80.543 0-41.454-31.327-75.56-71.594-80.017v35.272l-62.646-57.89L134.762.625zm-8.95 196.883c-19.77 0-35.796-16.028-35.796-35.798 0-19.77 16.027-35.796 35.797-35.796 19.77 0 35.797 16.026 35.797 35.796s-16.027 35.797-35.797 35.797z' fill='rgba(255,255,255,.8)' fill-rule='evenodd'/%3E%3C/svg%3E"); }
+
+.slim-editor-utils-group {
+  padding: 1em 0 0; }
+
+.slim-editor-btn-group {
+  padding: 1em 0 0; }
+
+@media (min-width: 40em) {
+  .slim-btn-group {
+    padding-top: 2em; } }
+
+.slim-crop-area {
+  position: absolute;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.75); }
+  .slim-crop-area .grid {
+    overflow: hidden; }
+    .slim-crop-area .grid::before, .slim-crop-area .grid::after {
+      position: absolute;
+      z-index: 2;
+      content: '';
+      opacity: 0;
+      -webkit-transition: opacity .5s;
+      transition: opacity .5s; }
+    .slim-crop-area .grid::before {
+      top: 33.333%;
+      bottom: 33.333%;
+      left: 1px;
+      right: 1px;
+      box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.35), inset 0 1px 0 0 rgba(255, 255, 255, 0.35); }
+    .slim-crop-area .grid::after {
+      top: 1px;
+      bottom: 1px;
+      left: 33.333%;
+      right: 33.333%;
+      box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, 0.35), inset 1px 0 0 0 rgba(255, 255, 255, 0.35); }
+  .slim-crop-area button {
+    position: absolute;
+    background: #fafafa;
+    box-shadow: inset 0 1px 0 0 #fff, 0 1px 1px rgba(0, 0, 0, 0.15);
+    border: none;
+    padding: 0;
+    margin: 0;
+    width: 16px;
+    height: 16px;
+    margin-top: -8px;
+    margin-left: -8px;
+    border-radius: 8px;
+    z-index: 3; }
+  .slim-crop-area [class*='n'] {
+    top: 0; }
+  .slim-crop-area [class*='s'] {
+    top: 100%; }
+  .slim-crop-area [class*='w'] {
+    left: 0; }
+  .slim-crop-area [class*='e'] {
+    left: 100%; }
+  .slim-crop-area .e,
+  .slim-crop-area .w {
+    top: 50%;
+    cursor: ew-resize;
+    height: 30px;
+    margin-top: -15px; }
+  .slim-crop-area .n,
+  .slim-crop-area .s {
+    left: 50%;
+    cursor: ns-resize;
+    width: 30px;
+    margin-left: -15px; }
+  .slim-crop-area .ne,
+  .slim-crop-area .sw {
+    cursor: nesw-resize; }
+  .slim-crop-area .nw,
+  .slim-crop-area .se {
+    cursor: nwse-resize; }
+  .slim-crop-area .c {
+    top: 10px;
+    left: 10px;
+    width: calc(100% - 20px);
+    height: calc(100% - 20px);
+    margin: 0;
+    border-radius: 0;
+    border: none;
+    z-index: 2;
+    box-shadow: none;
+    opacity: 0;
+    cursor: move; }
+  .slim-crop-area button:not(.c)::after {
+    content: '';
+    position: absolute;
+    left: -12px;
+    right: -12px;
+    top: -12px;
+    bottom: -12px; }
+  .slim-crop-area .slim-crop-mask {
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    overflow: hidden;
+    z-index: 1; }
+    .slim-crop-area .slim-crop-mask img {
+      position: absolute;
+      -webkit-transform-origin: 0 0;
+              transform-origin: 0 0;
+      -webkit-transform: translateZ(0);
+              transform: translateZ(0);
+      margin: 0 !important;
+      width: auto;
+      height: auto;
+      max-width: none;
+      min-width: initial; }
+  .slim-crop-area[data-dragging='true'] .grid::before, .slim-crop-area[data-dragging='true'] .grid::after {
+    opacity: 1; }
+
+.slim-popover {
+  -ms-touch-action: none;
+      touch-action: none;
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  padding: 1em;
+  font-size: 16px;
+  background: rgba(25, 27, 29, 0.99);
+  z-index: 2147483647;
+  overflow: hidden; }
+  .slim-popover[data-state='off'] {
+    left: -100%; }
+  .slim-popover::after {
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    content: '';
+    background: -webkit-radial-gradient(center ellipse, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 80%);
+    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 80%); }
+
+@media (min-width: 40em) {
+  .slim-popover {
+    padding: 2em; } }
+
+.slim,
+.slim-popover,
+.slim-crop-area,
+.slim-image-editor {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  box-sizing: border-box; }
+  .slim button,
+  .slim-popover button,
+  .slim-crop-area button,
+  .slim-image-editor button {
+    -webkit-highlight: none;
+    -webkit-tap-highlight-color: transparent; }
+  .slim *,
+  .slim-popover *,
+  .slim-crop-area *,
+  .slim-image-editor * {
+    box-sizing: inherit; }
+  .slim img,
+  .slim-popover img,
+  .slim-crop-area img,
+  .slim-image-editor img {
+    background-color: #eee;
+    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+Gkqr6gAAAYBpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZHPK0RRFMc/M4gYERaKxUvDamhQExtlJqEmTWOUwWbmzS81P17vzaTJVtlOUWLj14K/gK2yVopISdlZExv0nGfUSObc7rmf+73nnO49F+yhtJoxat2Qyeb14KRXmQ8vKPWP2OjCQRtKRDW08UDAT1V7u5Fosat+q1b1uH+tKRY3VLA1CI+pmp4XnhL2r+Q1izeFO9RUJCZ8LOzS5YLC15YeLfOTxckyf1ish4I+sLcKK8lfHP3FakrPCMvLcWbSBfXnPtZLHPHs3KysPTK7MQgyiReFaSbw4WGQUfEe+hliQHZUyXd/58+Qk1xVvEYRnWWSpMjjErUg1eOyJkSPy0hTtPr/t69GYnioXN3hhboH03zphfoN+CyZ5vu+aX4eQM09nGUr+bk9GHkVvVTRnLvQsgYn5xUtugWn69B5p0X0yLdUI9OeSMDzETSHof0SGhfLPfs55/AWQqvyVRewvQN9Et+y9AUyt2fOEwKMEgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAC9JREFUOI1jZGBgkGIgDjwjRhETkYYRDUYNHDVwMBjISIJaonLU4PfyqIGjBpIBAPvwAUFW9TOIAAAAAElFTkSuQmCC"); }
+
+.slim img {
+  width: 100%;
+  height: auto; }
+
+span.slim {
+  display: block; }
+
+.slim {
+  position: relative;
+  font-size: inherit;
+  background-color: #eee;
+  -webkit-transition: background-color .25s;
+  transition: background-color .25s;
+  padding-bottom: .025px; }
+
+@-webkit-keyframes rotate {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+@keyframes rotate {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+  .slim[data-state*='empty']:hover {
+    background-color: #ddd; }
+  .slim[data-state*='empty'] .slim-label {
+    visibility: visible;
+    opacity: 1; }
+  .slim[data-state*='busy'] .slim-label {
+    opacity: 0; }
+  .slim[data-state*='loading'] .slim-label {
+    display: none; }
+  .slim[data-state*='loading'] .slim-label-loading {
+    opacity: 1;
+    display: block; }
+  .slim[data-state*='preview'] .slim-label {
+    visibility: hidden; }
+  .slim[data-state*='error'] {
+    background-color: #e8a69f !important;
+    color: #702010; }
+  .slim > img,
+  .slim > input[type=file] {
+    display: block !important;
+    opacity: 0 !important;
+    width: 0 !important;
+    height: 0 !important;
+    padding: 0 !important;
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+    margin-top: 0 !important;
+    border: 0 !important; }
+  .slim > img + input[type=file] {
+    margin-bottom: 0 !important; }
+  .slim > input[type=file] + img {
+    margin-bottom: 0 !important; }
+  .slim > input[type=hidden] {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    opacity: 0; }
+  .slim .slim-label-loading {
+    display: none; }
+  .slim .slim-label {
+    visibility: hidden;
+    -webkit-transition: opacity .25s;
+    transition: opacity .25s; }
+  .slim .slim-label-loading,
+  .slim .slim-label,
+  .slim .slim-error {
+    max-width: 100%; }
+  .slim .slim-file-hopper {
+    z-index: 2;
+    background: rgba(0, 0, 0, 0.0001); }
+  .slim .slim-ratio,
+  .slim .slim-drip,
+  .slim .slim-status,
+  .slim .slim-result,
+  .slim .slim-area {
+    border-radius: inherit; }
+  .slim .slim-area {
+    width: 100%;
+    color: inherit;
+    overflow: hidden; }
+    .slim .slim-area *:only-of-type {
+      margin: 0; }
+    .slim .slim-area .slim-loader {
+      pointer-events: none;
+      position: absolute;
+      right: .875em;
+      top: .875em;
+      width: 23px;
+      height: 23px;
+      z-index: 1; }
+      .slim .slim-area .slim-loader svg {
+        display: block;
+        width: 100%;
+        height: 100%;
+        opacity: 0; }
+    .slim .slim-area .slim-upload-status {
+      position: absolute;
+      right: 1em;
+      top: 1em;
+      z-index: 1;
+      opacity: 0;
+      -webkit-transition: opacity .25s;
+      transition: opacity .25s;
+      white-space: nowrap;
+      line-height: 1.65;
+      font-weight: normal; }
+    .slim .slim-area .slim-upload-status-icon {
+      display: inline-block;
+      opacity: .9; }
+    .slim .slim-area .slim-drip,
+    .slim .slim-area .slim-status,
+    .slim .slim-area .slim-result {
+      left: 0;
+      top: 0;
+      right: 0;
+      bottom: 0; }
+    .slim .slim-area .slim-drip,
+    .slim .slim-area .slim-result {
+      position: absolute; }
+    .slim .slim-area .slim-status {
+      padding: 3em 1.5em;
+      display: -webkit-box;
+      display: -webkit-flex;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-align: center;
+      -webkit-align-items: center;
+          -ms-flex-align: center;
+              align-items: center;
+      -webkit-box-pack: center;
+      -webkit-justify-content: center;
+          -ms-flex-pack: center;
+              justify-content: center;
+      text-align: center;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -webkit-flex-direction: column;
+          -ms-flex-direction: column;
+              flex-direction: column;
+      pointer-events: none; }
+    .slim .slim-area .slim-drip {
+      z-index: 1;
+      overflow: hidden; }
+      .slim .slim-area .slim-drip > span {
+        position: absolute;
+        left: 0;
+        top: 0;
+        opacity: 0;
+        margin-left: -25%;
+        margin-top: -25%;
+        width: 50%;
+        padding-bottom: 50%; }
+      .slim .slim-area .slim-drip > span > span {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        background-color: rgba(0, 0, 0, 0.25);
+        border-radius: 50%;
+        opacity: .5;
+        left: 0;
+        top: 0; }
+    .slim .slim-area .slim-result {
+      overflow: hidden;
+      -webkit-perspective: 1px; }
+      .slim .slim-area .slim-result img {
+        display: block;
+        width: 100%;
+        position: absolute;
+        left: 0;
+        top: 0; }
+        .slim .slim-area .slim-result img:not([src]), .slim .slim-area .slim-result img[src=''] {
+          visibility: hidden; }
+  .slim .slim-btn-group {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 3;
+    overflow: hidden;
+    pointer-events: none; }
+    .slim .slim-btn-group button {
+      pointer-events: all;
+      cursor: pointer; }
+  .slim[data-ratio*=':'] {
+    min-height: initial; }
+    .slim[data-ratio*=':'] .slim-status {
+      position: absolute;
+      padding: 0 1.5em; }
+  .slim[data-ratio='16:10'] > input[type=file],
+  .slim[data-ratio='16:10'] > img {
+    margin-bottom: 62.5%; }
+  .slim[data-ratio='10:16'] > input[type=file],
+  .slim[data-ratio='10:16'] > img {
+    margin-bottom: 160%; }
+  .slim[data-ratio='16:9'] > input[type=file],
+  .slim[data-ratio='16:9'] > img {
+    margin-bottom: 56.25%; }
+  .slim[data-ratio='9:16'] > input[type=file],
+  .slim[data-ratio='9:16'] > img {
+    margin-bottom: 177.77778%; }
+  .slim[data-ratio='5:3'] > input[type=file],
+  .slim[data-ratio='5:3'] > img {
+    margin-bottom: 60%; }
+  .slim[data-ratio='3:5'] > input[type=file],
+  .slim[data-ratio='3:5'] > img {
+    margin-bottom: 166.66667%; }
+  .slim[data-ratio='5:4'] > input[type=file],
+  .slim[data-ratio='5:4'] > img {
+    margin-bottom: 80%; }
+  .slim[data-ratio='4:5'] > input[type=file],
+  .slim[data-ratio='4:5'] > img {
+    margin-bottom: 125%; }
+  .slim[data-ratio='4:3'] > input[type=file],
+  .slim[data-ratio='4:3'] > img {
+    margin-bottom: 75%; }
+  .slim[data-ratio='3:4'] > input[type=file],
+  .slim[data-ratio='3:4'] > img {
+    margin-bottom: 133.33333%; }
+  .slim[data-ratio='3:2'] > input[type=file],
+  .slim[data-ratio='3:2'] > img {
+    margin-bottom: 66.66667%; }
+  .slim[data-ratio='2:3'] > input[type=file],
+  .slim[data-ratio='2:3'] > img {
+    margin-bottom: 150%; }
+  .slim[data-ratio='1:1'] > input[type=file],
+  .slim[data-ratio='1:1'] > img {
+    margin-bottom: 100%; }
+
+.slim-btn-group {
+  padding: 1.5em 0;
+  text-align: center; }
+
+.slim-btn {
+  position: relative;
+  padding: 0;
+  margin: 0 7.2px;
+  font-size: 0;
+  outline: none;
+  width: 36px;
+  height: 36px;
+  border: none;
+  color: #fff;
+  background-color: rgba(0, 0, 0, 0.7);
+  background-repeat: no-repeat;
+  background-size: 50% 50%;
+  background-position: center center; }
+  .slim-btn {
+    border-radius: 50%; }
+  .slim-btn::before {
+    border-radius: inherit;
+    position: absolute;
+    box-sizing: border-box;
+    left: -3px;
+    right: -3px;
+    bottom: -3px;
+    top: -3px;
+    border: 3px solid white;
+    content: '';
+    -webkit-transform: scale(0.95);
+            transform: scale(0.95);
+    opacity: 0;
+    -webkit-transition: all .25s;
+    transition: all .25s;
+    z-index: -1;
+    pointer-events: none; }
+  .slim-btn:focus::before, .slim-btn:hover::before {
+    opacity: 1;
+    -webkit-transform: scale(1);
+            transform: scale(1); }
+  .slim-btn * {
+    pointer-events: none; }
+
+.slim-btn-remove {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M63.12 250.254s3.998 18.222 24.582 18.222h93.072c20.583 0 24.582-18.222 24.582-18.222l18.374-178.66H44.746l18.373 178.66zM170.034 98.442c0-4.943 4.006-8.95 8.95-8.95 4.942 0 8.95 4.007 8.95 8.95l-8.95 134.238c0 4.943-4.008 8.95-8.95 8.95-4.942 0-8.95-4.008-8.95-8.95l8.95-134.238zm-44.746 0c0-4.943 4.006-8.95 8.948-8.95 4.943 0 8.95 4.007 8.95 8.95V232.68c0 4.943-4.007 8.95-8.95 8.95s-8.95-4.008-8.95-8.95V98.442zm-35.798-8.95c4.943 0 8.95 4.006 8.95 8.95l8.95 134.237c0 4.942-4.008 8.948-8.95 8.948-4.943 0-8.95-4.007-8.95-8.95l-8.95-134.236c0-4.943 4.008-8.95 8.95-8.95zm128.868-53.68h-39.376V17.898c0-13.578-4.39-17.9-17.898-17.9H107.39C95 0 89.492 6 89.492 17.9V35.81H50.116c-7.914 0-14.32 6.007-14.32 13.43 0 7.424 6.406 13.43 14.32 13.43H218.36c7.914 0 14.32-6.006 14.32-13.43 0-7.423-6.406-13.43-14.32-13.43zm-57.274 0H107.39l.002-17.914h53.695V35.81z' fill='%23fff'/%3E%3C/svg%3E"); }
+
+.slim-btn-download {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M232.943 223.73H35.533c-12.21 0-22.11 10.017-22.11 22.373 0 12.356 9.9 22.373 22.11 22.373h197.41c12.21 0 22.11-10.017 22.11-22.373 0-12.356-9.9-22.373-22.11-22.373zM117.88 199.136c4.035 4.04 9.216 6.147 14.492 6.508.626.053 1.227.188 1.866.188.633 0 1.228-.135 1.847-.186 5.284-.357 10.473-2.464 14.512-6.51l70.763-70.967c8.86-8.876 8.86-23.268 0-32.143-8.86-8.876-23.225-8.876-32.086 0l-32.662 32.756V22.373C156.612 10.017 146.596 0 134.238 0c-12.356 0-22.372 10.017-22.372 22.373v106.41L79.204 96.027c-8.86-8.876-23.226-8.876-32.086 0-8.86 8.875-8.86 23.267 0 32.142l70.763 70.966z' fill='%23fff'/%3E%3C/svg%3E"); }
+
+.slim-btn-upload {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='243' height='269' viewBox='0 0 243 269' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EDownload%3C/title%3E%3Cpath d='M219.943 223.73H22.533c-12.21 0-22.11 10.017-22.11 22.373 0 12.356 9.9 22.373 22.11 22.373h197.41c12.21 0 22.11-10.017 22.11-22.373 0-12.356-9.9-22.373-22.11-22.373zM104.88 6.696c4.035-4.04 9.216-6.147 14.492-6.508C119.998.135 120.6 0 121.238 0c.633 0 1.228.135 1.847.186 5.284.357 10.473 2.464 14.512 6.51l70.763 70.967c8.86 8.875 8.86 23.267 0 32.142-8.86 8.876-23.225 8.876-32.086 0L143.612 77.05v106.41c0 12.355-10.016 22.372-22.374 22.372-12.356 0-22.372-10.017-22.372-22.373V77.05l-32.662 32.755c-8.86 8.876-23.226 8.876-32.086 0-8.86-8.875-8.86-23.267 0-32.142L104.88 6.696z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); }
+
+.slim-btn-edit {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M161.36 56.337c-7.042-7.05-18.46-7.05-25.5 0l-6.373 6.38-89.243 89.338.023.023-2.812 2.82s-8.968 9.032-29.216 74.4c-.143.456-.284.91-.427 1.373-.36 1.172-.726 2.362-1.094 3.568-.327 1.066-.657 2.154-.988 3.25-.28.922-.556 1.835-.84 2.778-.64 2.14-1.29 4.318-1.954 6.567-1.455 4.937-5.01 16.07-.99 20.1 3.87 3.882 15.12.467 20.043-.993 2.233-.662 4.396-1.31 6.52-1.952.98-.296 1.932-.586 2.89-.878 1.032-.314 2.058-.626 3.063-.935 1.27-.39 2.52-.775 3.75-1.157l1.09-.34c62.193-19.365 73.358-28.453 74.286-29.284l.01-.01.067-.06 2.88-2.886.192.193 89.244-89.336 6.373-6.382c7.04-7.048 7.04-18.476 0-25.525l-50.998-51.05zM103.4 219.782c-.08.053-.185.122-.297.193l-.21.133c-.076.047-.158.098-.245.15l-.243.148c-2.97 1.777-11.682 6.362-32.828 14.017-2.47.894-5.162 1.842-7.98 2.82l-30.06-30.092c.98-2.84 1.928-5.55 2.825-8.04 7.638-21.235 12.22-29.974 13.986-32.94l.12-.2c.063-.1.12-.196.175-.283l.126-.2c.07-.11.14-.217.192-.296l2.2-2.205 54.485 54.542-2.248 2.255zM263.35 56.337l-50.996-51.05c-7.04-7.048-18.456-7.048-25.498 0L174.108 18.05c-7.04 7.048-7.04 18.476 0 25.524l50.996 51.05c7.04 7.048 18.457 7.048 25.498 0l12.75-12.762c7.04-7.05 7.04-18.477 0-25.525z' fill='%23fff'/%3E%3C/svg%3E"); }
+
+.slim-loader-background {
+  stroke: rgba(0, 0, 0, 0.15); }
+
+.slim-loader-foreground {
+  stroke: rgba(0, 0, 0, 0.65); }
+
+.slim[data-state*='preview'] .slim-loader-background {
+  stroke: rgba(255, 255, 255, 0.25); }
+
+.slim[data-state*='preview'] .slim-loader-foreground {
+  stroke: #fff; }
+
+.slim-upload-status {
+  padding: 0 .5em;
+  border-radius: .3125em;
+  font-size: .75em;
+  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.25); }
+
+.slim-upload-status[data-state="success"] {
+  background-color: #d1ed8f;
+  color: #323e15; }
+  .slim-upload-status[data-state="success"] .slim-upload-status-icon {
+    width: .5em;
+    height: .75em;
+    -webkit-transform: rotate(45deg);
+            transform: rotate(45deg);
+    border: .1875em solid currentColor;
+    border-left: none;
+    border-top: none;
+    margin-right: .325em;
+    margin-left: .25em;
+    margin-bottom: .0625em; }
+
+.slim-upload-status[data-state="error"] {
+  background: #efd472;
+  color: #574016; }
+  .slim-upload-status[data-state="error"] .slim-upload-status-icon {
+    margin-left: -.125em;
+    margin-right: .5em;
+    width: .5625em;
+    height: 1em;
+    position: relative;
+    -webkit-transform: rotate(45deg);
+            transform: rotate(45deg); }
+    .slim-upload-status[data-state="error"] .slim-upload-status-icon:after, .slim-upload-status[data-state="error"] .slim-upload-status-icon:before {
+      content: '';
+      position: absolute;
+      box-sizing: content-box;
+      width: 0;
+      height: 0;
+      border-width: 0.09em;
+      border-style: solid;
+      border-color: currentColor;
+      background-color: currentColor;
+      -webkit-transform: translate(-50%, -50%) translate(0.5em, 0.5em);
+              transform: translate(-50%, -50%) translate(0.5em, 0.5em); }
+    .slim-upload-status[data-state="error"] .slim-upload-status-icon:before {
+      width: 0.66666666667em; }
+    .slim-upload-status[data-state="error"] .slim-upload-status-icon:after {
+      height: 0.66666666667em; }
diff --git a/deployed/jsn/components/com_jsn/assets/css/slim.min.css b/deployed/jsn/components/com_jsn/assets/css/slim.min.css
new file mode 100644
index 00000000..c038c387
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/css/slim.min.css
@@ -0,0 +1,5 @@
+/*
+ * Slim v4.6.1 - Image Cropping Made Easy
+ * Copyright (c) 2017 Rik Schennink - http://slimimagecropper.com
+ */
+.slim-file-hopper{position:absolute;left:0;top:0;right:0;bottom:0}.slim-image-editor{position:relative;height:100%;text-align:left;z-index:1}.slim-image-editor .slim-container{position:relative;height:calc(100% - 8em);width:100%;z-index:2;direction:ltr}.slim-image-editor .slim-editor-btn-group,.slim-image-editor .slim-editor-utils-group{-ms-flex-negative:0;flex-shrink:0}.slim-image-editor .slim-stage{position:absolute;line-height:0}.slim-image-editor .slim-wrapper{position:absolute;z-index:2}.slim-image-editor .slim-crop-preview{position:absolute;left:0;top:0;right:0;bottom:0;line-height:0}.slim-image-editor .slim-stage{z-index:4}.slim-image-editor .slim-crop-preview{z-index:3;border-radius:4px}.slim-image-editor .slim-crop-preview:after,.slim-image-editor .slim-crop-preview canvas,.slim-image-editor .slim-crop-preview img{position:absolute;display:block;border-radius:inherit;left:0;top:0}.slim-image-editor .slim-crop-preview .slim-crop{z-index:3}.slim-image-editor .slim-crop-preview:after{z-index:2;right:0;bottom:0;content:""}.slim-image-editor .slim-crop-preview .slim-crop-blur{-webkit-filter:contrast(.7);-moz-filter:contrast(.7);filter:contrast(.7);z-index:1}.slim-image-editor .slim-editor-utils-group{text-align:center}.slim-image-editor .slim-editor-utils-group button{width:2.5em;height:2.5em;padding:0;font-size:1em;cursor:pointer;outline:none;box-shadow:inset 0 -1px 2px rgba(0,0,0,.1),inset 0 1px 0 0 hsla(0,0%,100%,.15);background-color:transparent;background-size:50% 50%;background-position:50%;background-repeat:no-repeat}.slim-image-editor .slim-editor-utils-group button:active{background-color:rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.slim-image-editor .slim-editor-btn-group{text-align:center}.slim-image-editor .slim-editor-btn-group button{position:relative;display:inline-block;vertical-align:top;font-size:1em;margin:0 .75em;padding:.75em 1.5em .875em;cursor:pointer;overflow:hidden;-webkit-transition:color .25s,box-shadow .25s,background-color .25s;transition:color .25s,box-shadow .25s,background-color .25s;box-shadow:inset 0 -1px 2px rgba(0,0,0,.1),inset 0 1px 0 0 hsla(0,0%,100%,.15);background-color:transparent;outline:none}.slim-image-editor .slim-editor-btn-group button:active{padding:.875em 1.5em .75em;background-color:rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.slim-rotation-disabled .slim-container{height:calc(100% - 4em)}.slim-rotation-disabled .slim-editor-utils-group{display:none}.slim-editor-btn,.slim-editor-utils-btn{color:hsla(0,0%,100%,.75);border:2px solid rgba(0,0,0,.25)}.slim-editor-btn:focus,.slim-editor-btn:hover,.slim-editor-utils-btn:focus,.slim-editor-utils-btn:hover{color:hsla(0,0%,100%,.9)}.slim-editor-utils-btn{border-radius:.6875em}.slim-editor-btn{border-radius:.5em}.slim-image-editor-preview:after{background-color:rgba(244,250,255,.4);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.07),0 1px 5px rgba(0,0,0,.3)}.slim-btn-rotate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='252' height='287' viewBox='0 0 252 287' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M134.762.626v36.15c65.016 4.594 116.34 58.75 116.34 124.936 0 69.198-56.09 125.288-125.29 125.288C56.616 287 .525 230.91.525 161.71c0-30.036 10.592-57.59 28.215-79.17l31.934 31.934C51.03 127.75 45.27 144.04 45.27 161.71c0 44.485 36.06 80.544 80.544 80.544 44.484 0 80.544-36.058 80.544-80.543 0-41.454-31.327-75.56-71.594-80.017v35.272l-62.646-57.89L134.762.625zm-8.95 196.883c-19.77 0-35.796-16.028-35.796-35.798 0-19.77 16.027-35.796 35.797-35.796 19.77 0 35.797 16.026 35.797 35.796s-16.027 35.797-35.797 35.797z' fill='rgba(255,255,255,.8)' fill-rule='evenodd'/%3E%3C/svg%3E")}.slim-editor-btn-group,.slim-editor-utils-group{padding:1em 0 0}@media (min-width:40em){.slim-btn-group{padding-top:2em}}.slim-crop-area{position:absolute;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.75),0 0 0 1px hsla(0,0%,100%,.75)}.slim-crop-area .grid{overflow:hidden}.slim-crop-area .grid:after,.slim-crop-area .grid:before{position:absolute;z-index:2;content:"";opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.slim-crop-area .grid:before{top:33.333%;bottom:33.333%;left:1px;right:1px;box-shadow:inset 0 -1px 0 0 hsla(0,0%,100%,.35),inset 0 1px 0 0 hsla(0,0%,100%,.35)}.slim-crop-area .grid:after{top:1px;bottom:1px;left:33.333%;right:33.333%;box-shadow:inset -1px 0 0 0 hsla(0,0%,100%,.35),inset 1px 0 0 0 hsla(0,0%,100%,.35)}.slim-crop-area button{position:absolute;background:#fafafa;box-shadow:inset 0 1px 0 0 #fff,0 1px 1px rgba(0,0,0,.15);border:none;padding:0;margin:0;width:16px;height:16px;margin-top:-8px;margin-left:-8px;border-radius:8px;z-index:3}.slim-crop-area [class*=n]{top:0}.slim-crop-area [class*=s]{top:100%}.slim-crop-area [class*=w]{left:0}.slim-crop-area [class*=e]{left:100%}.slim-crop-area .e,.slim-crop-area .w{top:50%;cursor:ew-resize;height:30px;margin-top:-15px}.slim-crop-area .n,.slim-crop-area .s{left:50%;cursor:ns-resize;width:30px;margin-left:-15px}.slim-crop-area .ne,.slim-crop-area .sw{cursor:nesw-resize}.slim-crop-area .nw,.slim-crop-area .se{cursor:nwse-resize}.slim-crop-area .c{top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);margin:0;border-radius:0;border:none;z-index:2;box-shadow:none;opacity:0;cursor:move}.slim-crop-area button:not(.c):after{content:"";position:absolute;left:-12px;right:-12px;top:-12px;bottom:-12px}.slim-crop-area .slim-crop-mask{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1}.slim-crop-area .slim-crop-mask img{position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateZ(0);transform:translateZ(0);margin:0!important;width:auto;height:auto;max-width:none;min-width:0}.slim-crop-area[data-dragging=true] .grid:after,.slim-crop-area[data-dragging=true] .grid:before{opacity:1}.slim-popover{-ms-touch-action:none;touch-action:none;position:fixed;left:0;top:0;width:100%;height:100%;padding:1em;font-size:16px;background:rgba(25,27,29,.99);z-index:2147483647;overflow:hidden}.slim-popover[data-state=off]{left:-100%}.slim-popover:after{position:absolute;left:0;top:0;right:0;bottom:0;content:"";background:-webkit-radial-gradient(center ellipse,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,0) 80%);background:radial-gradient(ellipse at center,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,0) 80%)}@media (min-width:40em){.slim-popover{padding:2em}}.slim,.slim-crop-area,.slim-image-editor,.slim-popover{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}.slim-crop-area button,.slim-image-editor button,.slim-popover button,.slim button{-webkit-highlight:none;-webkit-tap-highlight-color:transparent}.slim *,.slim-crop-area *,.slim-image-editor *,.slim-popover *{box-sizing:inherit}.slim-crop-area img,.slim-image-editor img,.slim-popover img,.slim img{background-color:#eee;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+Gkqr6gAAAYBpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZHPK0RRFMc/M4gYERaKxUvDamhQExtlJqEmTWOUwWbmzS81P17vzaTJVtlOUWLj14K/gK2yVopISdlZExv0nGfUSObc7rmf+73nnO49F+yhtJoxat2Qyeb14KRXmQ8vKPWP2OjCQRtKRDW08UDAT1V7u5Fosat+q1b1uH+tKRY3VLA1CI+pmp4XnhL2r+Q1izeFO9RUJCZ8LOzS5YLC15YeLfOTxckyf1ish4I+sLcKK8lfHP3FakrPCMvLcWbSBfXnPtZLHPHs3KysPTK7MQgyiReFaSbw4WGQUfEe+hliQHZUyXd/58+Qk1xVvEYRnWWSpMjjErUg1eOyJkSPy0hTtPr/t69GYnioXN3hhboH03zphfoN+CyZ5vu+aX4eQM09nGUr+bk9GHkVvVTRnLvQsgYn5xUtugWn69B5p0X0yLdUI9OeSMDzETSHof0SGhfLPfs55/AWQqvyVRewvQN9Et+y9AUyt2fOEwKMEgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAC9JREFUOI1jZGBgkGIgDjwjRhETkYYRDUYNHDVwMBjISIJaonLU4PfyqIGjBpIBAPvwAUFW9TOIAAAAAElFTkSuQmCC")}.slim img{width:100%;height:auto}span.slim{display:block}.slim{position:relative;font-size:inherit;background-color:#eee;-webkit-transition:background-color .25s;transition:background-color .25s;padding-bottom:.025px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.slim[data-state*=empty]:hover{background-color:#ddd}.slim[data-state*=empty] .slim-label{visibility:visible;opacity:1}.slim[data-state*=busy] .slim-label{opacity:0}.slim[data-state*=loading] .slim-label{display:none}.slim[data-state*=loading] .slim-label-loading{opacity:1;display:block}.slim[data-state*=preview] .slim-label{visibility:hidden}.slim[data-state*=error]{background-color:#e8a69f!important;color:#702010}.slim>img,.slim>input[type=file]{display:block!important;opacity:0!important;width:0!important;height:0!important;padding:0!important;margin-left:0!important;margin-right:0!important;margin-top:0!important;border:0!important}.slim>img+input[type=file],.slim>input[type=file]+img{margin-bottom:0!important}.slim>input[type=hidden]{position:absolute;width:1px;height:1px;margin:-1px;opacity:0}.slim .slim-label-loading{display:none}.slim .slim-label{visibility:hidden;-webkit-transition:opacity .25s;transition:opacity .25s}.slim .slim-error,.slim .slim-label,.slim .slim-label-loading{max-width:100%}.slim .slim-file-hopper{z-index:2;background:rgba(0,0,0,.0001)}.slim .slim-area,.slim .slim-drip,.slim .slim-ratio,.slim .slim-result,.slim .slim-status{border-radius:inherit}.slim .slim-area{width:100%;color:inherit;overflow:hidden}.slim .slim-area :only-of-type{margin:0}.slim .slim-area .slim-loader{pointer-events:none;position:absolute;right:.875em;top:.875em;width:23px;height:23px;z-index:1}.slim .slim-area .slim-loader svg{display:block;width:100%;height:100%;opacity:0}.slim .slim-area .slim-upload-status{position:absolute;right:1em;top:1em;z-index:1;opacity:0;-webkit-transition:opacity .25s;transition:opacity .25s;white-space:nowrap;line-height:1.65;font-weight:400}.slim .slim-area .slim-upload-status-icon{display:inline-block;opacity:.9}.slim .slim-area .slim-drip,.slim .slim-area .slim-result,.slim .slim-area .slim-status{left:0;top:0;right:0;bottom:0}.slim .slim-area .slim-drip,.slim .slim-area .slim-result{position:absolute}.slim .slim-area .slim-status{padding:3em 1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;pointer-events:none}.slim .slim-area .slim-drip{z-index:1;overflow:hidden}.slim .slim-area .slim-drip>span{position:absolute;left:0;top:0;opacity:0;margin-left:-25%;margin-top:-25%;width:50%;padding-bottom:50%}.slim .slim-area .slim-drip>span>span{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.25);border-radius:50%;opacity:.5;left:0;top:0}.slim .slim-area .slim-result{overflow:hidden;-webkit-perspective:1px}.slim .slim-area .slim-result img{display:block;width:100%;position:absolute;left:0;top:0}.slim .slim-area .slim-result img:not([src]),.slim .slim-area .slim-result img[src=""]{visibility:hidden}.slim .slim-btn-group{position:absolute;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none}.slim .slim-btn-group button{pointer-events:all;cursor:pointer}.slim[data-ratio*=":"]{min-height:0}.slim[data-ratio*=":"] .slim-status{position:absolute;padding:0 1.5em}.slim[data-ratio="16:10"]>img,.slim[data-ratio="16:10"]>input[type=file]{margin-bottom:62.5%}.slim[data-ratio="10:16"]>img,.slim[data-ratio="10:16"]>input[type=file]{margin-bottom:160%}.slim[data-ratio="16:9"]>img,.slim[data-ratio="16:9"]>input[type=file]{margin-bottom:56.25%}.slim[data-ratio="9:16"]>img,.slim[data-ratio="9:16"]>input[type=file]{margin-bottom:177.77778%}.slim[data-ratio="5:3"]>img,.slim[data-ratio="5:3"]>input[type=file]{margin-bottom:60%}.slim[data-ratio="3:5"]>img,.slim[data-ratio="3:5"]>input[type=file]{margin-bottom:166.66667%}.slim[data-ratio="5:4"]>img,.slim[data-ratio="5:4"]>input[type=file]{margin-bottom:80%}.slim[data-ratio="4:5"]>img,.slim[data-ratio="4:5"]>input[type=file]{margin-bottom:125%}.slim[data-ratio="4:3"]>img,.slim[data-ratio="4:3"]>input[type=file]{margin-bottom:75%}.slim[data-ratio="3:4"]>img,.slim[data-ratio="3:4"]>input[type=file]{margin-bottom:133.33333%}.slim[data-ratio="3:2"]>img,.slim[data-ratio="3:2"]>input[type=file]{margin-bottom:66.66667%}.slim[data-ratio="2:3"]>img,.slim[data-ratio="2:3"]>input[type=file]{margin-bottom:150%}.slim[data-ratio="1:1"]>img,.slim[data-ratio="1:1"]>input[type=file]{margin-bottom:100%}.slim-btn-group{padding:1.5em 0;text-align:center}.slim-btn{position:relative;padding:0;margin:0 7.2px;font-size:0;outline:none;width:36px;height:36px;border:none;color:#fff;background-color:rgba(0,0,0,.7);background-repeat:no-repeat;background-size:50% 50%;background-position:50%;border-radius:50%}.slim-btn:before{border-radius:inherit;position:absolute;box-sizing:border-box;left:-3px;right:-3px;bottom:-3px;top:-3px;border:3px solid #fff;content:"";-webkit-transform:scale(.95);transform:scale(.95);opacity:0;-webkit-transition:all .25s;transition:all .25s;z-index:-1;pointer-events:none}.slim-btn:focus:before,.slim-btn:hover:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.slim-btn *{pointer-events:none}.slim-btn-remove{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M63.12 250.254s3.998 18.222 24.582 18.222h93.072c20.583 0 24.582-18.222 24.582-18.222l18.374-178.66H44.746l18.373 178.66zM170.034 98.442a8.95 8.95 0 0 1 17.9 0l-8.95 134.238a8.95 8.95 0 0 1-17.9 0l8.95-134.238zm-44.746 0a8.949 8.949 0 1 1 17.898 0V232.68a8.95 8.95 0 1 1-17.9 0V98.442zm-35.798-8.95a8.95 8.95 0 0 1 8.95 8.95l8.95 134.237c0 4.942-4.008 8.948-8.95 8.948a8.95 8.95 0 0 1-8.95-8.95L80.54 98.441a8.95 8.95 0 0 1 8.95-8.95zm128.868-53.68h-39.376V17.898c0-13.578-4.39-17.9-17.898-17.9H107.39C95 0 89.492 6 89.492 17.9v17.91H50.116c-7.914 0-14.32 6.007-14.32 13.43 0 7.424 6.406 13.43 14.32 13.43H218.36c7.914 0 14.32-6.006 14.32-13.43 0-7.423-6.406-13.43-14.32-13.43zm-57.274 0H107.39l.002-17.914h53.695V35.81z' fill='%23fff'/%3E%3C/svg%3E")}.slim-btn-download{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M232.943 223.73H35.533c-12.21 0-22.11 10.017-22.11 22.373 0 12.356 9.9 22.373 22.11 22.373h197.41c12.21 0 22.11-10.017 22.11-22.373 0-12.356-9.9-22.373-22.11-22.373zM117.88 199.136c4.035 4.04 9.216 6.147 14.492 6.508.626.053 1.227.188 1.866.188.633 0 1.228-.135 1.847-.186 5.284-.357 10.473-2.464 14.512-6.51l70.763-70.967c8.86-8.876 8.86-23.268 0-32.143-8.86-8.876-23.225-8.876-32.086 0l-32.662 32.756V22.373C156.612 10.017 146.596 0 134.238 0c-12.356 0-22.372 10.017-22.372 22.373v106.41L79.204 96.027c-8.86-8.876-23.226-8.876-32.086 0-8.86 8.875-8.86 23.267 0 32.142l70.763 70.966z' fill='%23fff'/%3E%3C/svg%3E")}.slim-btn-upload{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='243' height='269' viewBox='0 0 243 269' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EDownload%3C/title%3E%3Cpath d='M219.943 223.73H22.533c-12.21 0-22.11 10.017-22.11 22.373 0 12.356 9.9 22.373 22.11 22.373h197.41c12.21 0 22.11-10.017 22.11-22.373 0-12.356-9.9-22.373-22.11-22.373zM104.88 6.696c4.035-4.04 9.216-6.147 14.492-6.508C119.998.135 120.6 0 121.238 0c.633 0 1.228.135 1.847.186 5.284.357 10.473 2.464 14.512 6.51l70.763 70.967c8.86 8.875 8.86 23.267 0 32.142-8.86 8.876-23.225 8.876-32.086 0L143.612 77.05v106.41c0 12.355-10.016 22.372-22.374 22.372-12.356 0-22.372-10.017-22.372-22.373V77.05l-32.662 32.755c-8.86 8.876-23.226 8.876-32.086 0-8.86-8.875-8.86-23.267 0-32.142L104.88 6.696z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E")}.slim-btn-edit{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M161.36 56.337c-7.042-7.05-18.46-7.05-25.5 0l-6.373 6.38-89.243 89.338.023.023-2.812 2.82s-8.968 9.032-29.216 74.4c-.143.456-.284.91-.427 1.373-.36 1.172-.726 2.362-1.094 3.568a785.126 785.126 0 0 0-.988 3.25c-.28.922-.556 1.835-.84 2.778-.64 2.14-1.29 4.318-1.954 6.567-1.455 4.937-5.01 16.07-.99 20.1 3.87 3.882 15.12.467 20.043-.993a1275.615 1275.615 0 0 0 9.41-2.83c1.032-.314 2.058-.626 3.063-.935 1.27-.39 2.52-.775 3.75-1.157l1.09-.34c62.193-19.365 73.358-28.453 74.286-29.284l.01-.01.067-.06 2.88-2.886.192.193 89.244-89.336 6.373-6.382c7.04-7.048 7.04-18.476 0-25.525l-50.998-51.05zM103.4 219.782c-.08.053-.185.122-.297.193l-.21.133c-.076.047-.158.098-.245.15l-.243.148c-2.97 1.777-11.682 6.362-32.828 14.017-2.47.894-5.162 1.842-7.98 2.82l-30.06-30.092c.98-2.84 1.928-5.55 2.825-8.04 7.638-21.235 12.22-29.974 13.986-32.94l.12-.2c.063-.1.12-.196.175-.283l.126-.2c.07-.11.14-.217.192-.296l2.2-2.205 54.485 54.542-2.248 2.255zM263.35 56.337l-50.996-51.05c-7.04-7.048-18.456-7.048-25.498 0L174.108 18.05c-7.04 7.048-7.04 18.476 0 25.524l50.996 51.05c7.04 7.048 18.457 7.048 25.498 0l12.75-12.762c7.04-7.05 7.04-18.477 0-25.525z' fill='%23fff'/%3E%3C/svg%3E")}.slim-loader-background{stroke:rgba(0,0,0,.15)}.slim-loader-foreground{stroke:rgba(0,0,0,.65)}.slim[data-state*=preview] .slim-loader-background{stroke:hsla(0,0%,100%,.25)}.slim[data-state*=preview] .slim-loader-foreground{stroke:#fff}.slim-upload-status{padding:0 .5em;border-radius:.3125em;font-size:.75em;box-shadow:0 .125em .25em rgba(0,0,0,.25)}.slim-upload-status[data-state=success]{background-color:#d1ed8f;color:#323e15}.slim-upload-status[data-state=success] .slim-upload-status-icon{width:.5em;height:.75em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border:.1875em solid currentColor;border-left:none;border-top:none;margin-right:.325em;margin-left:.25em;margin-bottom:.0625em}.slim-upload-status[data-state=error]{background:#efd472;color:#574016}.slim-upload-status[data-state=error] .slim-upload-status-icon{margin-left:-.125em;margin-right:.5em;width:.5625em;height:1em;position:relative;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.slim-upload-status[data-state=error] .slim-upload-status-icon:after,.slim-upload-status[data-state=error] .slim-upload-status-icon:before{content:"";position:absolute;box-sizing:content-box;width:0;height:0;border:.09em solid currentColor;background-color:currentColor;-webkit-transform:translate(-50%,-50%) translate(.5em,.5em);transform:translate(-50%,-50%) translate(.5em,.5em)}.slim-upload-status[data-state=error] .slim-upload-status-icon:before{width:.66666666667em}.slim-upload-status[data-state=error] .slim-upload-status-icon:after{height:.66666666667em}
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/css/style-rtl.css b/deployed/jsn/components/com_jsn/assets/css/style-rtl.css
new file mode 100644
index 00000000..8ffeb88a
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/css/style-rtl.css
@@ -0,0 +1,50 @@
+/* Author */
+img.avatar.author_avatar{margin-left:0px;margin-right:5px;}
+
+/* Privacy */
+.control-group.privacy .privacy_btn,.form-group.privacy .privacy_btn{right:auto;padding-left:0px;left:8px;padding-right:5px;}
+.control-group.privacy ul,.form-group.privacy ul{text-align:right;margin-right:0px;margin-left:4px;right:auto}
+
+/* Maps */
+input.jsn_map_search{float:right;}
+select.gmap_radius_select{float:right;margin-left:0%;margin-right:2%;}
+
+/* Search */
+.numericsearch,div.jsn_search .bsdatesearch{float:right;}
+.numericsearch + .numericsearch,div.jsn_search .bsdatesearch + .bsdatesearch{margin-left:0%;margin-right:2%;}
+
+/* Registration - Edit Profile */
+.jsn_registration_controls{margin-right:0px !important;}
+
+/* Radio & Checkbox */
+label.checkbox,label.radio{padding-left:0px;padding-right:20px;}
+label.radio.inline + label.radio.inline,label.checkbox.inline + label.checkbox.inline {margin-left: 0px;margin-right:10px;}
+
+/* Profile & Lists */
+.jsn-p-opt{text-align: left;}
+.jsn-p-date-reg{margin-right:0px;margin-left:10px;}
+.jsn-p-top-a .jsn-p-title,.jsn-p-top-a .jsn-p-before-fields{margin-left:0px;margin-right:120px;}
+.jsn-p-top-a .status.label,.jsn-l-top-a .status.label{left:auto;right:-5px;}
+.jsn-p-avatar,.jsn-l-avatar{float:right;}
+@media (max-width: 767px){
+    .jsn-p-top-a .jsn-p-title,
+    .jsn-p-top-a .jsn-p-before-fields {clear:both;margin-right:0px;}
+    .jsn-p-top-a .status.label{right:50%;margin-left:0px;margin-right:-55px;}
+    .jsn-p-avatar{float:none;}
+}
+.jsn-l-top-a .jsn-l-title,.jsn-l-top-a .jsn-l-fields{margin-left:0px;margin-right:60px;}
+.jsn-l-map{padding:5px 5px 0 0px;}
+
+/* Field List */
+.jsn-p-fields dl dt,.jsn-p-fields dl dd{text-align:right;}
+@media(min-width:767px){
+	.jsn-p-fields dl dt{float:right;text-align:left;}
+	.jsn-p-fields dl dd{margin-left:0px;margin-right:180px;}
+}
+
+/* Date Field */
+.jsndatepicker:before {right: 6px;left:auto;}
+.jsndatepicker:after {right: 7px;left:auto;}
+
+/* Tabs */
+#jsn-form.horizontal>ul>li {float: right;}
diff --git a/deployed/jsn/components/com_jsn/assets/css/style-rtl.min.css b/deployed/jsn/components/com_jsn/assets/css/style-rtl.min.css
new file mode 100644
index 00000000..42f8ea02
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/css/style-rtl.min.css
@@ -0,0 +1 @@
+img.avatar.author_avatar{margin-left:0;margin-right:5px}.control-group.privacy .privacy_btn,.form-group.privacy .privacy_btn{right:auto;padding-left:0;left:8px;padding-right:5px}.control-group.privacy ul,.form-group.privacy ul{text-align:right;margin-right:0;margin-left:4px;right:auto}input.jsn_map_search{float:right}select.gmap_radius_select{float:right;margin-left:0;margin-right:2%}.numericsearch,div.jsn_search .bsdatesearch{float:right}.numericsearch + .numericsearch,div.jsn_search .bsdatesearch + .bsdatesearch{margin-left:0;margin-right:2%}.jsn_registration_controls{margin-right:0!important}label.checkbox,label.radio{padding-left:0;padding-right:20px}label.radio.inline + label.radio.inline,label.checkbox.inline + label.checkbox.inline{margin-left:0;margin-right:10px}.jsn-p-opt{text-align:left}.jsn-p-date-reg{margin-right:0;margin-left:10px}.jsn-p-top-a .jsn-p-title,.jsn-p-top-a .jsn-p-before-fields{margin-left:0;margin-right:120px}.jsn-p-top-a .status.label,.jsn-l-top-a .status.label{left:auto;right:-5px}.jsn-p-avatar,.jsn-l-avatar{float:right}@media (max-width: 767px){.jsn-p-top-a .jsn-p-title,.jsn-p-top-a .jsn-p-before-fields{clear:both;margin-right:0}.jsn-p-top-a .status.label{right:50%;margin-left:0;margin-right:-55px}.jsn-p-avatar{float:none}}.jsn-l-top-a .jsn-l-title,.jsn-l-top-a .jsn-l-fields{margin-left:0;margin-right:60px}.jsn-l-map{padding:5px 5px 0 0}.jsn-p-fields dl dt,.jsn-p-fields dl dd{text-align:right}@media(min-width:767px){.jsn-p-fields dl dt{float:right;text-align:left}.jsn-p-fields dl dd{margin-left:0;margin-right:180px}}.jsndatepicker:before{right:6px;left:auto}.jsndatepicker:after{right:7px;left:auto}#jsn-form.horizontal>ul>li{float:right;}
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/css/style.css b/deployed/jsn/components/com_jsn/assets/css/style.css
new file mode 100644
index 00000000..d1acde1c
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/css/style.css
@@ -0,0 +1,169 @@
+@import url(./icons.min.css);
+
+/* Author */
+img.avatar.author_avatar{border-radius:3px;height:20px;width:20px;display:inline-block;margin-left:5px;}
+
+/* Privacy */
+.control-group.privacy,.control-group.privacy > div,.form-group.privacy,.form-group.privacy > div{height:0px !important;margin-top:0 !important;margin-bottom:0 !important;padding-top:0 !important;padding-bottom:0 !important;position:relative !important;}
+.control-group.privacy .privacy_btn,.form-group.privacy .privacy_btn{z-index:100;position:absolute;margin-top:6px;right:8px;color:black;padding-left:5px;text-decoration:none;line-height:normal;}
+.control-group.privacy .privacy_btn:hover,.form-group.privacy .privacy_btn:hover{text-decoration:none;color:black;}
+.control-group.privacy .privacy_btn .caret{top:-4px;position:relative;}
+.control-group.privacy ul,.form-group.privacy ul{z-index:200;margin-top:30px;text-align:left;margin-right:4px;}
+.control-group.privacy div.dropdown,.form-group.privacy div.dropdown{display:block;}
+.red{color:red;}
+.orange{color:orange;}
+.green{color:green;}
+
+/* Maps */
+.jsn_map{height:300px;border:10px solid #ddd}
+input.jsn_map_search{float:left;width:70% !important;}
+select.gmap_radius_select{float:left;width:28%;margin-left:2%;display:block !important;}
+select.gmap_radius_select + div.chzn-container{display:none !important;}
+.gm-style img{max-width:none !important;}
+.jsn_map_address + .jsn_map,.input-prepend + .jsn_map{margin-top:10px;}
+
+/* Search */
+.bsdatesearch,.numericsearch{margin-bottom:5px;width:100%;}
+.numericsearch,div.jsn_search .bsdatesearch{float:left;width:49%;}
+.numericsearch + .numericsearch,div.jsn_search .bsdatesearch + .bsdatesearch{margin-left:2%;}
+.bsdatesearch .input-prepend{margin-bottom:0px;}
+div.jsn_search label.control-label,div.jsn_search_module label.control-label{font-weight:bold;}
+div.jsn_search_module .chzn-container,div.jsn_search .chzn-container{min-width:80px !important;width:100% !important;}
+div.jsn_search_module input,div.jsn_search input,div.jsn_search_module > input-prepend,div.jsn_search > input-prepend{width:100%;box-sizing:border-box;height:auto;margin-bottom:0px;}
+div.jsn_search_module input[type="submit"],div.jsn_search input[type="submit"]{margin-top:10px;}
+
+/* Registration - Edit Profile */
+.jsn_registration_controls{margin-left:0px !important;width:auto;float:none;}
+#member-profile .control-group,#member-registration .control-group{clear:both;}
+#member-profile .control-group.privacy + .control-group,#member-registration .control-group.privacy + .control-group {clear:none;}
+#member-profile .chzn-container,#member-registration .chzn-container{min-width:200px !important;max-width:100% !important;}
+.controls > fieldset.checkboxes,.controls > fieldset.radio,.controls > fieldset.radio:first-child{margin:0px;padding:0px;}
+.controls .icon{text-transform:none !important;}
+#member-profile .control-label .optional, #member-registration .control-label .optional{display:none;}
+
+/* Radio & Checkbox */
+label.checkbox,label.radio{padding-left:20px;display:block;line-height:18px;}
+label.checkbox input,label.radio input{width:auto;}
+label.radio.inline,label.checkbox.inline{display:inline-block;margin-top:0px;}
+label.radio.inline + label.radio.inline,label.checkbox.inline + label.checkbox.inline {margin-left: 10px;}
+
+/* Append Block */
+div.jsn_search .input-prepend,div.jsn_search_module .input-prepend,#member-profile .input-prepend,#member-registration .input-prepend,#filters .input-prepend {display:table !important;font-size:inherit;}
+div.jsn_search .input-prepend > *,div.jsn_search_module .input-prepend > *,#member-profile .input-prepend > *,#member-registration .input-prepend > *,#filters .input-prepend > *{display: table-cell;float:none;position: relative;white-space: nowrap;}
+div.jsn_search .input-prepend > .btn,div.jsn_search_module .input-prepend > .btn,#member-profile .input-prepend > .btn,#member-registration .input-prepend > .btn,#filters .input-prepend > .btn{width: 1%;height:100%;vertical-align:middle;padding:0px 12px;line-height:14px;font-size:14px;}
+div.jsn_search .input-prepend > .btn .icon,div.jsn_search_module .input-prepend > .btn .icon,#member-profile .input-prepend > .btn .icon,#member-registration .input-prepend > .btn .icon,#filters .input-prepend > .btn .icon{margin:0px;}
+div.jsn_search .input-prepend > input,div.jsn_search_module .input-prepend > input,#member-profile .input-prepend > input,#member-registration .input-prepend > input,#filters .input-prepend > input{z-index: 2;float: left;margin-bottom: 0;width:100%;}
+
+/* Fix choosen in some template */
+.chzn-search input{float:none !important;}
+
+/* Profile & Lists */
+.jsn-p-opt{text-align: right;}
+.jsn-p-top,.jsn-l-top{position:relative;}
+.jsn-p-top,.jsn-p-avatar{margin-bottom:2em;}
+.jsn-p-dates > div{font-size:13px;line-height:20px;display:inline-block;}
+.jsn-p-date-reg{margin-right:10px;}
+.jsn-p-top-a .jsn-p-title,.jsn-p-top-a .jsn-p-before-fields{margin-left:120px;}
+.jsn-p-title h3,.jsn-l-title h3{display:inline;font-size:30px;line-height:1;}
+.jsn-p-title .status.label,.jsn-l-title .status.label {
+    font-size: 0px;
+    height: 15px;
+    width: 15px;
+    border-radius: 1000px;
+    padding: 0;
+    display:inline-block;
+    border:2px solid white;
+    box-sizing:border-box;
+    vertical-align: text-top;
+}
+.jsn-l-title .status.label{width:14px;height:14px;}
+.jsn-l-top,.jsn-l-avatar{margin-bottom:20px;}
+.jsn-p-top-a .status.label,.jsn-l-top-a .status.label{position:absolute;left:-5px;top:-5px;}
+.jsn-p-avatar,.jsn-l-avatar{float:left;}
+.jsn-p-avatar img,.jsn-l-avatar img{width:100px;display:block;border-radius:4px;box-sizing:border-box;}
+.jsn_profilesocial {margin-top:4px;}
+@media (max-width: 767px){
+    .jsn-p-top-a .jsn-p-title,
+    .jsn-p-top-a .jsn-p-before-fields {clear:both;margin-left:0px;}
+    .jsn-p-top{text-align:center;}
+    .jsn-p-avatar{float:none;}
+    .jsn-p-avatar img{margin:auto;}
+    .jsn-p-top-a .status.label{left:50%;margin-left:-55px;}
+    .jsn-p-opt{text-align: center;margin-bottom:10px;}
+}
+.jsn-l-title h3{font-size:14px;font-weight: normal;}
+.jsn-l-avatar img{width:50px;}
+.jsn-l-fields{font-size:13px;line-height:16px;}
+.jsn-l-top-a .jsn-l-title,.jsn-l-top-a .jsn-l-fields{margin-left:60px;}
+.jsn-l-field-title{font-weight:bold;}
+.jsn-list{display:table;width:100%;}
+.jsn-l-row{clear:both;display:table-row;}
+.jsn-l-w12, .jsn-l-w6, .jsn-l-w4, .jsn-l-w3, .jsn-l-w2, .jsn-l-w1{box-sizing:border-box;display:table-cell;border-bottom:1px #ccc dashed;padding-top:20px;}
+.jsn-l-w12{width:100%;}
+.jsn-l-w6{width:50%;}
+.jsn-l-w4{width:33.333%;}
+.jsn-l-w3{width:25%;}
+.jsn-l-w2{width:16.666%;}
+.jsn-l-w1{width:8.333%;}
+@media (max-width: 767px){
+    .jsn-list{display:block;width:100%;}
+    .jsn-l-row{display:block;}
+    .jsn-l-w12, .jsn-l-w6, .jsn-l-w4, .jsn-l-w3, .jsn-l-w2, .jsn-l-w1{width:100%;display:block;clear:both;}
+}
+.jsn-l-map{padding:5px 0 0 5px;}
+.jsn-form-fieldset,.jsn-form-fieldset > dl{margin-top:0px;padding-top:0px;}
+.jsn-total,.jsn-export{padding-bottom:10px;}
+.jsn-p-fields .no-title{display:none;}
+
+/* Field List */
+.jsn-p-fields dl dt,.jsn-p-fields dl dd{margin:0;padding:0;float:none;display:block;text-align:left;width:auto;line-height:normal;}
+.jsn-p-fields dl dd{margin:0 0 5px 0;padding:0 0 5px 0;border-bottom:1px dotted #ddd;}
+.jsn-p-fields dl dd:after{content:"";clear:both;display:block;}
+@media(min-width:767px){
+    .jsn-p-fields dl dt{width:160px;float:left;text-align:right;}
+    .jsn-p-fields dl dd{margin-left:180px;}
+}
+
+/* Map Module */
+.jsn-map{position:relative;border:10px solid #ddd;}
+.jsn-map.empty > div{display:none !important;}
+.jsn-map.empty{background:url(../img/emptymap.png) no-repeat center center #e5e3df;}
+
+/* Alerts */
+label.invalid{color:#9D261D !important;}
+.control-group .controls .invalid,.control-group .controls .invalid + .chzn-container > .chzn-single,
+.control-group .controls .invalid + .chzn-container >.chzn-choices{border-color:#9D261D !important;}
+
+/* Error Messages */
+.message-regex {color: #9D261D;font-size: 12px;display: none;}
+input.invalid:not(.empty-val) + .message-regex {display: block;}
+
+/* Tabs */
+a.z-link {text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
+#jsn-form.z-tabs > .z-container,#jsn-form.z-tabs > .z-container > .z-content{overflow: visible;z-index:auto;}
+#jsn-form.z-tabs > ul#jsn-profile-tabs{border-radius:4px;overflow:hidden;}
+#jsn-form.z-tabs > ul#jsn-profile-tabs > li.z-tab a{top:0px;}
+#jsn-form.z-tabs > ul#jsn-profile-tabs > li.z-tab.z-first-row a{margin-top:0 !important;}
+#member-registration,#member-profile,.jsn-p-fields #jsn-form{overflow: visible;}
+#jsn-form.mobile>ul.z-tabs-nav, #jsn-form.mobile>ul.z-tabs-nav.z-tabs-mobile{box-sizing:border-box;overflow:hidden;border-radius:4px;}
+
+/* Images D&D button fix */
+#member-registration .slim-btn-group,#member-profile .slim-btn-group{padding:10px 0;}
+.slim-image-editor .slim-btn-group button {line-height:1}
+
+/* Strenghmeter Fix */
+#jform_password1 + div{max-width:100% !important;}
+
+/* Fieldgroup description */
+#jsn-form.z-tabs > ul#jsn-profile-tabs li > a{font-size:14px;}
+#jsn-form.z-tabs > ul#jsn-profile-tabs li > a span,#member-profile > fieldset > legend span,#member-registration > fieldset > legend span{display:block;font-size:12px;font-weight:normal;}
+
+/* Animation */
+@keyframes jsnpulse {
+    0% {
+      transform: scale(.95);
+    }
+    100% {
+      transform: scale(1.0);
+    }
+}
diff --git a/deployed/jsn/components/com_jsn/assets/css/style.min.css b/deployed/jsn/components/com_jsn/assets/css/style.min.css
new file mode 100644
index 00000000..0632ff44
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/css/style.min.css
@@ -0,0 +1,3 @@
+@import "./icons.min.css";img.avatar.author_avatar{border-radius:3px;height:20px;width:20px;display:inline-block;margin-left:5px}.control-group.privacy,.control-group.privacy > div,.form-group.privacy,.form-group.privacy > div{height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;position:relative!important}.control-group.privacy .privacy_btn,.form-group.privacy .privacy_btn{z-index:100;position:absolute;margin-top:6px;right:8px;color:#000;padding-left:5px;text-decoration:none;line-height:normal}.control-group.privacy .privacy_btn:hover,.form-group.privacy .privacy_btn:hover{text-decoration:none;color:#000}.control-group.privacy .privacy_btn .caret{top:-4px;position:relative}.control-group.privacy ul,.form-group.privacy ul{z-index:200;margin-top:30px;text-align:left;margin-right:4px}.control-group.privacy div.dropdown,.form-group.privacy div.dropdown{display:block}.red{color:red}.orange{color:orange}.green{color:green}.jsn_map{height:300px;border:10px solid #ddd}input.jsn_map_search{float:left;width:70%!important}select.gmap_radius_select{float:left;width:28%;margin-left:2%;display:block!important}select.gmap_radius_select + div.chzn-container{display:none!important}.gm-style img{max-width:none!important}.jsn_map_address + .jsn_map,.input-prepend + .jsn_map{margin-top:10px}.bsdatesearch,.numericsearch{margin-bottom:5px;width:100%}.numericsearch,div.jsn_search .bsdatesearch{float:left;width:49%}.numericsearch + .numericsearch,div.jsn_search .bsdatesearch + .bsdatesearch{margin-left:2%}.bsdatesearch .input-prepend{margin-bottom:0}div.jsn_search label.control-label,div.jsn_search_module label.control-label{font-weight:700}div.jsn_search_module .chzn-container,div.jsn_search .chzn-container{min-width:80px!important;width:100%!important}div.jsn_search_module input,div.jsn_search input,div.jsn_search_module > input-prepend,div.jsn_search > input-prepend{width:100%;box-sizing:border-box;height:auto;margin-bottom:0}div.jsn_search_module input[type="submit"],div.jsn_search input[type="submit"]{margin-top:10px}.jsn_registration_controls{margin-left:0!important;width:auto;float:none}#member-profile .control-group,#member-registration .control-group{clear:both}#member-profile .control-group.privacy + .control-group,#member-registration .control-group.privacy + .control-group{clear:none}#member-profile .chzn-container,#member-registration .chzn-container{min-width:200px!important;max-width:100%!important}.controls > fieldset.checkboxes,.controls > fieldset.radio,.controls > fieldset.radio:first-child{margin:0;padding:0}.controls .icon{text-transform:none!important}#member-profile .control-label .optional,#member-registration .control-label .optional{display:none}label.checkbox,label.radio{padding-left:20px;display:block;line-height:18px}label.checkbox input,label.radio input{width:auto}label.radio.inline,label.checkbox.inline{display:inline-block;margin-top:0}label.radio.inline + label.radio.inline,label.checkbox.inline + label.checkbox.inline{margin-left:10px}div.jsn_search .input-prepend,div.jsn_search_module .input-prepend,#member-profile .input-prepend,#member-registration .input-prepend,#filters .input-prepend{display:table!important;font-size:inherit}div.jsn_search .input-prepend > *,div.jsn_search_module .input-prepend > *,#member-profile .input-prepend > *,#member-registration .input-prepend > *,#filters .input-prepend > *{display:table-cell;float:none;position:relative;white-space:nowrap}div.jsn_search .input-prepend > .btn,div.jsn_search_module .input-prepend > .btn,#member-profile .input-prepend > .btn,#member-registration .input-prepend > .btn,#filters .input-prepend > .btn{width:1%;height:100%;vertical-align:middle;padding:0 12px;line-height:14px;font-size:14px}div.jsn_search .input-prepend > .btn .icon,div.jsn_search_module .input-prepend > .btn .icon,#member-profile .input-prepend > .btn .icon,#member-registration .input-prepend > .btn .icon,#filters .input-prepend > .btn .icon{margin:0}div.jsn_search .input-prepend > input,div.jsn_search_module .input-prepend > input,#member-profile .input-prepend > input,#member-registration .input-prepend > input,#filters .input-prepend > input{z-index:2;float:left;margin-bottom:0;width:100%}.chzn-search input{float:none!important}.jsn-p-opt{text-align:right}.jsn-p-top,.jsn-l-top{position:relative}.jsn-p-top,.jsn-p-avatar{margin-bottom:2em}.jsn-p-dates > div{font-size:13px;line-height:20px;display:inline-block}.jsn-p-date-reg{margin-right:10px}.jsn-p-top-a .jsn-p-title,.jsn-p-top-a .jsn-p-before-fields{margin-left:120px}.jsn-p-title h3,.jsn-l-title h3{display:inline;font-size:30px;line-height:1}.jsn-p-title .status.label,.jsn-l-title .status.label{font-size:0;height:15px;width:15px;border-radius:1000px;padding:0;display:inline-block;border:2px solid #fff;box-sizing:border-box;vertical-align:text-top}.jsn-l-title .status.label{width:14px;height:14px}.jsn-l-top,.jsn-l-avatar{margin-bottom:20px}.jsn-p-top-a .status.label,.jsn-l-top-a .status.label{position:absolute;left:-5px;top:-5px}.jsn-p-avatar,.jsn-l-avatar{float:left}.jsn-p-avatar img,.jsn-l-avatar img{width:100px;display:block;border-radius:4px;box-sizing:border-box}.jsn_profilesocial{margin-top:4px}@media (max-width: 767px){.jsn-p-top-a .jsn-p-title,.jsn-p-top-a .jsn-p-before-fields{clear:both;margin-left:0}.jsn-p-top{text-align:center}.jsn-p-avatar{float:none}.jsn-p-avatar img{margin:auto}.jsn-p-top-a .status.label{left:50%;margin-left:-55px}.jsn-p-opt{text-align:center;margin-bottom:10px}}.jsn-l-title h3{font-size:14px;font-weight:400}.jsn-l-avatar img{width:50px}.jsn-l-fields{font-size:13px;line-height:16px}.jsn-l-top-a .jsn-l-title,.jsn-l-top-a .jsn-l-fields{margin-left:60px}.jsn-l-field-title{font-weight:700}.jsn-list{display:table;width:100%}.jsn-l-row{clear:both;display:table-row}.jsn-l-w12,.jsn-l-w6,.jsn-l-w4,.jsn-l-w3,.jsn-l-w2,.jsn-l-w1{box-sizing:border-box;display:table-cell;border-bottom:1px #ccc dashed;padding-top:20px}.jsn-l-w12{width:100%}.jsn-l-w6{width:50%}.jsn-l-w4{width:33.333%}.jsn-l-w3{width:25%}.jsn-l-w2{width:16.666%}.jsn-l-w1{width:8.333%}@media (max-width: 767px){.jsn-list{display:block;width:100%}.jsn-l-row{display:block}.jsn-l-w12,.jsn-l-w6,.jsn-l-w4,.jsn-l-w3,.jsn-l-w2,.jsn-l-w1{width:100%;display:block;clear:both}}.jsn-l-map{padding:5px 0 0 5px}.jsn-form-fieldset,.jsn-form-fieldset > dl{margin-top:0;padding-top:0}.jsn-total,.jsn-export{padding-bottom:10px}.jsn-p-fields .no-title{display:none}.jsn-p-fields dl dt,.jsn-p-fields dl dd{margin:0;padding:0;float:none;display:block;text-align:left;width:auto;line-height:normal}.jsn-p-fields dl dd{margin:0 0 5px;padding:0 0 5px;border-bottom:1px dotted #ddd}.jsn-p-fields dl dd:after{content:"";clear:both;display:block}@media(min-width:767px){.jsn-p-fields dl dt{width:160px;float:left;text-align:right}.jsn-p-fields dl dd{margin-left:180px}}.jsn-map{position:relative;border:10px solid #ddd}.jsn-map.empty > div{display:none!important}.jsn-map.empty{background:url(../img/emptymap.png) no-repeat center center #e5e3df}label.invalid{color:#9D261D!important}.control-group .controls .invalid,.control-group .controls .invalid + .chzn-container > .chzn-single,.control-group .controls .invalid + .chzn-container >.chzn-choices{border-color:#9D261D!important}.message-regex{color:#9D261D;font-size:12px;display:none}input.invalid:not(.empty-val) + .message-regex{display:block}a.z-link{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#jsn-form.z-tabs > .z-container,#jsn-form.z-tabs > .z-container > .z-content{overflow:visible;z-index:auto}#jsn-form.z-tabs > ul#jsn-profile-tabs{border-radius:4px;overflow:hidden}#jsn-form.z-tabs > ul#jsn-profile-tabs > li.z-tab a{top:0}#jsn-form.z-tabs > ul#jsn-profile-tabs > li.z-tab.z-first-row a{margin-top:0!important}#member-registration,#member-profile,.jsn-p-fields #jsn-form{overflow:visible}#jsn-form.mobile>ul.z-tabs-nav,#jsn-form.mobile>ul.z-tabs-nav.z-tabs-mobile{box-sizing:border-box;overflow:hidden;border-radius:4px}#member-registration .slim-btn-group,#member-profile .slim-btn-group{padding:10px 0}.slim-image-editor .slim-btn-group button{line-height:1}
+#jform_password1 + div{max-width:100%!important}@keyframes jsnpulse{0%{transform:scale(.95)}100%{transform:scale(1.0)}}
+#jsn-form.z-tabs>ul#jsn-profile-tabs li>a{font-size:14px;}#jsn-form.z-tabs > ul#jsn-profile-tabs li>a span,#member-profile > fieldset > legend span,#member-registration > fieldset > legend span{display:block;font-size:12px;font-weight:normal;}
diff --git a/deployed/jsn/components/com_jsn/assets/css/tabs.css b/deployed/jsn/components/com_jsn/assets/css/tabs.css
new file mode 100644
index 00000000..cf19ca49
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/css/tabs.css
@@ -0,0 +1,1502 @@
+/*
+core
+horizontal
+flat.core
+flat.style
+mobile
+finalfix (code below)
+replace
+    .z-tabs(space) -> #jsn-form
+    .z-tabs, -> #jsn-form,
+    .z-tabs. -> #jsn-form.
+check jsn comment
+*/
+/**************************************************************************
+*	@name		    Zozo UI Tabs
+*	@descripton	    Create awesome tabbed content area
+*	@version	    6.4
+*   @requires       jQuery v1.7 or later
+*	@copyright      Copyright (c) 2013 Zozo UI
+*   @author         Zozo UI
+*   @URL:           http://www.zozoui.com
+*
+*    1. Core (structure)
+*    2. Sizes 
+*    3. AJAX Support   
+*    4. Video 
+*    5. Icons
+*    6. Helper classes
+*    
+*   Most of the time you shouldn't delete/edit section 1 (Core).
+*   You can delete/edit sizes, video, icons support and Helper classes if you need.
+* 
+**************************************************************************/
+
+/*#region ==========================================================================
+    Import Fonts (google fonts)
+========================================================================== */
+/* JSN-EDIT */
+@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,800);
+/* JSN-REMOVED
+@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
+*/
+/*#endregion*/
+
+
+/*#region ==========================================================================
+    Global Reset
+========================================================================== */
+
+/* cross browser compatibility html5 tags */
+article, aside, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
+
+/*reset box-sizing*/
+#jsn-form,
+#jsn-form > ul,
+#jsn-form > ul > li,
+#jsn-form > ul > li > a,
+#jsn-form > .z-container,
+#jsn-form > .z-container > .z-content,
+#jsn-form > .z-container > .z-content > .z-content-inner {
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box;
+    box-sizing: content-box;
+}
+
+
+    #jsn-form, .z-tabs:before, .z-tabs:after {
+        -moz-box-sizing: content-box;
+        -webkit-box-sizing: content-box;
+        box-sizing: content-box;
+    }
+
+        /* common reset*/
+        #jsn-form,
+        #jsn-form > ul,
+        #jsn-form > ul > li,
+        #jsn-form > ul > li > a {
+            position: relative;
+            margin: 0;
+            padding: 0;
+            border: 0;
+            outline: 0;
+            display: block;
+            outline: 0 none;
+            text-decoration: none;
+            list-style: none;
+            list-style-type: none;
+        }
+
+            /*clear floats after each content*/
+            #jsn-form > .z-container > .z-content::after,
+            #jsn-form > .z-container > .z-content > .z-content-inner::after {
+                content: ".";
+                display: block;
+                height: 0;
+                clear: both;
+                visibility: hidden;
+            }
+
+            /*clear floats after each content For IE 6/7 */
+            #jsn-form > .z-container > .z-content,
+            #jsn-form > .z-container > .z-content > .z-content-inner {
+                zoom: 1;
+            }
+
+
+/*#endregion*/
+
+
+
+
+/*#region ==========================================================================
+    Core (structure)
+========================================================================== */
+/* JSN-REMOVED*/
+#jsn-form {
+    clear: both;
+    /* JSN_REMOVED color: #333;
+    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; */
+}
+
+    #jsn-form > ul > li > a {
+        color: #111;
+        line-height: 18px;
+        font-weight: inherit;
+        font-size: 12px;
+        padding: 13px 24px;
+        background: #fff;
+        cursor: pointer;
+    }
+
+    #jsn-form > ul > li.z-active > a {
+        cursor: default;
+    }
+
+    #jsn-form > ul,
+    #jsn-form > ul > li > a,
+    #jsn-form > .z-container {
+        border-color: #CECECE;
+        border-style: solid;
+    }
+
+    #jsn-form > .z-container {
+        padding: 0;
+        margin: 0;
+        border-width: 1px;
+        background: #fff;
+        position: relative;
+        overflow: hidden;
+    }
+
+        #jsn-form > .z-container > .z-content {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            overflow: hidden;
+            padding: 0;
+            z-index: 7;
+            display: none;
+        }
+
+            #jsn-form > .z-container > .z-content.z-active {
+                z-index: 8;
+            }
+
+            #jsn-form > .z-container > .z-content > .z-content-inner {
+                padding: 18px 0px; /* JSN-EDIT 18px 24px */
+                height: auto;
+            }
+
+    /*#endregion*/
+
+
+
+
+/*#region ==========================================================================
+    Sizes
+========================================================================== */
+/* version 6.0
+#jsn-form.mini > ul > li > a,
+#jsn-form.small > ul > li > a  {font-weight: inherit;}
+
+#jsn-form.mini > ul > li.z-active > a,
+#jsn-form.small > ul > li.z-active > a  {font-weight: bold;}*/
+    
+
+/*top padding +2 and left -4*/
+
+/*default sizes*/
+#jsn-form.mini >  ul > li > a    {font-size: 11px;padding: 7px 16px;}
+#jsn-form.small >  ul > li > a   {font-size: 11px;padding: 10px 16px;}
+#jsn-form.medium >  ul > li > a  {font-size: 12px;padding: 15px 20px;}
+#jsn-form.large >  ul > li > a   {font-size: 13px;padding: 16px 24px;}
+#jsn-form.xlarge >  ul > li > a  {font-size: 14px;padding: 19px 28px;}
+#jsn-form.xxlarge >  ul > li > a {font-size: 15px;padding: 22px 32px;}
+
+/*vertical sizes*/
+#jsn-form.mini.vertical > ul > li > a     {padding: 7px 13px;}
+#jsn-form.small.vertical > ul > li > a    {padding: 10px 16px;}
+#jsn-form.medium.vertical > ul > li > a   {padding: 13px 19px;}
+#jsn-form.large.vertical > ul > li > a    {padding: 16px 22px;}
+#jsn-form.xlarge.vertical > ul > li > a   {padding: 19px 25px;}
+#jsn-form.xxlarge.vertical > ul > li > a  {padding: 22px 28px;}
+
+
+#jsn-form.white.z-bordered > ul > li.z-active > a {color: #D13636;}
+
+/*vertical left size white theme with border*/
+#jsn-form.vertical.top-right.white.z-bordered > ul > li.z-active > a {border-right: 3px solid #D13636;}
+#jsn-form.vertical.top-left.white.z-bordered > ul > li.z-active > a {border-left: 3px solid #D13636;}
+
+#jsn-form.mini.vertical.top-right.white.z-bordered > ul > li.z-active > a {border-right: 1px solid #D13636;}
+#jsn-form.mini.vertical.top-left.white.z-bordered > ul > li.z-active > a {border-left: 1px solid #D13636;}
+
+#jsn-form.small.vertical.top-right.white.z-bordered > ul > li.z-active > a {border-right: 2px solid #D13636;}
+#jsn-form.small.vertical.top-left.white.z-bordered > ul > li.z-active > a {border-left: 2px solid #D13636;}
+
+#jsn-form.mini.vertical.top-left.white.z-bordered > ul > li.z-active > a     {padding-left: 10px;}
+#jsn-form.small.vertical.top-left.white.z-bordered > ul > li.z-active > a    {padding-left: 13px;}
+#jsn-form.medium.vertical.top-left.white.z-bordered > ul > li.z-active > a   {padding-left: 16px;}
+#jsn-form.large.vertical.top-left.white.z-bordered > ul > li.z-active > a    {padding-left: 19px;}
+#jsn-form.xlarge.vertical.top-left.white.z-bordered > ul > li.z-active > a   {padding-left: 22px;}
+#jsn-form.xxlarge.vertical.top-left.white.z-bordered > ul > li.z-active > a  {padding-left: 25px;}
+
+
+/*horizontal top size white theme with border*/
+#jsn-form.horizontal.top.white.z-bordered > ul > li.z-active > a {border-top: 3px solid #F44343;margin-top: 0;margin-bottom: 0;}
+
+
+
+#jsn-form.mini.horizontal.top.white.z-bordered > ul > li.z-active > a     {padding-top: 7px; border-top-width: 1px}
+#jsn-form.small.horizontal.top.white.z-bordered > ul > li.z-active > a    {padding-top: 9px;border-top-width: 2px}
+#jsn-form.medium.horizontal.top.white.z-bordered > ul > li.z-active > a   {padding-top: 13px;}
+#jsn-form.large.horizontal.top.white.z-bordered > ul > li.z-active > a    {padding-top: 14px;}
+#jsn-form.xlarge.horizontal.top.white.z-bordered > ul > li.z-active > a   {padding-top: 17px;}
+#jsn-form.xxlarge.horizontal.top.white.z-bordered > ul > li.z-active > a  {padding-top: 20px;}
+
+
+/*horizontal bottom size white theme with border*/
+#jsn-form.horizontal.bottom.white.z-bordered > ul > li.z-active > a {border-bottom: 3px solid #D13636;margin-top: 0;margin-bottom: 0;}
+
+#jsn-form.mini.horizontal.bottom.white.z-bordered > ul > li.z-active > a     {padding-bottom: 5px;}
+#jsn-form.small.horizontal.bottom.white.z-bordered > ul > li.z-active > a    {padding-bottom: 8px;}
+#jsn-form.medium.horizontal.bottom.white.z-bordered > ul > li.z-active > a   {padding-bottom: 11px;}
+#jsn-form.large.horizontal.bottom.white.z-bordered > ul > li.z-active > a    {padding-bottom: 14px;}
+#jsn-form.xlarge.horizontal.bottom.white.z-bordered > ul > li.z-active > a   {padding-bottom: 17px;}
+#jsn-form.xxlarge.horizontal.bottom.white.z-bordered > ul > li.z-active > a  {padding-bottom: 20px;}
+
+/*white bordered mobile*/
+#jsn-form.white.mobile.z-bordered > ul > li.z-active > a{border-bottom: 3px solid #D13636 !important;}
+
+/*#endregion*/
+
+
+
+
+    /*#region ==========================================================================
+    AJAX Support
+========================================================================== */
+
+.z-tabs-loading {position: relative;width: 100%;min-height: 120px;}
+.z-tabs-loading ul, .z-tabs-loading div {display: none;}
+
+
+#jsn-form .z-container {
+    position: relative;
+}
+
+#jsn-form span.z-spinner, .z-tabs-loading .z-spinner {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 1000;
+    text-indent: -999em;
+    width: 55px;
+    height: 55px;
+    margin: -28px 0 0 -50px;
+    padding: 24px;
+    background: rgb(255, 255, 255) url("../img/loading-image.gif") no-repeat 50% 50%;
+}
+
+#jsn-form.z-rounded span.z-spinner {
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+
+    /*#endregion*/
+
+
+
+    /*#region ==========================================================================
+    Video Support, Youtube, Vimeo, Iframe
+========================================================================== */
+
+#jsn-form .z-video {
+    position: relative;
+    padding-bottom: 46.25%;
+    padding-bottom: 56.25%; /* 16:9 */
+    padding-top: 30px;
+    height: 0;
+    overflow: hidden;
+}
+
+#jsn-form .z-video.z-wide-screen {
+    padding-bottom: 56.25%; /* hard-coded 16:9 aspect ratio */
+}
+
+#jsn-form .z-video.z-four-by-three {
+    padding-bottom: 75%; /* hard-coded 4:3 aspect ratio */
+}
+
+#jsn-form .z-video.z-top-padding {
+    padding-top: 30px;
+}
+
+
+
+#jsn-form .z-video iframe,
+#jsn-form .z-video object,
+#jsn-form .z-video embed {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: none;
+    z-index: 50;
+}
+
+    /*#endregion*/
+
+
+
+
+    /*#region ==========================================================================
+    Icons Support
+========================================================================== */
+    /* Font Awesome */
+    #jsn-form > ul > li > a i {
+        font-size: 1.125em;
+        display: inline;
+        width: auto;
+        height: auto;
+        line-height: normal;
+        width: 24px;
+        display: inline-block;
+        margin-top: 0.015em;
+    }
+
+    #jsn-form > ul.z-tabs-mobile > li > a i {
+        display: none;
+    }
+
+
+    /*icons on top*/
+    #jsn-form.z-icons-large > ul > li > a i {
+        font-size: 2.25em;
+        display: block;
+        margin: 0 auto;
+        padding-bottom: 0.65em;
+        text-align: center;
+        line-height: 0;
+        margin-top: 0.65em;
+    }
+
+    #jsn-form.mini > ul > li > a i,
+    #jsn-form.small > ul > li > a i {
+        font-size: 1.25em;
+    }
+
+    #jsn-form.z-icons-large > ul > li > a {
+        text-align: center;
+    }
+
+    #jsn-form > ul > li > a > span.z-icon,
+    #jsn-form.z-multiline > ul.z-tabs-nav.z-tabs-desktop > li > a > span.z-icon,
+    #jsn-form.z-multiline > ul.z-tabs-nav.z-tabs-mobile > li > a > span > span.z-icon {
+        width: 20px;
+        display: inline-block;
+        font-size: inherit;
+        font-weight: normal;
+        text-transform: initial;
+        text-align: left;
+    }
+
+
+    #jsn-form.vertical > ul.z-tabs-nav > li > a > span.z-icon,
+    #jsn-form.z-multiline.vertical > ul.z-tabs-nav.z-tabs-desktop > li > a > span.z-icon,
+    #jsn-form.z-multiline.vertical > ul.z-tabs-nav.z-tabs-mobile > li > a > span > span.z-icon {
+        width: 24px;
+    }
+
+
+
+/*#endregion*/
+
+
+
+
+    /*#region ==========================================================================
+    Helper classes
+========================================================================== */
+
+    /*align tabs titles center*/
+    #jsn-form.center > ul > li > a,
+    #jsn-form.center.mobile > ul > li > a {
+        text-align: center !important;
+    }
+
+    /*align tabs titles right*/
+    #jsn-form.right > ul > li > a,
+    #jsn-form.right.mobile > ul > li > a {
+        text-align: right !important;
+    }
+
+    /*align tabs titles left*/
+    #jsn-form.left > ul > li > a,
+    #jsn-form.left.mobile > ul > li > a {
+        text-align: left !important;
+    }
+
+    /*z-nopadding on content*/
+    #jsn-form.vertical > .z-container > .z-content.z-nopadding > .z-content-inner,
+    #jsn-form.horizontal > .z-container > .z-content.z-nopadding > .z-content-inner,
+    #jsn-form > .z-container > .z-content.z-nopadding > .z-content-inner {
+        padding: 0 !important;
+    }
+
+
+/*Clear the float on any element*/
+.clearfix {
+    *zoom: 1;
+}
+
+    .clearfix:before,
+    .clearfix:after {
+        display: table;
+        content: "";
+        line-height: 0;
+    }
+
+    .clearfix:after {
+        clear: both;
+    }
+
+
+/*#endregion*/
+
+/**************************************************************************
+*	 Zozo Tabs: Horizontal
+*
+*    1. Horizontal Structure
+*    2. Horizontal Positioning 
+*    3. Horizontal Rounded Cornors
+     4. Horizontal Shadows
+*    
+*   Most of the time you shouldn't delete/edit section 1 (structure).
+*   - You can delete/edit part of positioning
+*   - You can delete/edit rounded and shadows section if you need.
+* 
+**************************************************************************/
+
+
+/*#region ==========================================================================
+      Horizontal Structure
+========================================================================== */
+
+#jsn-form.horizontal > ul > li
+{
+    float: left;
+}
+
+    #jsn-form.horizontal > ul > li.z-active
+    {
+        background: none;
+        z-index: 1;
+    }
+
+    #jsn-form.horizontal > ul > li > a
+    {
+        margin-right: -1px;
+        /*font-size: 12px;
+        padding: 13px 24px;*/
+        min-height: 1px;
+    }
+
+
+    #jsn-form.top-compact > ul > li > a,
+    #jsn-form.bottom-compact > ul > li > a
+{
+    padding-left: 0;
+    padding-right: 0;
+}
+
+/*top*/
+#jsn-form.horizontal.top > ul > li.z-active
+{
+    top: 2px;
+    margin-top: -2px;
+    padding-bottom: 2px;
+}
+
+#jsn-form.horizontal.top > ul > li > a
+{
+    top: 1px;
+    border-width: 1px 1px 0 1px;
+}
+
+#jsn-form.horizontal > ul > li.z-last > a,
+#jsn-form.horizontal > ul > li.z-last-col > a
+{
+    margin-right: 0 !important;
+}
+
+#jsn-form.horizontal > .z-container
+{
+    clear: both;
+    zoom: 1;
+}
+
+
+/*#endregion*/
+
+
+
+
+/*#region ==========================================================================
+      Horizontal Positioning 
+========================================================================== */
+
+/*top-left is the defalt structure above in region*/
+
+/* top-center */
+#jsn-form.horizontal.top-center > ul.z-tabs-desktop
+{
+    clear: left;
+    float: left;
+    left: 50%;
+    text-align: center;
+}
+
+    #jsn-form.horizontal.top-center > ul > li
+    {
+        right: 50%;
+    }
+
+/* top-right */
+#jsn-form.horizontal.top-right > ul
+{
+    float: right;
+    margin: 0 -1px 0 0;
+}
+
+    #jsn-form.horizontal.top-right > ul > li.z-last
+    {
+        margin-right: 1px;
+    }
+
+.ie7 body #jsn-form.horizontal.top-right > ul > li.z-last
+{
+    margin-right: -1px;
+}
+
+.ie7 body #jsn-form.horizontal > .z-container
+{
+    clear: none;
+    width: 100%;
+}
+
+/* bottom-left*/
+
+/*bottom*/
+#jsn-form.horizontal.bottom > ul > li.z-active
+{
+    top: -1px;
+    padding-top: 1px;
+    z-index: 9;
+}
+
+#jsn-form.horizontal.bottom > .z-container
+{
+z-index: 7;
+}
+
+#jsn-form.horizontal.bottom > ul > li > a
+{
+    top: -1px;
+    border-width: 0 1px 1px 1px;
+}
+
+/* bottom-center*/
+#jsn-form.horizontal.bottom-center > ul
+{
+    float: left;
+    left: 50%;
+    text-align: center;
+}
+
+    #jsn-form.horizontal.bottom-center > ul > li
+    {
+        right: 50%;
+    }
+
+/* bottom-right*/
+#jsn-form.horizontal.bottom-right > ul
+{
+    float: right;
+}
+
+/* top compact*/
+.ie7 #jsn-form.horizontal.top-compact > ul.z-tabs-desktop > li.z-last
+{
+    margin-right: 0;
+}
+
+
+/* bottom compact*/
+.ie7 #jsn-form.horizontal.bottom-compact > ul.z-tabs-desktop > li.z-last
+{
+    margin-right: 0;
+}
+
+/**/
+#jsn-form.horizontal.responsive > ul > li > a,
+#jsn-form.horizontal.top-compact > ul > li > a,
+#jsn-form.horizontal.bottom-compact > ul > li > a,
+#jsn-form.horizontal.top-center > ul > li > a,
+#jsn-form.horizontal.bottom-center > ul > li > a
+{
+    text-align: center;
+}
+
+
+/*#endregion*/
+
+
+
+
+/*#region ==========================================================================
+     Horizontal Rounded Cornors
+========================================================================== */
+
+/*top*/
+#jsn-form.horizontal.top.z-rounded > ul > li.z-first,
+#jsn-form.horizontal.top.z-rounded > ul > li.z-first > a
+{
+    -webkit-border-radius: 5px 0 0 0;
+    -moz-border-radius: 5px 0 0 0;
+    border-radius: 5px 0 0 0;
+}
+
+#jsn-form.horizontal.top.z-rounded > ul > li.z-last,
+#jsn-form.horizontal.top.z-rounded > ul > li.z-last > a
+{
+    -webkit-border-radius: 0 5px 0 0;
+    -moz-border-radius: 0 5px 0 0;
+    border-radius: 0 5px 0 0;
+}
+
+/*top-left*/
+#jsn-form.horizontal.top-left.z-rounded > .z-container
+{
+    -webkit-border-radius: 0 6px 6px 6px;
+    -moz-border-radius: 0 6px 6px 6px;
+    border-radius: 0 6px 6px 6px;
+}
+
+/*top-center*/
+#jsn-form.horizontal.top-center.z-rounded > .z-container
+{
+    -webkit-border-radius: 6px 6px 6px 6px;
+    -moz-border-radius: 6px 6px 6px 6px;
+    border-radius: 6px 6px 6px 6px;
+}
+
+/*top-right*/
+#jsn-form.horizontal.top-right.z-rounded > .z-container
+{
+    -webkit-border-radius: 6px 0 6px 6px;
+    -moz-border-radius: 6px 0 6px 6px;
+    border-radius: 6px 0 6px 6px;
+}
+
+/* top compact*/
+#jsn-form.horizontal.z-rounded.top-compact > .z-container
+{
+    -webkit-border-radius: 0 0 6px 6px;
+    -moz-border-radius: 0 0 6px 6px;
+    -khtml-border-radius: 0 0 6px 6px;
+    border-radius: 0 0 6px 6px;
+}
+
+/* bottom*/
+#jsn-form.horizontal.z-rounded.bottom > ul > li.z-first,
+#jsn-form.horizontal.z-rounded.bottom > ul > li.z-first > a
+{
+    -webkit-border-radius: 0 0 0 5px;
+    -moz-border-radius: 0 0 0 5px;
+    border-radius: 0 0 0 5px;
+}
+
+#jsn-form.horizontal.z-rounded.bottom > ul > li.z-last,
+#jsn-form.horizontal.z-rounded.bottom > ul > li.z-last > a
+{
+    -webkit-border-radius: 0 0 5px 0;
+    -moz-border-radius: 0 0 5px 0;
+    border-radius: 0 0 5px 0;
+}
+
+/* bottom-left*/
+#jsn-form.horizontal.z-rounded.bottom-left > .z-container
+{
+    -webkit-border-radius: 6px 6px 6px 0;
+    -moz-border-radius: 6px 6px 6px 0;
+    border-radius: 6px 6px 6px 0;
+}
+
+/* bottom-center*/
+#jsn-form.horizontal.z-rounded.bottom-center > .z-container
+{
+    -moz-border-radius: 6px;
+    -webkit-border-radius: 6px;
+    border-radius: 6px;
+}
+
+/* bottom-right*/
+#jsn-form.horizontal.z-rounded.bottom-right .z-container
+{
+    -webkit-border-radius: 6px 6px 0 6px;
+    -moz-border-radius: 6px 6px 0 6px;
+    -khtml-border-radius: 6px 6px 0 6px;
+    border-radius: 6px 6px 0 6px;
+}
+
+/* bottom compact*/
+#jsn-form.horizontal.z-rounded.bottom-compact > .z-container
+{
+    -webkit-border-radius: 6px 6px 0 0;
+    -moz-border-radius: 6px 6px 0 0;
+    -khtml-border-radius: 6px 6px 0 0;
+    border-radius: 6px 6px 0 0;
+}
+
+/*responsive*/
+#jsn-form.horizontal.responsive.top.z-rounded > .z-container
+{
+    -webkit-border-radius: 0 0 6px 6px;
+    -moz-border-radius: 0 0 6px 6px;
+    border-radius: 0 0 6px 6px;
+}
+
+#jsn-form.horizontal.responsive.bottom.z-rounded > .z-container
+{
+    -webkit-border-radius: 6px 6px 0 0;
+    -moz-border-radius: 6px 6px 0 0;
+    border-radius: 6px 6px 0 0;
+}
+
+/*responsive mobile dropdown menu*/
+#jsn-form.horizontal.responsive.top.z-rounded > .z-tabs-mobile,
+#jsn-form.horizontal.responsive.top.z-rounded > .z-tabs-mobile > li
+{
+    -webkit-border-radius: 6px 6px 0 0;
+    -moz-border-radius: 6px 6px 0 0;
+    border-radius: 6px 6px 0 0;
+}
+
+#jsn-form.horizontal.responsive.bottom.z-rounded > .z-tabs-mobile,
+#jsn-form.horizontal.responsive.bottom.z-rounded > .z-tabs-mobile > li
+{
+    -webkit-border-radius: 0 0 6px 6px;
+    -moz-border-radius: 0 0 6px 6px;
+    border-radius: 0 0 6px 6px;
+}
+/*#endregion*/
+
+
+
+
+/*#region ==========================================================================
+     Horizontal Shadows
+========================================================================== */
+#jsn-form.horizontal.z-shadows > .z-container
+{ 
+    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .125);
+    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .125);
+    box-shadow: 0px 0px 3px rgba(0, 0, 0, .125);
+}
+
+#jsn-form.horizontal.z-shadows > ul > li > a{box-shadow: -2px 0px 2px -2px rgba(0, 0, 0, .1);}
+/*
+#jsn-form.top.z-shadows > ul > li.z-first > a,
+#jsn-form.bottom.z-shadows > ul > li.z-first > a{box-shadow: -3px 1px 1px -3px rgba(0, 0, 0, .2);}
+
+#jsn-form.top.z-shadows > ul > li.z-last > a,
+#jsn-form.bottom.z-shadows > ul > li.z-last > a{box-shadow: 3px 1px 1px -3px rgba(0, 0, 0, .2);}
+*/
+
+#jsn-form.horizontal.z-shadows > ul > li.z-first > a{box-shadow: -3px 1px 1px -3px rgba(0, 0, 0, .2);}
+#jsn-form.horizontal.z-shadows > ul > li.z-last > a{box-shadow: 3px 1px 1px -3px rgba(0, 0, 0, .2);}
+
+/*#endregion*/
+
+
+/*#region ==========================================================================
+     flat
+========================================================================== */
+
+/* flat reset*/
+#jsn-form.flat,
+#jsn-form.flat > .z-container,
+#jsn-form.flat > ul.z-tabs-nav,
+#jsn-form.flat.horizontal > ul.z-tabs-nav,
+#jsn-form.flat.vertical > ul.z-tabs-nav.z-tabs-desktop,
+#jsn-form.flat > ul li.z-first,
+#jsn-form.flat > ul.z-tabs-nav > li > a,
+#jsn-form.flat.horizontal > ul.z-tabs-nav > li > a,
+#jsn-form.flat.horizontal.clean > ul.z-tabs-nav > li > a 
+{
+     border-width: 0; 
+     -moz-border-radius: 0; 
+     -webkit-border-radius: 0; 
+     border-radius: 0; 
+     -moz-box-shadow: none !important; 
+     -webkit-box-shadow: none !important; 
+     box-shadow: none !important; 
+}
+
+
+ /*flat sizes*/
+#jsn-form.flat.mini >  ul > li > a    {font-size: 11px;padding: 7px 16px;}
+#jsn-form.flat.small >  ul > li > a   {font-size: 11px;padding: 13px 20px;}
+#jsn-form.flat.medium >  ul > li > a  {font-size: 13px;padding: 16px 24px;} /*font 1+ top 1+ left +4*/
+#jsn-form.flat.large >  ul > li > a   {font-size: 14px;padding: 19px 28px;}
+#jsn-form.flat.xlarge >  ul > li > a  {font-size: 14px;padding: 22px 32px;}
+#jsn-form.flat.xxlarge >  ul > li > a {font-size: 15px;padding: 25px 36px;}
+
+    #jsn-form.flat.top-compact > ul > li > a,
+    #jsn-form.flat.bottom-compact > ul > li > a {
+        padding-left: 0;
+        padding-right: 0;
+    }
+
+/*common*/
+
+/* JSN-REMOVED */
+/*#jsn-form.flat
+{
+    -webkit-font-smoothing: subpixel-antialiased;
+    font-family: "Lato", Helvetica, Arial, sans-serif; 
+    font-weight: normal; 
+    line-height: 1.55em; 
+       
+    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;  
+}*/
+
+/* JSN-IMPORTANT JSN-REMOVED #jsn-form.flat,*/
+#jsn-form.flat > ul > li > a { color: #374858;color: #2C3E50 !important;text-shadow: none;}
+
+#jsn-form.flat > ul > li > a
+{/*text-transform: uppercase;*/
+    /*font-weight: 600;*/
+        /* JSN-REMOVED font-family: "Lato", Helvetica, Arial, sans-serif; */
+    /*line-height: 1.55em;*/ 
+
+    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
+}
+
+#jsn-form.flat .z-container 
+{ 
+    -webkit-border-radius: 0 !important; 
+    -moz-border-radius: 0 !important; 
+    border-radius: 0 !important;
+}
+
+#jsn-form.flat > ul > li > a,
+#jsn-form.flat > .z-container,
+#jsn-form.flat > .z-container > .z-content { background: none; border-width: 0; }
+#jsn-form.flat > ul.z-tabs-nav > li > a:hover { background: #e3eaf0; background: #F6F7F9; text-shadow: none; box-shadow: none; }
+/* JSN-MPORTANT */
+#jsn-form.flat > ul.z-tabs-nav > li.z-active > a { background: #bdc3c7; color: #fff !important; text-shadow: none; box-shadow: none; }
+/* JSN-ADD */
+#jsn-form.flat > ul.z-tabs-nav > li.z-active > a:hover {color:#2C3E50 !important;}
+
+/*dark*/
+/* JSN-REMOVED 
+#jsn-form.flat.z-dark  { color: #F1F6F7;color: rgba(248, 251, 252, 0.9);}
+#jsn-form.flat.z-dark > ul > li > a { color: #F1F6F7;}
+#jsn-form.flat.z-dark > ul.z-tabs-nav > li > a:hover { background: #e3eaf0; background: #152232; text-shadow: none; box-shadow: none; background: #1D3449; }
+#jsn-form.flat.z-dark > ul.z-tabs-nav > li.z-active > a { background: #bdc3c7; color: #fff; text-shadow: none; box-shadow: none; }
+*/
+
+
+/*horizontal*/
+#jsn-form.flat.horizontal > .z-container { margin-right: 0 !important; }
+#jsn-form.flat.horizontal > .z-container > .z-content > .z-content-inner { padding: 2em 0; }
+
+#jsn-form.flat.horizontal.top > ul.z-tabs-nav,
+#jsn-form.flat.horizontal.top > ul.z-tabs-nav > li,
+#jsn-form.flat.horizontal.bottom > ul.z-tabs-nav,
+#jsn-form.flat.horizontal.bottom > ul.z-tabs-nav > li { margin: 0; padding: 0; }
+#jsn-form.flat.horizontal > ul > li.z-active { top: 0; margin-top: 0; padding-bottom: 0; }
+#jsn-form.flat.horizontal.top > ul.z-tabs-nav > li.z-active { margin-bottom: 0; padding-bottom: 0; }
+
+
+
+/*vertical*/
+#jsn-form.flat.vertical > .z-container > .z-content > .z-content-inner { padding: 0 2em; }
+#jsn-form.flat.vertical.contained > .z-container > .z-content > .z-content-inner { padding: 2em; }
+#jsn-form.flat.vertical > ul.z-tabs-nav { margin-left: 0; margin-right: 0; }
+#jsn-form.flat.vertical > .z-container { border-width: 0; margin: 0; }
+#jsn-form.flat.vertical > ul > li.z-first.z-active > a { border-width: 0; }
+#jsn-form.flat.vertical > ul.z-tabs-nav > li.z-active { z-index: 0; }
+#jsn-form.flat.vertical > ul.z-tabs-nav > li > a { margin: 0 0 0 0; text-align: left; }
+
+/*flat responsive */
+#jsn-form.flat.clean.responsive.horizontal.bottom > ul > li.z-first-row > a,
+#jsn-form.flat.clean.responsive.horizontal.top > ul > li.z-last-row > a,
+#jsn-form.flat.clean.responsive.horizontal.bottom > ul > li.z-last-row > a { border-width: 0; }
+/*#endregion*/
+
+
+/**************************************************************************
+*    Zozo Tabs: Flat UI Styles
+*
+*    - contained    (normal, spaced, borderd, rounded)
+*    - clean        (normal, spaced, borderd, rounded)
+*    - pills        (normal, spaced, borderd, rounded
+*    
+*    Zozo Tabs: Optional
+*    - spaced
+*    - bordered
+*    - rounded
+*   
+*    
+*   Feel free to delete/edit anything
+* 
+**************************************************************************/
+
+/*#endregion*/
+
+
+/*#region ==========================================================================
+     Contained / clean
+========================================================================== */
+
+#jsn-form.flat.clean > ul > li.z-active > a {
+/* JSN-REMOVE font-weight: inherit;*/
+/* JSN-ADD*/ font-weight: 800;
+}
+
+#jsn-form.flat.z-multiline > ul > li> a,
+#jsn-form.flat.z-multiline > ul > li.z-active > a {
+font-weight: 600;
+}
+
+/*light*/
+
+/* new temp#jsn-form.flat.contained.horizontal > .z-container > .z-content,*/
+#jsn-form.flat.contained.horizontal> .z-container,
+#jsn-form.flat.contained.vertical> .z-container {background: #F7F7F8;background: #EFF0F2;}
+#jsn-form.flat.contained.horizontal > .z-container > .z-content > .z-content-inner {padding: 2em;}
+
+#jsn-form.flat.contained > ul > li a,
+#jsn-form.flat.clean > ul > li a{background: #F7F7F8;background: #EFF0F2;}
+
+#jsn-form.flat.contained > ul > li > a:hover,
+#jsn-form.flat.clean > ul > li > a:hover{background: #ECEDEE;}
+
+/*clean*/
+#jsn-form.flat.clean.horizontal > ul.z-tabs-nav > li > a{text-align:center;}
+#jsn-form.flat.clean.vertical > ul.z-tabs-nav > li > a{text-align:left;}
+
+
+/*dark*/
+/* JSN-REMOVE
+#jsn-form.flat.z-dark.contained > ul.z-tabs-nav > li > a,
+#jsn-form.flat.z-dark.clean > ul.z-tabs-nav > li > a{/*color:#fff;text-shadow: none;*//*background: #2C3E50;}
+*/
+
+/*contained*/
+#jsn-form.flat.contained.z-spaced.horizontal.top > .z-container  {top:3px;/*padding: 3px 0 0 0;*/}
+#jsn-form.flat.contained.z-spaced.horizontal.bottom > .z-container  {margin: 0 0 3px 0;}
+
+
+/*latest*/
+#jsn-form.flat.contained.z-spaced.z-bordered.horizontal.top> .z-container  {padding: 0;top:0;}
+#jsn-form.flat.contained.z-spaced.z-bordered.horizontal.bottom > .z-container  {padding:0;margin:0;}
+
+/*contained responsive*/
+#jsn-form.flat.responsive.contained.z-spaced.horizontal.top > .z-container  {top:2px;/*padding: 2px 0 0 0;*/}
+#jsn-form.flat.responsive.contained.z-spaced.horizontal.bottom > .z-container  {margin: 0 0 1px 0;}
+
+
+/*#endregion*/
+
+
+
+
+/*#region ==========================================================================
+     Clean
+========================================================================== */
+
+
+
+
+
+
+/*#endregion*/
+
+
+
+
+
+/*#region ==========================================================================
+     Shadows
+========================================================================== */
+
+
+/*
+#jsn-form.flat.contained.horizontal.top > .z-container
+{
+    box-shadow: rgba(51, 51, 51, 0.0980392) 0px 2px 1px !important;
+    box-shadow: rgba(51, 51, 51, 0.09) 3px 3px 0px !important;
+}
+*/
+/*#endregion*/
+
+
+
+/*#region ==========================================================================
+     Rounded
+========================================================================== */
+
+
+
+
+
+#jsn-form.flat.pills.z-rounded > ul.z-tabs-nav > li > a,
+#jsn-form.flat.horizontal.top.responsive.z-rounded > ul.z-tabs-nav > li > a,
+#jsn-form.flat.horizontal.top.responsive.z-rounded > ul.z-tabs-nav > li.z-active > a,
+#jsn-form.flat.horizontal.bottom.responsive.z-rounded > ul.z-tabs-nav > li > a,
+#jsn-form.flat.horizontal.bottom.responsive.z-rounded > ul.z-tabs-nav > li.z-active > a,
+#jsn-form.flat.horizontal.bottom.z-rounded > ul.z-tabs-nav > li > a2
+{
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+}
+
+
+
+
+
+
+#jsn-form.flat.vertical.top-left.z-rounded > ul.z-tabs-nav > li > a,
+#jsn-form.flat.vertical.top-right.z-rounded > ul.z-tabs-nav > li > a
+{
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+}
+
+
+
+/*mobile*/
+#jsn-form.flat.mobile.z-rounded > ul.z-tabs-nav > li.z-active,
+#jsn-form.flat.mobile.z-rounded > ul.z-tabs-nav > li.z-active:hover,
+#jsn-form.flat.mobile.z-rounded > ul.z-tabs-nav > li:hover,
+#jsn-form.horizontal.top-left.z-rounded > .z-container
+{
+    -webkit-border-radius: 0 !important;
+    -moz-border-radius: 0 !important;
+    border-radius: 0 !important;
+}
+
+
+
+
+
+
+#jsn-form.flat.mobile.horizontal.z-rounded > ul.z-tabs-nav > li > a,
+#jsn-form.flat.mobile.vertical.z-rounded > ul.z-tabs-mobile.z-state-closed > li > a,
+#jsn-form.flat.mobile.horizontal.z-rounded > ul.z-tabs-mobile.z-state-closed > li > a
+{
+    -webkit-border-radius: 4px !important;
+    -moz-border-radius: 4px !important;
+    border-radius: 4px !important;
+}
+
+
+
+#jsn-form.flat.vertical.top-left.z-rounded.z-bordered > ul.z-tabs-nav > li > a
+{
+    -webkit-border-radius: 3px 0 0 3px;
+    -moz-border-radius: 3px 0 0 3px;
+    border-radius: 3px 0 0 3px;
+}
+
+#jsn-form.flat.vertical.top-right.z-rounded.z-bordered > ul.z-tabs-nav > li > a
+{
+    -webkit-border-radius: 0 3px 3px 0;
+    -moz-border-radius: 0 3px 3px 0;
+    border-radius: 0 3px 3px 0;
+}
+
+
+/*clean vertical bordered rounded*/
+#jsn-form.flat.clean.vertical.top-left.z-rounded.z-bordered > ul.z-tabs-desktop {
+-webkit-border-radius: 6px 0 0 6px;
+-moz-border-radius: 6px 0 0 6px;
+border-radius: 6px 0 0 6px;
+}
+
+#jsn-form.flat.clean.vertical.top-right.z-rounded.z-bordered > ul.z-tabs-desktop {
+-webkit-border-radius: 0 6px 6px 0;
+-moz-border-radius: 0 6px 6px 0;
+border-radius: 0 6px 6px 0;
+}
+
+
+/*#endregion*/
+
+
+
+/*#region ==========================================================================
+     Bordered
+========================================================================== */
+
+/*#jsn-form.flat.horizontal.top.z-bordered > .z-container { border-width: .2em 0 0 0; margin: 0 !important;}*/
+
+
+/*top borderd*/
+#jsn-form.horizontal.top.flat.z-bordered.mini > .z-container    {border-width: 3px 0 0 0;}
+#jsn-form.horizontal.top.flat.z-bordered.small > .z-container   {border-width: 4px 0 0 0;}
+#jsn-form.horizontal.top.flat.z-bordered.medium > .z-container  {border-width: 5px 0 0 0;}
+#jsn-form.horizontal.top.flat.z-bordered.large > .z-container   {border-width: 5px 0 0 0;}
+#jsn-form.horizontal.top.flat.z-bordered.xlarge > .z-container  {border-width: 6px 0 0 0;}
+#jsn-form.horizontal.top.flat.z-bordered.xxlarge > .z-container {border-width: 6px 0 0 0;}
+
+/*bottom borderd*/
+#jsn-form.horizontal.bottom.flat.z-bordered.mini > .z-container    {border-width: 0 0 3px 0;}
+#jsn-form.horizontal.bottom.flat.z-bordered.small > .z-container   {border-width: 0 0 4px 0;}
+#jsn-form.horizontal.bottom.flat.z-bordered.medium > .z-container  {border-width: 0 0 5px 0;}
+#jsn-form.horizontal.bottom.flat.z-bordered.large > .z-container   {border-width: 0 0 5px 0;}
+#jsn-form.horizontal.bottom.flat.z-bordered.xlarge > .z-container  {border-width: 0 0 6px 0;}
+#jsn-form.horizontal.bottom.flat.z-bordered.xxlarge > .z-container {border-width: 0 0 6px 0;}
+
+/*top*/
+#jsn-form.flat.horizontal.top.z-rounded.z-bordered.z-spaced > ul.z-tabs-nav > li > a,
+#jsn-form.flat.horizontal.top.z-rounded.z-bordered > ul.z-tabs-nav > li.z-active > a,
+#jsn-form.flat.horizontal.top.z-rounded.z-bordered > ul.z-tabs-nav > li:hover > a     { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
+
+#jsn-form.flat.horizontal.bottom.z-rounded.z-bordered > ul.z-tabs-nav > li > a,
+#jsn-form.flat.horizontal.bottom.z-rounded.z-bordered > ul.z-tabs-nav > li.z-active > a,
+#jsn-form.flat.horizontal.bottom.z-rounded.z-bordered > ul.z-tabs-nav > li:hover > a  { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
+
+/*vertical right*/
+#jsn-form.flat.vertical.z-bordered.top-right.mini > ul.z-tabs-nav         {border-width: 0 0 0 3px;}
+#jsn-form.flat.vertical.z-bordered.top-right.small > ul.z-tabs-nav        {border-width: 0 0 0 4px;}
+#jsn-form.flat.vertical.z-bordered.top-right.medium > ul.z-tabs-nav       {border-width: 0 0 0 5px;}
+#jsn-form.flat.vertical.z-bordered.top-right.large > ul.z-tabs-nav        {border-width: 0 0 0 5px;}
+#jsn-form.flat.vertical.z-bordered.top-right.xlarge > ul.z-tabs-nav       {border-width: 0 0 0 6px;}
+#jsn-form.flat.vertical.z-bordered.top-right.xxlarge > ul.z-tabs-nav      {border-width: 0 0 0 6px;}
+
+/*vertical left*/
+#jsn-form.flat.vertical.z-bordered.top-left.mini > ul.z-tabs-nav         {border-width: 0 3px 0 0;}
+#jsn-form.flat.vertical.z-bordered.top-left.small > ul.z-tabs-nav        {border-width: 0 4px 0 0;}
+#jsn-form.flat.vertical.z-bordered.top-left.medium > ul.z-tabs-nav       {border-width: 0 5px 0 0;}
+#jsn-form.flat.vertical.z-bordered.top-left.large > ul.z-tabs-nav        {border-width: 0 5px 0 0;}
+#jsn-form.flat.vertical.z-bordered.top-left.xlarge > ul.z-tabs-nav       {border-width: 0 6px 0 0;}
+#jsn-form.flat.vertical.z-bordered.top-left.xxlarge > ul.z-tabs-nav      {border-width: 0 6px 0 0;}
+
+#jsn-form.flat.mobile.vertical.z-bordered > ul.z-tabs-nav
+{
+    border-width: 0 !important;
+}
+/*#endregion*/
+
+
+
+
+/*#region ==========================================================================
+     Spaced
+========================================================================== */
+/*spacing*/
+#jsn-form.flat.z-spaced.horizontal > ul > li > a,
+#jsn-form.flat.z-spaced.z-shadows.z-dark.horizontal > ul > li > a{margin-right:2px;}
+
+
+/*spacing bordered*/
+#jsn-form.flat.z-spaced.z-bordered.horizontal > ul > li > a,
+#jsn-form.flat.z-spaced.z-bordered.z-shadows.z-dark.horizontal > ul > li > a{margin-right:3px;}
+
+
+#jsn-form.flat.z-spaced.horizontal > ul.z-tabs-nav > li.z-last > a,
+#jsn-form.flat.z-spaced.horizontal.z-multiline > ul.z-tabs-nav > li.z-last > a,
+#jsn-form.flat.z-spaced.horizontal.responsive > ul.z-tabs-nav > li.z-last-col > a {margin-right: 0 !important;}
+#jsn-form.flat.z-spaced.horizontal.responsive > ul.z-tabs-nav > li > a{margin:1px 1px 0 0 !important;}
+
+
+#jsn-form.flat.z-spaced.vertical > ul.z-tabs-desktop > li > a {margin-bottom: 1px;}
+#jsn-form.flat.z-spaced.vertical.top-left > ul.z-tabs-desktop {margin:0 1px 0 0;}
+#jsn-form.flat.z-spaced.vertical.top-right > ul.z-tabs-desktop {margin: 0 0 0 1px}
+#jsn-form.flat.z-spaced.vertical.top-left > ul.z-tabs-desktop > li.z-last > a,
+#jsn-form.flat.z-spaced.vertical.top-right > ul.z-tabs-desktop > li.z-last > a {margin-bottom: 0;}
+
+#jsn-form.flat.z-spaced.contained.horizontal.top.z-rounded > ul > li > a {border-radius: 4px 4px 0 0;}
+#jsn-form.flat.z-spaced.contained.horizontal.bottom.z-rounded > ul > li > a {border-radius: 0 0 4px 4px;}
+#jsn-form.flat.z-dark.contained.z-shadows.z-spaced.horizontal.top > ul > li > a {box-shadow: none !important;}
+
+/*#endregion*/
+
+
+
+/*dark*/
+/* JSN-REMOVE
+#jsn-form.flat.z-dark.contained.horizontal > .z-container,
+#jsn-form.flat.z-dark.contained.vertical > .z-container { background: #2C3E50; }
+
+/**************************************************************************
+*    Zozo Tabs: Mobile
+*
+*    1. Horizontal Structure
+*    2. Horizontal Positioning 
+*    3. Horizontal Rounded Cornors
+     4. Horizontal Shadows
+*    
+*   Most of the time you shouldn't delete/edit section 1 (structure).
+*   - You can delete/edit part of positioning
+*   - You can delete/edit rounded and shadows section if you need.
+* 
+**************************************************************************/
+
+/*#region ==========================================================================
+    Zozo Tabs Mobile Menu
+========================================================================== */
+
+
+/*reset*/
+#jsn-form.mobile > ul.z-tabs-nav,
+#jsn-form.mobile > ul.z-tabs-nav > li,
+#jsn-form.mobile > ul.z-tabs-nav > li.z-active,
+#jsn-form.mobile > .z-container,
+#jsn-form.mobile > .z-container > .z-content {
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+    text-shadow: none;
+}
+
+#jsn-form.mobile {
+    position: relative;
+}
+
+    /*horizontal */
+    #jsn-form.mobile > ul.z-tabs-nav,
+    #jsn-form.mobile > ul.z-tabs-nav.z-tabs-mobile,
+    #jsn-form.mobile > ul.z-tabs-nav.z-tabs-mobile > li,
+    #jsn-form.mobile > .z-container {
+        width: 100%;
+        float: none;
+        display: block;
+        width: 100%;
+    }
+
+
+    #jsn-form.mobile > ul.z-tabs-nav {
+        border-width: 1px 1px 1px 1px;
+    }
+
+        #jsn-form.mobile > ul.z-tabs-nav > li > .z-link {
+            margin: 0 !important;
+        }
+
+    #jsn-form.mobile > ul.z-tabs-desktop {
+        /* comment position and top to change to relative positioning */
+        position: absolute;
+        top: inherit;
+        margin-top: 8px;
+        left: 0;
+        z-index: 1000;
+        width: 100%;
+        box-shadow: 0 2px 1px rgba(51, 51, 51, 0.1);
+    }
+
+    #jsn-form.mobile > ul > li {
+        overflow: visible;
+    }
+
+    #jsn-form.mobile > ul.z-tabs-nav > li > a {
+        top: 0;
+    }
+
+    #jsn-form.mobile > ul > li.z-active > a {
+        font-weight: bold;
+    }
+
+    #jsn-form.mobile.top > ul.z-tabs-desktop > li > a,
+    #jsn-form.mobile.bottom > ul.z-tabs-desktop > li > a {
+        border-width: 1px 0px 0 0px;
+    }
+
+    #jsn-form.mobile > ul.z-tabs-nav > li.z-first > a {
+        border-width: 0;
+    }
+    /*
+#jsn-form.mobile.horizontal.z-spaced > ul.z-tabs-nav > li > a
+{
+    margin-right: 0;
+}*/
+
+    #jsn-form.mobile.z-shadows > ul.z-tabs-mobile {
+        -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.9) inset;
+        -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.9) inset;
+        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.9) inset;
+    }
+
+    #jsn-form.mobile > ul.z-tabs-desktop > li {
+        float: none;
+        display: block;
+    }
+
+    #jsn-form.mobile > ul.z-tabs-desktop.z-hide-menu {
+        opacity: 0;
+        height: 0;
+        visibility: hidden;
+    }
+
+    #jsn-form.mobile.top > .z-container {
+        margin-top: 8px;
+    }
+
+    #jsn-form.mobile.bottom > .z-container {
+        margin-bottom: 8px;
+    }
+
+    #jsn-form.mobile > .z-container,
+    #jsn-form.mobile > .z-container > .z-content.z-active {
+        overflow: visible;
+    }
+
+        #jsn-form.mobile > .z-container.z-animating,
+        #jsn-form.mobile > .z-container.z-animating > .z-content.z-active {
+            overflow: hidden;
+        }
+
+    /*arrow mobile icons
+#jsn-form.mobile > ul.z-tabs-mobile
+{
+   
+}
+#jsn-form.mobile > ul.z-tabs-mobile > li > a > span.z-title
+{
+    margin-left: 6px;
+    opacity: 1;
+}*/
+
+    #jsn-form.mobile > ul.z-tabs-mobile.z-state-closed > li > a > span.z-arrow {
+        -webkit-transform: rotate(0deg);
+        -moz-transform: rotate(0deg);
+        transform: rotate(0deg);
+        opacity: 1;
+    }
+
+
+    #jsn-form.mobile > ul.z-tabs-mobile > li > a > span.z-arrow {
+        position: absolute;
+        top: 50%;
+        background: url(../img/z-tabs-icons.png) no-repeat top left;
+        background-position: -1470px -3px;
+        width: 30px;
+        height: 30px;
+        margin-top: -25px;
+        margin-left: -0.75em;
+        display: inline-block;
+        right: 1.125em;
+        /*background-position: -1470px -60px;*/
+    }
+
+#jsn-form.z-icons-dark > ul.z-tabs-mobile > li > a > span.z-arrow {
+    background-position: -1470px -3px;
+}
+
+/*version 6.0
+#jsn-form.mobile > ul.z-tabs-mobile > li > a
+{
+    border-width: 0;
+}
+*/
+
+/*mobile horizontal style*/
+#jsn-form.mobile > ul.z-tabs-nav > li.z-active {
+    margin: 0;
+    padding: 0;
+    top: 0;
+    bottom: 0;
+}
+
+    #jsn-form.mobile > ul.z-tabs-nav > li.z-active > a {
+        margin: 0;
+        top: 0;
+        bottom: 0;
+        width: auto;
+    }
+
+#jsn-form.mobile > ul.z-tabs-nav > li {
+    border-width: 0px;
+}
+
+    #jsn-form.mobile > ul.z-tabs-nav > li > a {
+        text-align: left;
+    }
+
+#jsn-form.mobile > ul.z-tabs-desktop > li.z-last {
+    border-bottom-width: 0;
+}
+
+
+
+/*#endregion*/
+
+
+
+
+
+/*#region ==========================================================================
+    Rounded
+========================================================================== */
+
+#jsn-form.mobile.z-rounded > ul.z-tabs-mobile.z-state-closed > li > a {
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    -khtml-border-radius: 5px;
+    border-radius: 5px;
+}
+
+/*open rounded*/
+#jsn-form.mobile.z-rounded > ul.z-tabs-mobile,
+#jsn-form.mobile.z-rounded > ul.z-tabs-desktop {
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+}
+
+    #jsn-form.mobile.z-rounded > ul.z-tabs-mobile > li > a {
+        -webkit-border-radius: 5px;
+        -moz-border-radius: 5px;
+        border-radius: 5px;
+    }
+
+#jsn-form.mobile.z-rounded > ul.z-tabs-nav.z-tabs-desktop > li.z-last > a.z-link {
+    -webkit-border-radius: 0 0 5px 5px;
+    -moz-border-radius: 0 0 5px 5px;
+    border-radius: 0 0 5px 5px;
+}
+
+#jsn-form.mobile.z-rounded > ul.z-tabs-nav > li.z-first > a {
+    -webkit-border-radius: 5px 5px 0 0;
+    -moz-border-radius: 5px 5px 0 0;
+    border-radius: 5px 5px 0 0;
+}
+
+
+#jsn-form.mobile.z-rounded > .z-container {
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    -khtml-border-radius: 6px;
+    border-radius: 6px;
+}
+
+/*#endregion*/
+
+
+
+
+
+/*#region ==========================================================================
+    Mobile Fixes
+========================================================================== */
+/* Prevent any object from being highlighted upon touch event*/
+#jsn-form #jsn-form *,
+#jsn-form ul,
+#jsn-form ul li,
+#jsn-form ul li a,
+#jsn-form .z-container .z-content {
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    -webkit-touch-callout: none;
+    outline: none;
+}
+
+/*#endregion*/
+
+#member-registration > fieldset,#member-profile > fieldset,.jsn-p-fields > fieldset{display:none;}
+#jsn-form.flat > ul > li > a.jsninvalidfieldgroup, #jsn-form.flat > ul > li.z-active > a.jsninvalidfieldgroup{font-weight:bold !important;color:#9D261D !important;}
+
+
+
+
+
+
diff --git a/deployed/jsn/components/com_jsn/assets/css/tabs.min.css b/deployed/jsn/components/com_jsn/assets/css/tabs.min.css
new file mode 100644
index 00000000..087e51fe
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/css/tabs.min.css
@@ -0,0 +1 @@
+@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,800";article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}#jsn-form,#jsn-form > ul,#jsn-form > ul > li,#jsn-form > ul > li > a,#jsn-form > .z-container,#jsn-form > .z-container > .z-content,#jsn-form > .z-container > .z-content > .z-content-inner{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}#jsn-form,.z-tabs:before,.z-tabs:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}#jsn-form,#jsn-form > ul,#jsn-form > ul > li,#jsn-form > ul > li > a{position:relative;margin:0;padding:0;border:0;outline:0;display:block;outline:0 none;text-decoration:none;list-style:none;list-style-type:none}#jsn-form > .z-container > .z-content::after,#jsn-form > .z-container > .z-content > .z-content-inner::after{content:".";display:block;height:0;clear:both;visibility:hidden}#jsn-form > .z-container > .z-content,#jsn-form > .z-container > .z-content > .z-content-inner{zoom:1}#jsn-form{clear:both}#jsn-form > ul > li > a{color:#111;line-height:18px;font-weight:inherit;font-size:12px;padding:13px 24px;background:#fff;cursor:pointer}#jsn-form > ul > li.z-active > a{cursor:default}#jsn-form > ul,#jsn-form > ul > li > a,#jsn-form > .z-container{border-color:#CECECE;border-style:solid}#jsn-form > .z-container{padding:0;margin:0;border-width:1px;background:#fff;position:relative;overflow:hidden}#jsn-form > .z-container > .z-content{position:absolute;width:100%;height:100%;overflow:hidden;padding:0;z-index:7;display:none}#jsn-form > .z-container > .z-content.z-active{z-index:8}#jsn-form > .z-container > .z-content > .z-content-inner{padding:18px 0px;height:auto}#jsn-form.mini > ul > li > a{font-size:11px;padding:7px 16px}#jsn-form.small > ul > li > a{font-size:11px;padding:10px 16px}#jsn-form.medium > ul > li > a{font-size:12px;padding:15px 20px}#jsn-form.large > ul > li > a{font-size:13px;padding:16px 24px}#jsn-form.xlarge > ul > li > a{font-size:14px;padding:19px 28px}#jsn-form.xxlarge > ul > li > a{font-size:15px;padding:22px 32px}#jsn-form.mini.vertical > ul > li > a{padding:7px 13px}#jsn-form.small.vertical > ul > li > a{padding:10px 16px}#jsn-form.medium.vertical > ul > li > a{padding:13px 19px}#jsn-form.large.vertical > ul > li > a{padding:16px 22px}#jsn-form.xlarge.vertical > ul > li > a{padding:19px 25px}#jsn-form.xxlarge.vertical > ul > li > a{padding:22px 28px}#jsn-form.white.z-bordered > ul > li.z-active > a{color:#D13636}#jsn-form.vertical.top-right.white.z-bordered > ul > li.z-active > a{border-right:3px solid #D13636}#jsn-form.vertical.top-left.white.z-bordered > ul > li.z-active > a{border-left:3px solid #D13636}#jsn-form.mini.vertical.top-right.white.z-bordered > ul > li.z-active > a{border-right:1px solid #D13636}#jsn-form.mini.vertical.top-left.white.z-bordered > ul > li.z-active > a{border-left:1px solid #D13636}#jsn-form.small.vertical.top-right.white.z-bordered > ul > li.z-active > a{border-right:2px solid #D13636}#jsn-form.small.vertical.top-left.white.z-bordered > ul > li.z-active > a{border-left:2px solid #D13636}#jsn-form.mini.vertical.top-left.white.z-bordered > ul > li.z-active > a{padding-left:10px}#jsn-form.small.vertical.top-left.white.z-bordered > ul > li.z-active > a{padding-left:13px}#jsn-form.medium.vertical.top-left.white.z-bordered > ul > li.z-active > a{padding-left:16px}#jsn-form.large.vertical.top-left.white.z-bordered > ul > li.z-active > a{padding-left:19px}#jsn-form.xlarge.vertical.top-left.white.z-bordered > ul > li.z-active > a{padding-left:22px}#jsn-form.xxlarge.vertical.top-left.white.z-bordered > ul > li.z-active > a{padding-left:25px}#jsn-form.horizontal.top.white.z-bordered > ul > li.z-active > a{border-top:3px solid #F44343;margin-top:0;margin-bottom:0}#jsn-form.mini.horizontal.top.white.z-bordered > ul > li.z-active > a{padding-top:7px;border-top-width:1px}#jsn-form.small.horizontal.top.white.z-bordered > ul > li.z-active > a{padding-top:9px;border-top-width:2px}#jsn-form.medium.horizontal.top.white.z-bordered > ul > li.z-active > a{padding-top:13px}#jsn-form.large.horizontal.top.white.z-bordered > ul > li.z-active > a{padding-top:14px}#jsn-form.xlarge.horizontal.top.white.z-bordered > ul > li.z-active > a{padding-top:17px}#jsn-form.xxlarge.horizontal.top.white.z-bordered > ul > li.z-active > a{padding-top:20px}#jsn-form.horizontal.bottom.white.z-bordered > ul > li.z-active > a{border-bottom:3px solid #D13636;margin-top:0;margin-bottom:0}#jsn-form.mini.horizontal.bottom.white.z-bordered > ul > li.z-active > a{padding-bottom:5px}#jsn-form.small.horizontal.bottom.white.z-bordered > ul > li.z-active > a{padding-bottom:8px}#jsn-form.medium.horizontal.bottom.white.z-bordered > ul > li.z-active > a{padding-bottom:11px}#jsn-form.large.horizontal.bottom.white.z-bordered > ul > li.z-active > a{padding-bottom:14px}#jsn-form.xlarge.horizontal.bottom.white.z-bordered > ul > li.z-active > a{padding-bottom:17px}#jsn-form.xxlarge.horizontal.bottom.white.z-bordered > ul > li.z-active > a{padding-bottom:20px}#jsn-form.white.mobile.z-bordered > ul > li.z-active > a{border-bottom:3px solid #D13636!important}.z-tabs-loading{position:relative;width:100%;min-height:120px}.z-tabs-loading ul,.z-tabs-loading div{display:none}#jsn-form .z-container{position:relative}#jsn-form span.z-spinner,.z-tabs-loading .z-spinner{position:absolute;top:50%;left:50%;z-index:1000;text-indent:-999em;width:55px;height:55px;margin:-28px 0 0 -50px;padding:24px;background:#fff url(../img/loading-image.gif) no-repeat 50% 50%}#jsn-form.z-rounded span.z-spinner{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#jsn-form .z-video{position:relative;padding-bottom:46.25%;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}#jsn-form .z-video.z-wide-screen{padding-bottom:56.25%}#jsn-form .z-video.z-four-by-three{padding-bottom:75%}#jsn-form .z-video.z-top-padding{padding-top:30px}#jsn-form .z-video iframe,#jsn-form .z-video object,#jsn-form .z-video embed{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:50}#jsn-form > ul > li > a i{font-size:1.125em;display:inline;width:auto;height:auto;line-height:normal;width:24px;display:inline-block;margin-top:.015em}#jsn-form > ul.z-tabs-mobile > li > a i{display:none}#jsn-form.z-icons-large > ul > li > a i{font-size:2.25em;display:block;margin:0 auto;padding-bottom:.65em;text-align:center;line-height:0;margin-top:.65em}#jsn-form.mini > ul > li > a i,#jsn-form.small > ul > li > a i{font-size:1.25em}#jsn-form.z-icons-large > ul > li > a{text-align:center}#jsn-form > ul > li > a > span.z-icon,#jsn-form.z-multiline > ul.z-tabs-nav.z-tabs-desktop > li > a > span.z-icon,#jsn-form.z-multiline > ul.z-tabs-nav.z-tabs-mobile > li > a > span > span.z-icon{width:20px;display:inline-block;font-size:inherit;font-weight:400;text-transform:initial;text-align:left}#jsn-form.vertical > ul.z-tabs-nav > li > a > span.z-icon,#jsn-form.z-multiline.vertical > ul.z-tabs-nav.z-tabs-desktop > li > a > span.z-icon,#jsn-form.z-multiline.vertical > ul.z-tabs-nav.z-tabs-mobile > li > a > span > span.z-icon{width:24px}#jsn-form.center > ul > li > a,#jsn-form.center.mobile > ul > li > a{text-align:center!important}#jsn-form.right > ul > li > a,#jsn-form.right.mobile > ul > li > a{text-align:right!important}#jsn-form.left > ul > li > a,#jsn-form.left.mobile > ul > li > a{text-align:left!important}#jsn-form.vertical > .z-container > .z-content.z-nopadding > .z-content-inner,#jsn-form.horizontal > .z-container > .z-content.z-nopadding > .z-content-inner,#jsn-form > .z-container > .z-content.z-nopadding > .z-content-inner{padding:0!important}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}#jsn-form.horizontal > ul > li{float:left}#jsn-form.horizontal > ul > li.z-active{background:none;z-index:1}#jsn-form.horizontal > ul > li > a{margin-right:-1px;min-height:1px}#jsn-form.top-compact > ul > li > a,#jsn-form.bottom-compact > ul > li > a{padding-left:0;padding-right:0}#jsn-form.horizontal.top > ul > li.z-active{top:2px;margin-top:-2px;padding-bottom:2px}#jsn-form.horizontal.top > ul > li > a{top:1px;border-width:1px 1px 0}#jsn-form.horizontal > ul > li.z-last > a,#jsn-form.horizontal > ul > li.z-last-col > a{margin-right:0!important}#jsn-form.horizontal > .z-container{clear:both;zoom:1}#jsn-form.horizontal.top-center > ul.z-tabs-desktop{clear:left;float:left;left:50%;text-align:center}#jsn-form.horizontal.top-center > ul > li{right:50%}#jsn-form.horizontal.top-right > ul{float:right;margin:0 -1px 0 0}#jsn-form.horizontal.top-right > ul > li.z-last{margin-right:1px}.ie7 body #jsn-form.horizontal.top-right > ul > li.z-last{margin-right:-1px}.ie7 body #jsn-form.horizontal > .z-container{clear:none;width:100%}#jsn-form.horizontal.bottom > ul > li.z-active{top:-1px;padding-top:1px;z-index:9}#jsn-form.horizontal.bottom > .z-container{z-index:7}#jsn-form.horizontal.bottom > ul > li > a{top:-1px;border-width:0 1px 1px}#jsn-form.horizontal.bottom-center > ul{float:left;left:50%;text-align:center}#jsn-form.horizontal.bottom-center > ul > li{right:50%}#jsn-form.horizontal.bottom-right > ul{float:right}.ie7 #jsn-form.horizontal.top-compact > ul.z-tabs-desktop > li.z-last{margin-right:0}.ie7 #jsn-form.horizontal.bottom-compact > ul.z-tabs-desktop > li.z-last{margin-right:0}#jsn-form.horizontal.responsive > ul > li > a,#jsn-form.horizontal.top-compact > ul > li > a,#jsn-form.horizontal.bottom-compact > ul > li > a,#jsn-form.horizontal.top-center > ul > li > a,#jsn-form.horizontal.bottom-center > ul > li > a{text-align:center}#jsn-form.horizontal.top.z-rounded > ul > li.z-first,#jsn-form.horizontal.top.z-rounded > ul > li.z-first > a{-webkit-border-radius:5px 0 0 0;-moz-border-radius:5px 0 0;border-radius:5px 0 0 0}#jsn-form.horizontal.top.z-rounded > ul > li.z-last,#jsn-form.horizontal.top.z-rounded > ul > li.z-last > a{-webkit-border-radius:0 5px 0 0;-moz-border-radius:0 5px 0 0;border-radius:0 5px 0 0}#jsn-form.horizontal.top-left.z-rounded > .z-container{-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px;border-radius:0 6px 6px 6px}#jsn-form.horizontal.top-center.z-rounded > .z-container{-webkit-border-radius:6px 6px 6px 6px;-moz-border-radius:6px;border-radius:6px 6px 6px 6px}#jsn-form.horizontal.top-right.z-rounded > .z-container{-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px}#jsn-form.horizontal.z-rounded.top-compact > .z-container{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;-khtml-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}#jsn-form.horizontal.z-rounded.bottom > ul > li.z-first,#jsn-form.horizontal.z-rounded.bottom > ul > li.z-first > a{-webkit-border-radius:0 0 0 5px;-moz-border-radius:0 0 0 5px;border-radius:0 0 0 5px}#jsn-form.horizontal.z-rounded.bottom > ul > li.z-last,#jsn-form.horizontal.z-rounded.bottom > ul > li.z-last > a{-webkit-border-radius:0 0 5px 0;-moz-border-radius:0 0 5px;border-radius:0 0 5px 0}#jsn-form.horizontal.z-rounded.bottom-left > .z-container{-webkit-border-radius:6px 6px 6px 0;-moz-border-radius:6px 6px 6px 0;border-radius:6px 6px 6px 0}#jsn-form.horizontal.z-rounded.bottom-center > .z-container{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}#jsn-form.horizontal.z-rounded.bottom-right .z-container{-webkit-border-radius:6px 6px 0 6px;-moz-border-radius:6px 6px 0;-khtml-border-radius:6px 6px 0 6px;border-radius:6px 6px 0 6px}#jsn-form.horizontal.z-rounded.bottom-compact > .z-container{-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-khtml-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}#jsn-form.horizontal.responsive.top.z-rounded > .z-container{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}#jsn-form.horizontal.responsive.bottom.z-rounded > .z-container{-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}#jsn-form.horizontal.responsive.top.z-rounded > .z-tabs-mobile,#jsn-form.horizontal.responsive.top.z-rounded > .z-tabs-mobile > li{-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}#jsn-form.horizontal.responsive.bottom.z-rounded > .z-tabs-mobile,#jsn-form.horizontal.responsive.bottom.z-rounded > .z-tabs-mobile > li{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}#jsn-form.horizontal.z-shadows > .z-container{-moz-box-shadow:0 0 3px rgba(0,0,0,.125);-webkit-box-shadow:0 0 3px rgba(0,0,0,.125);box-shadow:0 0 3px rgba(0,0,0,.125)}#jsn-form.horizontal.z-shadows > ul > li > a{box-shadow:-2px 0 2px -2px rgba(0,0,0,.1)}#jsn-form.horizontal.z-shadows > ul > li.z-first > a{box-shadow:-3px 1px 1px -3px rgba(0,0,0,.2)}#jsn-form.horizontal.z-shadows > ul > li.z-last > a{box-shadow:3px 1px 1px -3px rgba(0,0,0,.2)}#jsn-form.flat,#jsn-form.flat > .z-container,#jsn-form.flat > ul.z-tabs-nav,#jsn-form.flat.horizontal > ul.z-tabs-nav,#jsn-form.flat.vertical > ul.z-tabs-nav.z-tabs-desktop,#jsn-form.flat > ul li.z-first,#jsn-form.flat > ul.z-tabs-nav > li > a,#jsn-form.flat.horizontal > ul.z-tabs-nav > li > a,#jsn-form.flat.horizontal.clean > ul.z-tabs-nav > li > a{border-width:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}#jsn-form.flat.mini > ul > li > a{font-size:11px;padding:7px 16px}#jsn-form.flat.small > ul > li > a{font-size:11px;padding:13px 20px}#jsn-form.flat.medium > ul > li > a{font-size:13px;padding:16px 24px}#jsn-form.flat.large > ul > li > a{font-size:14px;padding:19px 28px}#jsn-form.flat.xlarge > ul > li > a{font-size:14px;padding:22px 32px}#jsn-form.flat.xxlarge > ul > li > a{font-size:15px;padding:25px 36px}#jsn-form.flat.top-compact > ul > li > a,#jsn-form.flat.bottom-compact > ul > li > a{padding-left:0;padding-right:0}#jsn-form.flat > ul > li > a{color:#374858;color:#2C3E50!important;text-shadow:none;font-family:'Open Sans',Helvetica,Arial,sans-serif}#jsn-form.flat .z-container{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}#jsn-form.flat > ul > li > a,#jsn-form.flat > .z-container,#jsn-form.flat > .z-container > .z-content{background:none;border-width:0}#jsn-form.flat > ul.z-tabs-nav > li > a:hover{background:#e3eaf0;background:#F6F7F9;text-shadow:none;box-shadow:none}#jsn-form.flat > ul.z-tabs-nav > li.z-active > a{background:#bdc3c7;color:#fff!important;text-shadow:none;box-shadow:none}#jsn-form.flat > ul.z-tabs-nav > li.z-active > a:hover{color:#2C3E50!important}#jsn-form.flat.horizontal > .z-container{margin-right:0!important}#jsn-form.flat.horizontal > .z-container > .z-content > .z-content-inner{padding:2em 0}#jsn-form.flat.horizontal.top > ul.z-tabs-nav,#jsn-form.flat.horizontal.top > ul.z-tabs-nav > li,#jsn-form.flat.horizontal.bottom > ul.z-tabs-nav,#jsn-form.flat.horizontal.bottom > ul.z-tabs-nav > li{margin:0;padding:0}#jsn-form.flat.horizontal > ul > li.z-active{top:0;margin-top:0;padding-bottom:0}#jsn-form.flat.horizontal.top > ul.z-tabs-nav > li.z-active{margin-bottom:0;padding-bottom:0}#jsn-form.flat.vertical > .z-container > .z-content > .z-content-inner{padding:0 2em}#jsn-form.flat.vertical.contained > .z-container > .z-content > .z-content-inner{padding:2em}#jsn-form.flat.vertical > ul.z-tabs-nav{margin-left:0;margin-right:0}#jsn-form.flat.vertical > .z-container{border-width:0;margin:0}#jsn-form.flat.vertical > ul > li.z-first.z-active > a{border-width:0}#jsn-form.flat.vertical > ul.z-tabs-nav > li.z-active{z-index:0}#jsn-form.flat.vertical > ul.z-tabs-nav > li > a{margin:0;text-align:left}#jsn-form.flat.clean.responsive.horizontal.bottom > ul > li.z-first-row > a,#jsn-form.flat.clean.responsive.horizontal.top > ul > li.z-last-row > a,#jsn-form.flat.clean.responsive.horizontal.bottom > ul > li.z-last-row > a{border-width:0}#jsn-form.flat.clean > ul > li.z-active > a{font-weight:800}#jsn-form.flat.z-multiline > ul > li> a,#jsn-form.flat.z-multiline > ul > li.z-active > a{font-weight:600}#jsn-form.flat.contained.horizontal> .z-container,#jsn-form.flat.contained.vertical> .z-container{background:#F7F7F8;background:#EFF0F2}#jsn-form.flat.contained.horizontal > .z-container > .z-content > .z-content-inner{padding:2em}#jsn-form.flat.contained > ul > li a,#jsn-form.flat.clean > ul > li a{background:#F7F7F8;background:#EFF0F2}#jsn-form.flat.contained > ul > li > a:hover,#jsn-form.flat.clean > ul > li > a:hover{background:#ECEDEE}#jsn-form.flat.clean.horizontal > ul.z-tabs-nav > li > a{text-align:center}#jsn-form.flat.clean.vertical > ul.z-tabs-nav > li > a{text-align:left}#jsn-form.flat.contained.z-spaced.horizontal.top > .z-container{top:3px}#jsn-form.flat.contained.z-spaced.horizontal.bottom > .z-container{margin:0 0 3px}#jsn-form.flat.contained.z-spaced.z-bordered.horizontal.top> .z-container{padding:0;top:0}#jsn-form.flat.contained.z-spaced.z-bordered.horizontal.bottom > .z-container{padding:0;margin:0}#jsn-form.flat.responsive.contained.z-spaced.horizontal.top > .z-container{top:2px}#jsn-form.flat.responsive.contained.z-spaced.horizontal.bottom > .z-container{margin:0 0 1px}#jsn-form.flat.pills.z-rounded > ul.z-tabs-nav > li > a,#jsn-form.flat.horizontal.top.responsive.z-rounded > ul.z-tabs-nav > li > a,#jsn-form.flat.horizontal.top.responsive.z-rounded > ul.z-tabs-nav > li.z-active > a,#jsn-form.flat.horizontal.bottom.responsive.z-rounded > ul.z-tabs-nav > li > a,#jsn-form.flat.horizontal.bottom.responsive.z-rounded > ul.z-tabs-nav > li.z-active > a,#jsn-form.flat.horizontal.bottom.z-rounded > ul.z-tabs-nav > li > a2{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#jsn-form.flat.vertical.top-left.z-rounded > ul.z-tabs-nav > li > a,#jsn-form.flat.vertical.top-right.z-rounded > ul.z-tabs-nav > li > a{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#jsn-form.flat.mobile.z-rounded > ul.z-tabs-nav > li.z-active,#jsn-form.flat.mobile.z-rounded > ul.z-tabs-nav > li.z-active:hover,#jsn-form.flat.mobile.z-rounded > ul.z-tabs-nav > li:hover,#jsn-form.horizontal.top-left.z-rounded > .z-container{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}#jsn-form.flat.mobile.horizontal.z-rounded > ul.z-tabs-nav > li > a,#jsn-form.flat.mobile.vertical.z-rounded > ul.z-tabs-mobile.z-state-closed > li > a,#jsn-form.flat.mobile.horizontal.z-rounded > ul.z-tabs-mobile.z-state-closed > li > a{-webkit-border-radius:4px!important;-moz-border-radius:4px!important;border-radius:4px!important}#jsn-form.flat.vertical.top-left.z-rounded.z-bordered > ul.z-tabs-nav > li > a{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}#jsn-form.flat.vertical.top-right.z-rounded.z-bordered > ul.z-tabs-nav > li > a{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}#jsn-form.flat.clean.vertical.top-left.z-rounded.z-bordered > ul.z-tabs-desktop{-webkit-border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px}#jsn-form.flat.clean.vertical.top-right.z-rounded.z-bordered > ul.z-tabs-desktop{-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0}#jsn-form.horizontal.top.flat.z-bordered.mini > .z-container{border-width:3px 0 0}#jsn-form.horizontal.top.flat.z-bordered.small > .z-container{border-width:4px 0 0}#jsn-form.horizontal.top.flat.z-bordered.medium > .z-container{border-width:5px 0 0}#jsn-form.horizontal.top.flat.z-bordered.large > .z-container{border-width:5px 0 0}#jsn-form.horizontal.top.flat.z-bordered.xlarge > .z-container{border-width:6px 0 0}#jsn-form.horizontal.top.flat.z-bordered.xxlarge > .z-container{border-width:6px 0 0}#jsn-form.horizontal.bottom.flat.z-bordered.mini > .z-container{border-width:0 0 3px}#jsn-form.horizontal.bottom.flat.z-bordered.small > .z-container{border-width:0 0 4px}#jsn-form.horizontal.bottom.flat.z-bordered.medium > .z-container{border-width:0 0 5px}#jsn-form.horizontal.bottom.flat.z-bordered.large > .z-container{border-width:0 0 5px}#jsn-form.horizontal.bottom.flat.z-bordered.xlarge > .z-container{border-width:0 0 6px}#jsn-form.horizontal.bottom.flat.z-bordered.xxlarge > .z-container{border-width:0 0 6px}#jsn-form.flat.horizontal.top.z-rounded.z-bordered.z-spaced > ul.z-tabs-nav > li > a,#jsn-form.flat.horizontal.top.z-rounded.z-bordered > ul.z-tabs-nav > li.z-active > a,#jsn-form.flat.horizontal.top.z-rounded.z-bordered > ul.z-tabs-nav > li:hover > a{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}#jsn-form.flat.horizontal.bottom.z-rounded.z-bordered > ul.z-tabs-nav > li > a,#jsn-form.flat.horizontal.bottom.z-rounded.z-bordered > ul.z-tabs-nav > li.z-active > a,#jsn-form.flat.horizontal.bottom.z-rounded.z-bordered > ul.z-tabs-nav > li:hover > a{-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}#jsn-form.flat.vertical.z-bordered.top-right.mini > ul.z-tabs-nav{border-width:0 0 0 3px}#jsn-form.flat.vertical.z-bordered.top-right.small > ul.z-tabs-nav{border-width:0 0 0 4px}#jsn-form.flat.vertical.z-bordered.top-right.medium > ul.z-tabs-nav{border-width:0 0 0 5px}#jsn-form.flat.vertical.z-bordered.top-right.large > ul.z-tabs-nav{border-width:0 0 0 5px}#jsn-form.flat.vertical.z-bordered.top-right.xlarge > ul.z-tabs-nav{border-width:0 0 0 6px}#jsn-form.flat.vertical.z-bordered.top-right.xxlarge > ul.z-tabs-nav{border-width:0 0 0 6px}#jsn-form.flat.vertical.z-bordered.top-left.mini > ul.z-tabs-nav{border-width:0 3px 0 0}#jsn-form.flat.vertical.z-bordered.top-left.small > ul.z-tabs-nav{border-width:0 4px 0 0}#jsn-form.flat.vertical.z-bordered.top-left.medium > ul.z-tabs-nav{border-width:0 5px 0 0}#jsn-form.flat.vertical.z-bordered.top-left.large > ul.z-tabs-nav{border-width:0 5px 0 0}#jsn-form.flat.vertical.z-bordered.top-left.xlarge > ul.z-tabs-nav{border-width:0 6px 0 0}#jsn-form.flat.vertical.z-bordered.top-left.xxlarge > ul.z-tabs-nav{border-width:0 6px 0 0}#jsn-form.flat.mobile.vertical.z-bordered > ul.z-tabs-nav{border-width:0!important}#jsn-form.flat.z-spaced.horizontal > ul > li > a,#jsn-form.flat.z-spaced.z-shadows.z-dark.horizontal > ul > li > a{margin-right:2px}#jsn-form.flat.z-spaced.z-bordered.horizontal > ul > li > a,#jsn-form.flat.z-spaced.z-bordered.z-shadows.z-dark.horizontal > ul > li > a{margin-right:3px}#jsn-form.flat.z-spaced.horizontal > ul.z-tabs-nav > li.z-last > a,#jsn-form.flat.z-spaced.horizontal.z-multiline > ul.z-tabs-nav > li.z-last > a,#jsn-form.flat.z-spaced.horizontal.responsive > ul.z-tabs-nav > li.z-last-col > a{margin-right:0!important}#jsn-form.flat.z-spaced.horizontal.responsive > ul.z-tabs-nav > li > a{margin:1px 1px 0 0 !important}#jsn-form.flat.z-spaced.vertical > ul.z-tabs-desktop > li > a{margin-bottom:1px}#jsn-form.flat.z-spaced.vertical.top-left > ul.z-tabs-desktop{margin:0 1px 0 0}#jsn-form.flat.z-spaced.vertical.top-right > ul.z-tabs-desktop{margin:0 0 0 1px}#jsn-form.flat.z-spaced.vertical.top-left > ul.z-tabs-desktop > li.z-last > a,#jsn-form.flat.z-spaced.vertical.top-right > ul.z-tabs-desktop > li.z-last > a{margin-bottom:0}#jsn-form.flat.z-spaced.contained.horizontal.top.z-rounded > ul > li > a{border-radius:4px 4px 0 0}#jsn-form.flat.z-spaced.contained.horizontal.bottom.z-rounded > ul > li > a{border-radius:0 0 4px 4px}#jsn-form.flat.z-dark.contained.z-shadows.z-spaced.horizontal.top > ul > li > a{box-shadow:none!important}#jsn-form.mobile > ul.z-tabs-nav,#jsn-form.mobile > ul.z-tabs-nav > li,#jsn-form.mobile > ul.z-tabs-nav > li.z-active,#jsn-form.mobile > .z-container,#jsn-form.mobile > .z-container > .z-content{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:none}#jsn-form.mobile{position:relative}#jsn-form.mobile > ul.z-tabs-nav,#jsn-form.mobile > ul.z-tabs-nav.z-tabs-mobile,#jsn-form.mobile > ul.z-tabs-nav.z-tabs-mobile > li,#jsn-form.mobile > .z-container{width:100%;float:none;display:block;width:100%}#jsn-form.mobile > ul.z-tabs-nav{border-width:1px}#jsn-form.mobile > ul.z-tabs-nav > li > .z-link{margin:0!important}#jsn-form.mobile > ul.z-tabs-desktop{position:absolute;top:inherit;margin-top:8px;left:0;z-index:1000;width:100%;box-shadow:0 2px 1px rgba(51,51,51,0.1)}#jsn-form.mobile > ul > li{overflow:visible}#jsn-form.mobile > ul.z-tabs-nav > li > a{top:0}#jsn-form.mobile > ul > li.z-active > a{font-weight:700}#jsn-form.mobile.top > ul.z-tabs-desktop > li > a,#jsn-form.mobile.bottom > ul.z-tabs-desktop > li > a{border-width:1px 0 0}#jsn-form.mobile > ul.z-tabs-nav > li.z-first > a{border-width:0}#jsn-form.mobile.z-shadows > ul.z-tabs-mobile{-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.1),0 1px 1px rgba(255,255,255,0.9) inset;-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.1),0 1px 1px rgba(255,255,255,0.9) inset;box-shadow:0 1px 1px 0 rgba(0,0,0,0.1),0 1px 1px rgba(255,255,255,0.9) inset}#jsn-form.mobile > ul.z-tabs-desktop > li{float:none;display:block}#jsn-form.mobile > ul.z-tabs-desktop.z-hide-menu{opacity:0;height:0;visibility:hidden}#jsn-form.mobile.top > .z-container{margin-top:8px}#jsn-form.mobile.bottom > .z-container{margin-bottom:8px}#jsn-form.mobile > .z-container,#jsn-form.mobile > .z-container > .z-content.z-active{overflow:visible}#jsn-form.mobile > .z-container.z-animating,#jsn-form.mobile > .z-container.z-animating > .z-content.z-active{overflow:hidden}#jsn-form.mobile > ul.z-tabs-mobile.z-state-closed > li > a > span.z-arrow{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);opacity:1}#jsn-form.mobile > ul.z-tabs-mobile > li > a > span.z-arrow{position:absolute;top:50%;background:url(../img/z-tabs-icons.png) no-repeat top left;background-position:-1470px -3px;width:30px;height:30px;margin-top:-25px;margin-left:-.75em;display:inline-block;right:1.125em}#jsn-form.z-icons-dark > ul.z-tabs-mobile > li > a > span.z-arrow{background-position:-1470px -3px}#jsn-form.mobile > ul.z-tabs-nav > li.z-active{margin:0;padding:0;top:0;bottom:0}#jsn-form.mobile > ul.z-tabs-nav > li.z-active > a{margin:0;top:0;bottom:0;width:auto}#jsn-form.mobile > ul.z-tabs-nav > li{border-width:0}#jsn-form.mobile > ul.z-tabs-nav > li > a{text-align:left}#jsn-form.mobile > ul.z-tabs-desktop > li.z-last{border-bottom-width:0}#jsn-form.mobile.z-rounded > ul.z-tabs-mobile.z-state-closed > li > a{-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;border-radius:5px}#jsn-form.mobile.z-rounded > ul.z-tabs-mobile,#jsn-form.mobile.z-rounded > ul.z-tabs-desktop{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}#jsn-form.mobile.z-rounded > ul.z-tabs-mobile > li > a{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#jsn-form.mobile.z-rounded > ul.z-tabs-nav.z-tabs-desktop > li.z-last > a.z-link{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}#jsn-form.mobile.z-rounded > ul.z-tabs-nav > li.z-first > a{-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}#jsn-form.mobile.z-rounded > .z-container{-webkit-border-radius:6px;-moz-border-radius:6px;-khtml-border-radius:6px;border-radius:6px}#jsn-form #jsn-form *,#jsn-form ul,#jsn-form ul li,#jsn-form ul li a,#jsn-form .z-container .z-content{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;outline:none}#member-registration > fieldset,#member-profile > fieldset,.jsn-p-fields > fieldset{display:none}#jsn-form.flat > ul > li > a.jsninvalidfieldgroup,#jsn-form.flat > ul > li.z-active > a.jsninvalidfieldgroup{font-weight:700!important;color:#9D261D!important}
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/fonts/jsn-icons.eot b/deployed/jsn/components/com_jsn/assets/fonts/jsn-icons.eot
new file mode 100644
index 00000000..b1d69378
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/fonts/jsn-icons.eot differ
diff --git a/deployed/jsn/components/com_jsn/assets/fonts/jsn-icons.svg b/deployed/jsn/components/com_jsn/assets/fonts/jsn-icons.svg
new file mode 100644
index 00000000..9a60e319
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/fonts/jsn-icons.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="jsn-icons" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xf007;" glyph-name="user" horiz-adv-x="805" d="M804.571 148q0-68.571-41.714-108.286t-110.857-39.714h-499.429q-69.143 0-110.857 39.714t-41.714 108.286q0 30.286 2 59.143t8 62.286 15.143 62 24.571 55.714 35.429 46.286 48.857 30.571 63.714 11.429q5.143 0 24-12.286t42.571-27.429 61.714-27.429 76.286-12.286 76.286 12.286 61.714 27.429 42.571 27.429 24 12.286q34.857 0 63.714-11.429t48.857-30.571 35.429-46.286 24.571-55.714 15.143-62 8-62.286 2-59.143zM621.714 658.286q0-90.857-64.286-155.143t-155.143-64.286-155.143 64.286-64.286 155.143 64.286 155.143 155.143 64.286 155.143-64.286 64.286-155.143z" />
+<glyph unicode="&#xf00d;" glyph-name="close, remove, times" horiz-adv-x="805" d="M741.714 195.428q0-22.857-16-38.857l-77.714-77.714q-16-16-38.857-16t-38.857 16l-168 168-168-168q-16-16-38.857-16t-38.857 16l-77.714 77.714q-16 16-16 38.857t16 38.857l168 168-168 168q-16 16-16 38.857t16 38.857l77.714 77.714q16 16 38.857 16t38.857-16l168-168 168 168q16 16 38.857 16t38.857-16l77.714-77.714q16-16 16-38.857t-16-38.857l-168-168 168-168q16-16 16-38.857z" />
+<glyph unicode="&#xf013;" glyph-name="cog, gear" horiz-adv-x="878" d="M585.143 438.857q0 60.571-42.857 103.429t-103.429 42.857-103.429-42.857-42.857-103.429 42.857-103.429 103.429-42.857 103.429 42.857 42.857 103.429zM877.714 501.143v-126.857q0-6.857-4.571-13.143t-11.429-7.429l-105.714-16q-10.857-30.857-22.286-52 20-28.571 61.143-78.857 5.714-6.857 5.714-14.286t-5.143-13.143q-15.429-21.143-56.571-61.714t-53.714-40.571q-6.857 0-14.857 5.143l-78.857 61.714q-25.143-13.143-52-21.714-9.143-77.714-16.571-106.286-4-16-20.571-16h-126.857q-8 0-14 4.857t-6.571 12.286l-16 105.143q-28 9.143-51.429 21.143l-80.571-61.143q-5.714-5.143-14.286-5.143-8 0-14.286 6.286-72 65.143-94.286 96-4 5.714-4 13.143 0 6.857 4.571 13.143 8.571 12 29.143 38t30.857 40.286q-15.429 28.571-23.429 56.571l-104.571 15.429q-7.429 1.143-12 7.143t-4.571 13.429v126.857q0 6.857 4.571 13.143t10.857 7.429l106.286 16q8 26.286 22.286 52.571-22.857 32.571-61.143 78.857-5.714 6.857-5.714 13.714 0 5.714 5.143 13.143 14.857 20.571 56.286 61.429t54 40.857q7.429 0 14.857-5.714l78.857-61.143q25.143 13.143 52 21.714 9.143 77.714 16.571 106.286 4 16 20.571 16h126.857q8 0 14-4.857t6.571-12.286l16-105.143q28-9.143 51.429-21.143l81.143 61.143q5.143 5.143 13.714 5.143 7.429 0 14.286-5.714 73.714-68 94.286-97.143 4-4.571 4-12.571 0-6.857-4.571-13.143-8.571-12-29.143-38t-30.857-40.286q14.857-28.571 23.429-56l104.571-16q7.429-1.143 12-7.143t4.571-13.429z" />
+<glyph unicode="&#xf017;" glyph-name="clock-o" horiz-adv-x="878" d="M512 640v-256q0-8-5.143-13.143t-13.143-5.143h-182.857q-8 0-13.143 5.143t-5.143 13.143v36.571q0 8 5.143 13.143t13.143 5.143h128v201.143q0 8 5.143 13.143t13.143 5.143h36.571q8 0 13.143-5.143t5.143-13.143zM749.714 438.857q0 84.571-41.714 156t-113.143 113.143-156 41.714-156-41.714-113.143-113.143-41.714-156 41.714-156 113.143-113.143 156-41.714 156 41.714 113.143 113.143 41.714 156zM877.714 438.857q0-119.429-58.857-220.286t-159.714-159.714-220.286-58.857-220.286 58.857-159.714 159.714-58.857 220.286 58.857 220.286 159.714 159.714 220.286 58.857 220.286-58.857 159.714-159.714 58.857-220.286z" />
+<glyph unicode="&#xf040;" glyph-name="pencil" horiz-adv-x="866" d="M207.429 73.143l52 52-134.286 134.286-52-52v-61.143h73.143v-73.143h61.143zM506.286 603.428q0 12.571-12.571 12.571-5.714 0-9.714-4l-309.714-309.714q-4-4-4-9.714 0-12.571 12.571-12.571 5.714 0 9.714 4l309.714 309.714q4 4 4 9.714zM475.429 713.143l237.714-237.714-475.429-475.429h-237.714v237.714zM865.714 658.286q0-30.286-21.143-51.429l-94.857-94.857-237.714 237.714 94.857 94.286q20.571 21.714 51.429 21.714 30.286 0 52-21.714l134.286-133.714q21.143-22.286 21.143-52z" />
+<glyph unicode="&#xf041;" glyph-name="map-marker" horiz-adv-x="585" d="M438.857 585.143q0 60.571-42.857 103.429t-103.429 42.857-103.429-42.857-42.857-103.429 42.857-103.429 103.429-42.857 103.429 42.857 42.857 103.429zM585.143 585.143q0-62.286-18.857-102.286l-208-442.286q-9.143-18.857-27.143-29.714t-38.571-10.857-38.571 10.857-26.571 29.714l-208.571 442.286q-18.857 40-18.857 102.286 0 121.143 85.714 206.857t206.857 85.714 206.857-85.714 85.714-206.857z" />
+<glyph unicode="&#xf05d;" glyph-name="check-circle-o" horiz-adv-x="878" d="M669.143 486.286l-241.143-241.143q-10.857-10.857-25.714-10.857t-25.714 10.857l-168 168q-10.857 10.857-10.857 25.714t10.857 25.714l58.286 58.286q10.857 10.857 25.714 10.857t25.714-10.857l84-84 157.143 157.143q10.857 10.857 25.714 10.857t25.714-10.857l58.286-58.286q10.857-10.857 10.857-25.714t-10.857-25.714zM749.714 438.857q0 84.571-41.714 156t-113.143 113.143-156 41.714-156-41.714-113.143-113.143-41.714-156 41.714-156 113.143-113.143 156-41.714 156 41.714 113.143 113.143 41.714 156zM877.714 438.857q0-119.429-58.857-220.286t-159.714-159.714-220.286-58.857-220.286 58.857-159.714 159.714-58.857 220.286 58.857 220.286 159.714 159.714 220.286 58.857 220.286-58.857 159.714-159.714 58.857-220.286z" />
+<glyph unicode="&#xf064;" glyph-name="mail-forward, share" d="M1024 585.143q0-14.857-10.857-25.714l-292.571-292.571q-10.857-10.857-25.714-10.857t-25.714 10.857-10.857 25.714v146.286h-128q-56 0-100.286-3.429t-88-12.286-76-24.286-60.286-39.714-45.714-57.714-27.714-79.143-10-103.429q0-31.429 2.857-70.286 0-3.429 1.429-13.429t1.429-15.143q0-8.571-4.857-14.286t-13.429-5.714q-9.143 0-16 9.714-4 5.143-7.429 12.571t-7.714 17.143-6 13.714q-72.571 162.857-72.571 257.714 0 113.714 30.286 190.286 92.571 230.286 500 230.286h128v146.286q0 14.857 10.857 25.714t25.714 10.857 25.714-10.857l292.571-292.571q10.857-10.857 10.857-25.714z" />
+<glyph unicode="&#xf06e;" glyph-name="eye" d="M950.857 402.286q-86.857 134.857-217.714 201.714 34.857-59.429 34.857-128.571 0-105.714-75.143-180.857t-180.857-75.143-180.857 75.143-75.143 180.857q0 69.143 34.857 128.571-130.857-66.857-217.714-201.714 76-117.143 190.571-186.571t248.286-69.429 248.286 69.429 190.571 186.571zM539.429 621.714q0 11.429-8 19.429t-19.429 8q-71.429 0-122.571-51.143t-51.143-122.571q0-11.429 8-19.429t19.429-8 19.429 8 8 19.429q0 49.143 34.857 84t84 34.857q11.429 0 19.429 8t8 19.429zM1024 402.286q0-19.429-11.429-39.429-80-131.429-215.143-210.571t-285.429-79.143-285.429 79.429-215.143 210.286q-11.429 20-11.429 39.429t11.429 39.429q80 130.857 215.143 210.286t285.429 79.429 285.429-79.429 215.143-210.286q11.429-20 11.429-39.429z" />
+<glyph unicode="&#xf070;" glyph-name="eye-slash" d="M317.143 188l44.571 80.571q-49.714 36-77.714 90.857t-28 116q0 69.143 34.857 128.571-130.857-66.857-217.714-201.714 95.429-147.429 244-214.286zM539.429 621.714q0 11.429-8 19.429t-19.429 8q-71.429 0-122.571-51.143t-51.143-122.571q0-11.429 8-19.429t19.429-8 19.429 8 8 19.429q0 49.143 34.857 84t84 34.857q11.429 0 19.429 8t8 19.429zM746.857 730.857q0-4-0.571-5.143-60-107.429-180-323.429t-180.571-324l-28-50.857q-5.714-9.143-16-9.143-6.857 0-76.571 40-9.143 5.714-9.143 16 0 6.857 25.143 49.714-81.714 37.143-150.571 98.857t-119.143 140q-11.429 17.714-11.429 39.429t11.429 39.429q87.429 134.286 217.143 212t283.429 77.714q50.857 0 102.857-9.714l30.857 55.429q5.714 9.143 16 9.143 2.857 0 10.286-3.429t17.714-8.857 18.857-10.571 18-10.571 11.143-6.571q9.143-5.714 9.143-15.429zM768 475.428q0-79.429-45.143-144.857t-119.429-94l160 286.857q4.571-25.714 4.571-48zM1024 402.286q0-20-11.429-39.429-22.286-36.571-62.286-82.857-85.714-98.286-198.571-152.571t-239.714-54.286l42.286 75.429q121.143 10.286 224.286 78.286t172.286 175.429q-65.714 102.286-161.143 168l36 64q54.286-36.571 104.286-87.429t82.571-105.143q11.429-19.429 11.429-39.429z" />
+<glyph unicode="&#xf073;" glyph-name="calendar" horiz-adv-x="951" d="M73.143 0h164.571v164.571h-164.571v-164.571zM274.286 0h182.857v164.571h-182.857v-164.571zM73.143 201.143h164.571v182.857h-164.571v-182.857zM274.286 201.143h182.857v182.857h-182.857v-182.857zM73.143 420.571h164.571v164.571h-164.571v-164.571zM493.714 0h182.857v164.571h-182.857v-164.571zM274.286 420.571h182.857v164.571h-182.857v-164.571zM713.143 0h164.571v164.571h-164.571v-164.571zM493.714 201.143h182.857v182.857h-182.857v-182.857zM292.571 694.857v164.571q0 7.429-5.429 12.857t-12.857 5.429h-36.571q-7.429 0-12.857-5.429t-5.429-12.857v-164.571q0-7.429 5.429-12.857t12.857-5.429h36.571q7.429 0 12.857 5.429t5.429 12.857zM713.143 201.143h164.571v182.857h-164.571v-182.857zM493.714 420.571h182.857v164.571h-182.857v-164.571zM713.143 420.571h164.571v164.571h-164.571v-164.571zM731.429 694.857v164.571q0 7.429-5.429 12.857t-12.857 5.429h-36.571q-7.429 0-12.857-5.429t-5.429-12.857v-164.571q0-7.429 5.429-12.857t12.857-5.429h36.571q7.429 0 12.857 5.429t5.429 12.857zM950.857 731.428v-731.429q0-29.714-21.714-51.429t-51.429-21.714h-804.571q-29.714 0-51.429 21.714t-21.714 51.429v731.429q0 29.714 21.714 51.429t51.429 21.714h73.143v54.857q0 37.714 26.857 64.571t64.571 26.857h36.571q37.714 0 64.571-26.857t26.857-64.571v-54.857h219.429v54.857q0 37.714 26.857 64.571t64.571 26.857h36.571q37.714 0 64.571-26.857t26.857-64.571v-54.857h73.143q29.714 0 51.429-21.714t21.714-51.429z" />
+<glyph unicode="&#xf099;" glyph-name="twitter" horiz-adv-x="951" d="M925.714 717.714q-38.286-56-92.571-95.429 0.571-8 0.571-24 0-74.286-21.714-148.286t-66-142-105.429-120.286-147.429-83.429-184.571-31.143q-154.857 0-283.429 82.857 20-2.286 44.571-2.286 128.571 0 229.143 78.857-60 1.143-107.429 36.857t-65.143 91.143q18.857-2.857 34.857-2.857 24.571 0 48.571 6.286-64 13.143-106 63.714t-42 117.429v2.286q38.857-21.714 83.429-23.429-37.714 25.143-60 65.714t-22.286 88q0 50.286 25.143 93.143 69.143-85.143 168.286-136.286t212.286-56.857q-4.571 21.714-4.571 42.286 0 76.571 54 130.571t130.571 54q80 0 134.857-58.286 62.286 12 117.143 44.571-21.143-65.714-81.143-101.714 53.143 5.714 106.286 28.571z" />
+<glyph unicode="&#xf09a;" glyph-name="facebook, facebook-f" horiz-adv-x="602" d="M548 944v-150.857h-89.714q-49.143 0-66.286-20.571t-17.143-61.714v-108h167.429l-22.286-169.143h-145.143v-433.714h-174.857v433.714h-145.714v169.143h145.714v124.571q0 106.286 59.429 164.857t158.286 58.571q84 0 130.286-6.857z" />
+<glyph unicode="&#xf0ac;" glyph-name="globe" horiz-adv-x="878" d="M438.857 877.714q119.429 0 220.286-58.857t159.714-159.714 58.857-220.286-58.857-220.286-159.714-159.714-220.286-58.857-220.286 58.857-159.714 159.714-58.857 220.286 58.857 220.286 159.714 159.714 220.286 58.857zM595.429 580q-1.143-0.571-5.429-5.429t-7.714-5.429q1.143 0 2.571 2.857t2.857 6.286 2 4q3.429 4 12.571 8.571 8 3.429 29.714 6.857 19.429 4.571 29.143-6.286-1.143 1.143 5.429 7.429t8.286 6.857q1.714 1.143 8.571 2.571t8.571 4.286l1.143 12.571q-6.857-0.571-10 4t-3.714 12q0-1.143-3.429-4.571 0 4-2.571 4.571t-6.571-0.571-5.143-0.571q-5.714 1.714-8.571 4.286t-4.571 9.429-2.286 8.571q-1.143 2.857-5.429 6t-5.429 6q-0.571 1.143-1.429 3.143t-1.714 3.714-2.286 3.143-3.143 1.429-4-2.857-4.286-5.714-2.571-2.857q-1.714 1.143-3.429 0.857t-2.571-0.571-2.571-1.714-2.857-2q-1.714-1.143-4.857-1.714t-4.857-1.143q8.571 2.857-0.571 6.286-5.714 2.286-9.143 1.714 5.143 2.286 4.286 6.857t-4.857 8h2.857q-0.571 2.286-4.857 4.857t-10 4.857-7.429 3.429q-4.571 2.857-19.429 5.429t-18.857 0.286q-2.857-3.429-2.571-6t2.286-8 2-7.143q0.571-3.429-3.143-7.429t-3.714-6.857q0-4 8-8.857t5.714-12.286q-1.714-4.571-9.143-9.143t-9.143-6.857q-2.857-4.571-0.857-10.571t6-9.429q1.143-1.143 0.857-2.286t-2-2.571-3.143-2.286-3.714-2l-1.714-1.143q-6.286-2.857-11.714 3.429t-7.714 14.857q-4 14.286-9.143 17.143-13.143 4.571-16.571-0.571-2.857 7.429-23.429 14.857-14.286 5.143-33.143 2.286 3.429 0.571 0 8.571-4 8.571-10.857 6.857 1.714 3.429 2.286 10t0.571 7.714q1.714 7.429 6.857 13.143 0.571 0.571 4 4.857t5.429 7.714 0.286 3.429q20-2.286 28.571 6.286 2.857 2.857 6.571 9.714t6 9.714q5.143 3.429 8 3.143t8.286-3.143 8.286-2.857q8-0.571 8.857 6.286t-4.286 11.429q6.857-0.571 1.714 9.714-2.857 4-4.571 5.143-6.857 2.286-15.429-2.857-4.571-2.286 1.143-4.571-0.571 0.571-5.429-6t-9.429-10-9.143 2.857q-0.571 0.571-3.143 7.714t-5.429 7.714q-4.571 0-9.143-8.571 1.714 4.571-6.286 8.571t-13.714 4.571q10.857 6.857-4.571 15.429-4 2.286-11.714 2.857t-11.143-2.286q-2.857-4-3.143-6.571t2.857-4.571 6-3.143 6.571-2.286 4.857-1.714q8-5.714 4.571-8-1.143-0.571-4.857-2t-6.571-2.571-3.429-2.286q-1.714-2.286 0-8t-1.143-8q-2.857 2.857-5.143 10t-4 9.429q4-5.143-14.286-3.429l-5.714 0.571q-2.286 0-9.143-1.143t-11.714-0.571-7.714 4.571q-2.286 4.571 0 11.429 0.571 2.286 2.286 1.143-2.286 1.714-6.286 5.429t-5.714 4.857q-26.286-8.571-53.714-23.429 3.429-0.571 6.857 0.571 2.857 1.143 7.429 3.714t5.714 3.143q19.429 8 24 4l2.857 2.857q8-9.143 11.429-14.286-4 2.286-17.143 0.571-11.429-3.429-12.571-6.857 4-6.857 2.857-10.286-2.286 1.714-6.571 5.714t-8.286 6.286-8.571 2.857q-9.143 0-12.571-0.571-83.429-45.714-134.286-126.857 4-4 6.857-4.571 2.286-0.571 2.857-5.143t1.429-6.286 6.571 1.714q5.143-4.571 1.714-10.857 0.571 0.571 25.143-15.429 10.857-9.714 12-12 1.714-6.286-5.714-10.286-0.571 1.143-5.143 5.143t-5.143 2.286q-1.714-2.857 0.286-10.571t6-7.143q-4 0-5.429-9.143t-1.429-20.286-0.571-13.429l1.143-0.571q-1.714-6.857 3.143-19.714t12.286-11.143q-7.429-1.714 11.429-24.571 3.429-4.571 4.571-5.143 1.714-1.143 6.857-4.286t8.571-5.714 5.714-6q2.286-2.857 5.714-12.857t8-13.429q-1.143-3.429 5.429-11.429t6-13.143q-0.571 0-1.429-0.571t-1.429-0.571q1.714-4 8.857-8t8.857-7.429q0.571-1.714 1.143-5.714t1.714-6.286 4.571-1.143q1.143 11.429-13.714 35.429-8.571 14.286-9.714 16.571-1.714 2.857-3.143 8.857t-2.571 8.286q1.143 0 3.429-0.857t4.857-2 4.286-2.286 1.143-1.714q-1.714-4 1.143-10t6.857-10.571 9.714-10.857 6.857-7.429q3.429-3.429 8-11.143t0-7.714q5.143 0 11.429-5.714t9.714-11.429q2.857-4.571 4.571-14.857t2.857-13.714q1.143-4 4.857-7.714t7.143-5.429l9.143-4.571t7.429-4q2.857-1.143 10.571-6t12.286-6.571q5.714-2.286 9.143-2.286t8.286 1.429 7.714 2q8.571 1.143 16.571-8.571t12-12q20.571-10.857 31.429-6.286-1.143-0.571 0.286-4.286t4.571-8.857 5.143-8.286 3.143-4.857q2.857-3.429 10.286-8.571t10.286-8.571q3.429 2.286 4 5.143-1.714-4.571 4-11.429t10.286-5.714q8 1.714 8 18.286-17.714-8.571-28 10.286 0 0.571-1.429 3.143t-2.286 4.857-1.429 4.857 0 4.286 2.857 1.714q5.143 0 5.714 2t-1.143 7.143-2.286 7.429q-0.571 4.571-6.286 11.429t-6.857 8.571q-2.857-5.143-9.143-4.571t-9.143 5.143q0-0.571-0.857-3.143t-0.857-3.714q-7.429 0-8.571 0.571 0.571 1.714 1.429 10t2 12.857q0.571 2.286 3.143 6.857t4.286 8.286 2.286 7.143-2.571 5.429-10 1.429q-10.857-0.571-14.857-11.429-0.571-1.714-1.714-6t-2.857-6.571-5.143-4q-4-1.714-13.714-1.143t-13.714 2.857q-7.429 4.571-12.857 16.571t-5.429 21.143q0 5.714 1.429 15.143t1.714 14.286-3.143 14q1.714 1.143 5.143 5.429t5.714 6q1.143 0.571 2.571 0.857t2.571 0 2.286 0.857 1.714 3.429q-0.571 0.571-2.286 1.714-1.714 1.714-2.286 1.714 4-1.714 16.286 0.857t15.714-0.857q8.571-6.286 12.571 1.143 0 0.571-1.429 5.429t-0.286 7.714q2.857-15.429 16.571-5.143 1.714-1.714 8.857-2.857t10-2.857q1.714-1.143 4-3.143t3.143-2.571 2.857 0.286 4.857 3.714q5.714-8 6.857-13.714 6.286-22.857 10.857-25.143 4-1.714 6.286-1.143t2.571 5.429 0 8-0.857 7.143l-0.571 4.571v10.286l-0.571 4.571q-8.571 1.714-10.571 6.857t0.857 10.571 8.571 10.571q0.571 0.571 4.571 2t8.857 3.714 7.143 4.571q12 10.857 8.571 20 4 0 6.286 5.143-0.571 0-2.857 1.714t-4.286 2.857-2.571 1.143q5.143 2.857 1.143 9.143 2.857 1.714 4.286 6.286t4.286 5.714q5.143-6.857 12-1.143 4 4.571 0.571 9.143 2.857 4 11.714 6t10.571 5.429q4-1.143 4.571 1.143t0.571 6.857 1.714 6.857q2.286 2.857 8.571 5.143t7.429 2.857l9.714 6.286q1.714 2.286 0 2.286 10.286-1.143 17.714 6.286 5.714 6.286-3.429 11.429 1.714 3.429-1.714 5.429t-8.571 3.143q1.714 0.571 6.571 0.286t6 0.857q8.571 5.714-4 9.143-9.714 2.857-24.571-6.857zM502.286 78.857q117.714 20.571 200.571 108-1.714 1.714-7.143 2.571t-7.143 2q-10.286 4-13.714 4.571 0.571 4-1.429 7.429t-4.571 5.143-7.143 4.571-6.286 4q-1.143 1.143-4 3.429t-4 3.143-4.286 2.571-4.857 1.143-5.714-0.571l-1.714-0.571q-1.714-0.571-3.143-1.429t-3.143-1.714-2.286-1.714 0-1.429q-12 9.714-20.571 12.571-2.857 0.571-6.286 3.143t-6 4-5.714 0.857-6.571-4q-2.857-2.857-3.429-8.571t-1.143-7.429q-4 2.857 0 10t1.143 10.571q-1.714 3.429-6 2.571t-6.857-2.571-6.571-4.857-5.143-3.714-4.857-3.143-4.857-4.286q-1.714-2.286-3.429-6.857t-2.857-6.286q-1.143 2.286-6.571 3.714t-5.429 3.143q1.143-5.714 2.286-20t2.857-21.714q4-17.714-6.857-27.429-15.429-14.286-16.571-22.857-2.286-12.571 6.857-14.857 0-4-4.571-11.714t-4-12.286q0-3.429 1.143-9.143z" />
+<glyph unicode="&#xf0c0;" glyph-name="group, users" horiz-adv-x="1097" d="M338.857 438.857q-92.571-2.857-151.429-73.143h-76.571q-46.857 0-78.857 23.143t-32 67.714q0 201.714 70.857 201.714 3.429 0 24.857-12t55.714-24.286 68-12.286q38.286 0 76 13.143-2.857-21.143-2.857-37.714 0-79.429 46.286-146.286zM950.857 74.857q0-68.571-41.714-108.286t-110.857-39.714h-499.429q-69.143 0-110.857 39.714t-41.714 108.286q0 30.286 2 59.143t8 62.286 15.143 62 24.571 55.714 35.429 46.286 48.857 30.571 63.714 11.429q5.714 0 24.571-12.286t41.714-27.429 61.143-27.429 77.143-12.286 77.143 12.286 61.143 27.429 41.714 27.429 24.571 12.286q34.857 0 63.714-11.429t48.857-30.571 35.429-46.286 24.571-55.714 15.143-62 8-62.286 2-59.143zM365.714 804.571q0-60.571-42.857-103.429t-103.429-42.857-103.429 42.857-42.857 103.429 42.857 103.429 103.429 42.857 103.429-42.857 42.857-103.429zM768 585.143q0-90.857-64.286-155.143t-155.143-64.286-155.143 64.286-64.286 155.143 64.286 155.143 155.143 64.286 155.143-64.286 64.286-155.143zM1097.143 456.571q0-44.571-32-67.714t-78.857-23.143h-76.571q-58.857 70.286-151.429 73.143 46.286 66.857 46.286 146.286 0 16.571-2.857 37.714 37.714-13.143 76-13.143 33.714 0 68 12.286t55.714 24.286 24.857 12q70.857 0 70.857-201.714zM1024 804.571q0-60.571-42.857-103.429t-103.429-42.857-103.429 42.857-42.857 103.429 42.857 103.429 103.429 42.857 103.429-42.857 42.857-103.429z" />
+<glyph unicode="&#xf0d5;" glyph-name="google-plus" horiz-adv-x="1317" d="M821.143 429.143q0-118.857-49.714-211.714t-141.714-145.143-210.857-52.286q-85.143 0-162.857 33.143t-133.714 89.143-89.143 133.714-33.143 162.857 33.143 162.857 89.143 133.714 133.714 89.143 162.857 33.143q163.429 0 280.571-109.714l-113.714-109.143q-66.857 64.571-166.857 64.571-70.286 0-130-35.429t-94.571-96.286-34.857-132.857 34.857-132.857 94.571-96.286 130-35.429q47.429 0 87.143 13.143t65.429 32.857 44.857 44.857 28 47.429 12.286 42.286h-237.714v144h395.429q6.857-36 6.857-69.714zM1316.571 498.857v-120h-119.429v-119.429h-120v119.429h-119.429v120h119.429v119.429h120v-119.429h119.429z" />
+<glyph unicode="&#xf0e1;" glyph-name="linkedin" horiz-adv-x="878" d="M199.429 593.714v-566.286h-188.571v566.286h188.571zM211.429 768.571q0.571-41.714-28.857-69.714t-77.429-28h-1.143q-46.857 0-75.429 28t-28.571 69.714q0 42.286 29.429 70t76.857 27.714 76-27.714 29.143-70zM877.714 352v-324.571h-188v302.857q0 60-23.143 94t-72.286 34q-36 0-60.286-19.714t-36.286-48.857q-6.286-17.143-6.286-46.286v-316h-188q1.143 228 1.143 369.714t-0.571 169.143l-0.571 27.429h188v-82.286h-1.143q11.429 18.286 23.429 32t32.286 29.714 49.714 24.857 65.429 8.857q97.714 0 157.143-64.857t59.429-190z" />
+<glyph unicode="&#xf132;" glyph-name="shield" horiz-adv-x="731" d="M621.714 402.286v365.714h-256v-649.714q68 36 121.714 78.286 134.286 105.143 134.286 205.714zM731.429 841.143v-438.857q0-49.143-19.143-97.429t-47.429-85.714-67.429-72.857-72.286-58.857-69.143-44.286-51.143-28.286-24.286-11.429q-6.857-3.429-14.857-3.429t-14.857 3.429q-9.143 4-24.286 11.429t-51.143 28.286-69.143 44.286-72.286 58.857-67.429 72.857-47.429 85.714-19.143 97.429v438.857q0 14.857 10.857 25.714t25.714 10.857h658.286q14.857 0 25.714-10.857t10.857-25.714z" />
+<glyph unicode="&#xf16d;" glyph-name="instagram" horiz-adv-x="878" d="M585.143 438.857q0 60.571-42.857 103.429t-103.429 42.857-103.429-42.857-42.857-103.429 42.857-103.429 103.429-42.857 103.429 42.857 42.857 103.429zM664 438.857q0-93.714-65.714-159.429t-159.429-65.714-159.429 65.714-65.714 159.429 65.714 159.429 159.429 65.714 159.429-65.714 65.714-159.429zM725.714 673.143q0-21.714-15.429-37.143t-37.143-15.429-37.143 15.429-15.429 37.143 15.429 37.143 37.143 15.429 37.143-15.429 15.429-37.143zM438.857 798.857q-4 0-43.714 0.286t-60.286 0-55.143-1.714-58.857-5.714-40.857-10.571q-28.571-11.429-50.286-33.143t-33.143-50.286q-6.286-16.571-10.571-40.857t-5.714-58.857-1.714-55.143 0-60.286 0.286-43.714-0.286-43.714 0-60.286 1.714-55.143 5.714-58.857 10.571-40.857q11.429-28.571 33.143-50.286t50.286-33.143q16.571-6.286 40.857-10.571t58.857-5.714 55.143-1.714 60.286 0 43.714 0.286 43.714-0.286 60.286 0 55.143 1.714 58.857 5.714 40.857 10.571q28.571 11.429 50.286 33.143t33.143 50.286q6.286 16.571 10.571 40.857t5.714 58.857 1.714 55.143 0 60.286-0.286 43.714 0.286 43.714 0 60.286-1.714 55.143-5.714 58.857-10.571 40.857q-11.429 28.571-33.143 50.286t-50.286 33.143q-16.571 6.286-40.857 10.571t-58.857 5.714-55.143 1.714-60.286 0-43.714-0.286zM877.714 438.857q0-130.857-2.857-181.143-5.714-118.857-70.857-184t-184-70.857q-50.286-2.857-181.143-2.857t-181.143 2.857q-118.857 5.714-184 70.857t-70.857 184q-2.857 50.286-2.857 181.143t2.857 181.143q5.714 118.857 70.857 184t184 70.857q50.286 2.857 181.143 2.857t181.143-2.857q118.857-5.714 184-70.857t70.857-184q2.857-50.286 2.857-181.143z" />
+<glyph unicode="&#xf1d8;" glyph-name="paper-plane, send" horiz-adv-x="1026" d="M1008 944.571q18.857-13.714 15.429-36.571l-146.286-877.714q-2.857-16.571-18.286-25.714-8-4.571-17.714-4.571-6.286 0-13.714 2.857l-258.857 105.714-138.286-168.571q-10.286-13.143-28-13.143-7.429 0-12.571 2.286-10.857 4-17.429 13.429t-6.571 20.857v199.429l493.714 605.143-610.857-528.571-225.714 92.571q-21.143 8-22.857 31.429-1.143 22.857 18.286 33.714l950.857 548.571q8.571 5.143 18.286 5.143 11.429 0 20.571-6.286z" />
+<glyph unicode="&#xf21b;" glyph-name="user-secret" horiz-adv-x="805" d="M329.143 73.143l54.857 256-54.857 73.143-73.143 36.571zM475.429 73.143l73.143 365.714-73.143-36.571-54.857-73.143zM566.857 650.286q-1.143 2.286-2.286 3.429-5.714 4.571-54.857 4.571-40 0-95.429-10.857-4-1.143-12-1.143t-12 1.143q-55.429 10.857-95.429 10.857-49.143 0-54.857-4.571-1.143-1.143-2.286-3.429 1.143-10.286 2.286-15.429 1.143-1.714 4.286-3.714t4.286-6q1.143-2.286 4.286-11.714t4-11.714 4.286-9.714 4.857-9.714 5.143-8 6.857-7.714 8-5.429 10-4.571 11.714-2.286 14-1.143q20.571 0 33.714 7.143t18.571 17.143 8.286 19.714 6.571 16.857 10 7.143h6.857q6.286 0 10-7.143t6.571-16.857 8.286-19.714 18.571-17.143 33.714-7.143q7.429 0 14 1.143t11.714 2.286 10 4.571 8 5.429 6.857 7.714 5.143 8 4.857 9.714 4.286 9.714 4 11.714 4.286 11.714q1.143 4 4.286 6t4.286 3.714q1.143 5.143 2.286 15.429zM804.571 148q0-69.143-41.714-108.571t-110.857-39.429h-499.429q-69.143 0-110.857 39.429t-41.714 108.571q0 34.857 2.571 67.429t10.857 71.714 21.429 70.571 36.286 59.143 53.429 42.571l-51.429 125.714h122.286q-12.571 36.571-12.571 73.143 0 6.857 1.143 18.286-110.857 22.857-110.857 54.857 0 32.571 120 56.571 9.714 35.429 29.429 76.571t40.286 65.143q18.286 21.143 43.429 21.143 17.143 0 48-17.714t48-17.714 48 17.714 48 17.714q25.143 0 43.429-21.143 20.571-24 40.286-65.143t29.429-76.571q120-24 120-56.571 0-32-110.857-54.857 4-46.286-11.429-91.429h122.286l-46.857-128.571q36-18.857 61.429-55.143t37.429-82 16.571-86.571 4.571-84.857z" />
+</font></defs></svg>
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/fonts/jsn-icons.ttf b/deployed/jsn/components/com_jsn/assets/fonts/jsn-icons.ttf
new file mode 100644
index 00000000..e28adee2
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/fonts/jsn-icons.ttf differ
diff --git a/deployed/jsn/components/com_jsn/assets/fonts/jsn-icons.woff b/deployed/jsn/components/com_jsn/assets/fonts/jsn-icons.woff
new file mode 100644
index 00000000..6349a0f8
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/fonts/jsn-icons.woff differ
diff --git a/deployed/jsn/components/com_jsn/assets/img/config-center.png b/deployed/jsn/components/com_jsn/assets/img/config-center.png
new file mode 100644
index 00000000..7f16e994
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/img/config-center.png differ
diff --git a/deployed/jsn/components/com_jsn/assets/img/config-fullwidth.png b/deployed/jsn/components/com_jsn/assets/img/config-fullwidth.png
new file mode 100644
index 00000000..f7b4ab30
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/img/config-fullwidth.png differ
diff --git a/deployed/jsn/components/com_jsn/assets/img/config-horizontal.png b/deployed/jsn/components/com_jsn/assets/img/config-horizontal.png
new file mode 100644
index 00000000..90a6cbc3
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/img/config-horizontal.png differ
diff --git a/deployed/jsn/components/com_jsn/assets/img/config-vertical.png b/deployed/jsn/components/com_jsn/assets/img/config-vertical.png
new file mode 100644
index 00000000..9edc5890
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/img/config-vertical.png differ
diff --git a/deployed/jsn/components/com_jsn/assets/img/default.jpg b/deployed/jsn/components/com_jsn/assets/img/default.jpg
new file mode 100644
index 00000000..d8c188d7
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/img/default.jpg differ
diff --git a/deployed/jsn/components/com_jsn/assets/img/emptymap.png b/deployed/jsn/components/com_jsn/assets/img/emptymap.png
new file mode 100644
index 00000000..8de07f63
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/img/emptymap.png differ
diff --git a/deployed/jsn/components/com_jsn/assets/img/icon-ccw.png b/deployed/jsn/components/com_jsn/assets/img/icon-ccw.png
new file mode 100644
index 00000000..8d88f3c9
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/img/icon-ccw.png differ
diff --git a/deployed/jsn/components/com_jsn/assets/img/icon-cw.png b/deployed/jsn/components/com_jsn/assets/img/icon-cw.png
new file mode 100644
index 00000000..c51465c7
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/img/icon-cw.png differ
diff --git a/deployed/jsn/components/com_jsn/assets/img/icon-edit.png b/deployed/jsn/components/com_jsn/assets/img/icon-edit.png
new file mode 100644
index 00000000..ad91530e
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/img/icon-edit.png differ
diff --git a/deployed/jsn/components/com_jsn/assets/img/loading-image.gif b/deployed/jsn/components/com_jsn/assets/img/loading-image.gif
new file mode 100644
index 00000000..097b914b
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/img/loading-image.gif differ
diff --git a/deployed/jsn/components/com_jsn/assets/img/m1.png b/deployed/jsn/components/com_jsn/assets/img/m1.png
new file mode 100644
index 00000000..329ff524
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/img/m1.png differ
diff --git a/deployed/jsn/components/com_jsn/assets/img/m2.png b/deployed/jsn/components/com_jsn/assets/img/m2.png
new file mode 100644
index 00000000..b999cbcf
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/img/m2.png differ
diff --git a/deployed/jsn/components/com_jsn/assets/img/m3.png b/deployed/jsn/components/com_jsn/assets/img/m3.png
new file mode 100644
index 00000000..9f30b309
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/img/m3.png differ
diff --git a/deployed/jsn/components/com_jsn/assets/img/m4.png b/deployed/jsn/components/com_jsn/assets/img/m4.png
new file mode 100644
index 00000000..0d3f8263
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/img/m4.png differ
diff --git a/deployed/jsn/components/com_jsn/assets/img/m5.png b/deployed/jsn/components/com_jsn/assets/img/m5.png
new file mode 100644
index 00000000..61387d2a
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/img/m5.png differ
diff --git a/deployed/jsn/components/com_jsn/assets/img/no_image.gif b/deployed/jsn/components/com_jsn/assets/img/no_image.gif
new file mode 100644
index 00000000..2d01b9bb
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/img/no_image.gif differ
diff --git a/deployed/jsn/components/com_jsn/assets/img/z-tabs-icons.png b/deployed/jsn/components/com_jsn/assets/img/z-tabs-icons.png
new file mode 100644
index 00000000..d6f61574
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/img/z-tabs-icons.png differ
diff --git a/deployed/jsn/components/com_jsn/assets/js/avatarletters.js b/deployed/jsn/components/com_jsn/assets/js/avatarletters.js
new file mode 100644
index 00000000..f354ffd2
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/js/avatarletters.js
@@ -0,0 +1,92 @@
+/*
+     * LetterAvatar
+     * 
+     * Artur Heinze
+     * Create Letter avatar based on Initials
+     * based on https://gist.github.com/leecrossley/6027780
+     */
+    (function(w, d){
+
+
+        function LetterAvatar (name, size) {
+
+            name  = name || '';
+            size  = size || 60;
+
+            var colours = [
+                    "#1abc9c", "#2ecc71", "#3498db", "#9b59b6", "#34495e", "#16a085", "#27ae60", "#2980b9", "#8e44ad", "#2c3e50", 
+                    "#f1c40f", "#e67e22", "#e74c3c", "#ecf0f1", "#95a5a6", "#f39c12", "#d35400", "#c0392b", "#bdc3c7", "#7f8c8d"
+                ],
+
+                nameSplit = String(name).toUpperCase().split(' '),
+                initials, charIndex, colourIndex, canvas, context, dataURI;
+
+
+            if (nameSplit.length == 1) {
+                initials = nameSplit[0] ? nameSplit[0].charAt(0):'?';
+            } else {
+                initials = nameSplit[0].charAt(0) + nameSplit[1].charAt(0);
+            }
+
+            if (w.devicePixelRatio) {
+                size = (size * w.devicePixelRatio);
+            }
+                
+            charIndex     = (initials == '?' ? 72 : initials.charCodeAt(0)) - 64;
+            colourIndex   = charIndex % 20;
+            canvas        = d.createElement('canvas');
+            canvas.width  = size;
+            canvas.height = size;
+            context       = canvas.getContext("2d");
+             
+            context.fillStyle = colours[colourIndex - 1];
+            context.fillRect (0, 0, canvas.width, canvas.height);
+            context.font = Math.round(canvas.width/2)+"px Arial";
+            context.textAlign = "center";
+            context.fillStyle = "#FFF";
+            context.fillText(initials, size / 2, size / 1.5);
+
+            dataURI = canvas.toDataURL();
+            canvas  = null;
+
+            return dataURI;
+        }
+
+        LetterAvatar.transform = function() {
+
+            Array.prototype.forEach.call(d.querySelectorAll('img[avatar]'), function(img, name) {
+                name = img.getAttribute('avatar');
+                img.src = LetterAvatar(name, img.getAttribute('width'));
+                img.removeAttribute('avatar');
+                img.setAttribute('alt', name);
+            });
+        };
+
+
+        // AMD support
+        if (typeof define === 'function' && define.amd) {
+            
+            define(function () { return LetterAvatar; });
+        
+        // CommonJS and Node.js module support.
+        } else if (typeof exports !== 'undefined') {
+            
+            // Support Node.js specific `module.exports` (which can be a function)
+            if (typeof module != 'undefined' && module.exports) {
+                exports = module.exports = LetterAvatar;
+            }
+
+            // But always support CommonJS module 1.1.1 spec (`exports` cannot be a function)
+            exports.LetterAvatar = LetterAvatar;
+
+        } else {
+            
+            window.LetterAvatar = LetterAvatar;
+
+            d.addEventListener('DOMContentLoaded', function(event) {
+                LetterAvatar.transform();
+                jQuery(d).ajaxStop(function(){LetterAvatar.transform();});
+            });
+        }
+
+    })(window, document);
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/js/avatarletters.min.js b/deployed/jsn/components/com_jsn/assets/js/avatarletters.min.js
new file mode 100644
index 00000000..ecc25018
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/js/avatarletters.min.js
@@ -0,0 +1 @@
+!function(a,b){function c(c,d){c=c||"",d=d||60;var g,h,i,j,k,l,e=["#1abc9c","#2ecc71","#3498db","#9b59b6","#34495e","#16a085","#27ae60","#2980b9","#8e44ad","#2c3e50","#f1c40f","#e67e22","#e74c3c","#ecf0f1","#95a5a6","#f39c12","#d35400","#c0392b","#bdc3c7","#7f8c8d"],f=String(c).toUpperCase().split(" ");return g=1==f.length?f[0]?f[0].charAt(0):"?":f[0].charAt(0)+f[1].charAt(0),a.devicePixelRatio&&(d*=a.devicePixelRatio),h=("?"==g?72:g.charCodeAt(0))-64,i=h%20,j=b.createElement("canvas"),j.width=d,j.height=d,k=j.getContext("2d"),k.fillStyle=e[i-1],k.fillRect(0,0,j.width,j.height),k.font=Math.round(j.width/2)+"px Arial",k.textAlign="center",k.fillStyle="#FFF",k.fillText(g,d/2,d/1.5),l=j.toDataURL(),j=null,l}c.transform=function(){Array.prototype.forEach.call(b.querySelectorAll("img[avatar]"),function(a,b){b=a.getAttribute("avatar"),a.src=c(b,a.getAttribute("width")),a.removeAttribute("avatar"),a.setAttribute("alt",b)})},"function"==typeof define&&define.amd?define(function(){return c}):"undefined"!=typeof exports?("undefined"!=typeof module&&module.exports&&(exports=module.exports=c),exports.LetterAvatar=c):(window.LetterAvatar=c,b.addEventListener("DOMContentLoaded",function(a){c.transform(),jQuery(b).ajaxStop(function(){c.transform()})}))}(window,document);
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/js/bootstrap-datepicker.js b/deployed/jsn/components/com_jsn/assets/js/bootstrap-datepicker.js
new file mode 100644
index 00000000..bea73425
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/js/bootstrap-datepicker.js
@@ -0,0 +1,508 @@
+/* =========================================================
+ * bootstrap-jsndatepicker.js 
+ * http://www.eyecon.ro/bootstrap-jsndatepicker
+ * =========================================================
+ * Copyright 2012 Stefan Petre
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================= */
+ 
+!function( $ ) {
+	
+	// Picker object
+	
+	var JsnDatepicker = function(element, options){
+		DPGlobal.dates=DPGlobalDates;
+		this.element = $(element);
+		this.format = DPGlobal.parseFormat(options.format||this.element.data('date-format')||'mm/dd/yyyy');
+		this.picker = $(DPGlobal.template)
+							.appendTo('body')
+							.on({
+								click: $.proxy(this.click, this)//,
+								//mousedown: $.proxy(this.mousedown, this)
+							});
+		this.isInput = this.element.is('input');
+		this.component = this.element.is('.date') ? this.element.find('.btn') : false;
+		
+		if (this.isInput) {
+			this.element.on({
+				focus: $.proxy(this.show, this),
+				//blur: $.proxy(this.hide, this),
+				keyup: $.proxy(this.update, this)
+			});
+		} else {
+			if (this.component){
+				this.component.on('click', $.proxy(this.show, this));
+			} else {
+				this.element.on('click', $.proxy(this.show, this));
+			}
+		}
+	
+		this.minViewMode = options.minViewMode||this.element.data('date-minviewmode')||0;
+		if (typeof this.minViewMode === 'string') {
+			switch (this.minViewMode) {
+				case 'months':
+					this.minViewMode = 1;
+					break;
+				case 'years':
+					this.minViewMode = 2;
+					break;
+				default:
+					this.minViewMode = 0;
+					break;
+			}
+		}
+		this.viewMode = options.viewMode||this.element.data('date-viewmode')||0;
+		if (typeof this.viewMode === 'string') {
+			switch (this.viewMode) {
+				case 'months':
+					this.viewMode = 1;
+					break;
+				case 'years':
+					this.viewMode = 2;
+					break;
+				default:
+					this.viewMode = 0;
+					break;
+			}
+		}
+		this.startViewMode = this.viewMode;
+		this.weekStart = options.weekStart||this.element.data('date-weekstart')||0;
+		this.weekEnd = this.weekStart === 0 ? 6 : this.weekStart - 1;
+		this.onRender = options.onRender;
+		this.fillDow();
+		this.fillMonths();
+		this.update();
+		this.showMode();
+	};
+	
+	JsnDatepicker.prototype = {
+		constructor: JsnDatepicker,
+		
+		show: function(e) {
+			this.picker.show();
+			this.height = this.component ? this.component.outerHeight() : this.element.outerHeight();
+			this.place();
+			$(window).on('resize', $.proxy(this.place, this));
+			if (e ) {
+				e.stopPropagation();
+				e.preventDefault();
+			}
+			if (!this.isInput) {
+			}
+			var that = this;
+			$(document).on('mousedown', function(ev){
+				if ($(ev.target).closest('.jsndatepicker').length == 0) {
+					that.hide();
+				}
+			});
+			this.element.trigger({
+				type: 'show',
+				date: this.date
+			});
+		},
+		
+		hide: function(){
+			this.picker.hide();
+			$(window).off('resize', this.place);
+			this.viewMode = this.startViewMode;
+			this.showMode();
+			if (!this.isInput) {
+				$(document).off('mousedown', this.hide);
+			}
+			//this.set();
+			this.element.trigger({
+				type: 'hide',
+				date: this.date
+			});
+		},
+		
+		set: function() {
+			var formated = DPGlobal.formatDate(this.date, this.format);
+			var noFormated = DPGlobal.formatDate(this.date, {parts: ['yyyy','mm','dd'], separator: ['-'] }); // JSN
+			if (!this.isInput) {
+				if (this.component){
+					this.element.find('input:first').prop('value', formated); // JSN
+					this.element.find('input:last').prop('value', noFormated); // JSN
+					// JSN IE9 - START
+					if(navigator.appVersion.indexOf("MSIE 9.")!=-1 || navigator.appVersion.indexOf("MSIE 8.")!=-1) {
+						this.element.find('input').removeAttr('required').removeClass('required');
+					}
+					// JSN IE9 - END
+					this.element.find('input').change(); // JSN
+				}
+				this.element.data('date', formated);
+			} else {
+				this.element.prop('value', formated);
+			}
+		},
+		
+		setValue: function(newDate) {
+			if (typeof newDate === 'string') {
+				this.date = DPGlobal.parseDate(newDate, this.format);
+			} else {
+				this.date = new Date(newDate);
+			}
+			this.set();
+			this.viewDate = new Date(this.date.getFullYear(), this.date.getMonth(), 1, 0, 0, 0, 0);
+			this.fill();
+		},
+		
+		place: function(){
+			var offset = this.component ? this.component.offset() : this.element.offset();
+			this.picker.css({
+				top: offset.top + this.height,
+				left: offset.left
+			});
+			// JSN RTL - START
+			if($('html').attr('dir')=='rtl'){
+				this.picker.css({
+					right: $(window).width() - offset.left - 35,
+					left: 'auto'
+				});
+			}
+			// JSN RTL - END
+		},
+		
+		update: function(newDate){
+			this.date = DPGlobal.parseDate(
+				typeof newDate === 'string' ? newDate : (this.isInput ? this.element.prop('value') : this.element.data('date')),
+				this.format
+			);
+			this.viewDate = new Date(this.date.getFullYear(), this.date.getMonth(), 1, 0, 0, 0, 0);
+			this.fill();
+		},
+		
+		fillDow: function(){
+			var dowCnt = this.weekStart;
+			var html = '<tr>';
+			while (dowCnt < this.weekStart + 7) {
+				html += '<th class="dow">'+DPGlobal.dates.daysMin[(dowCnt++)%7]+'</th>';
+			}
+			html += '</tr>';
+			this.picker.find('.jsndatepicker-days thead').append(html);
+		},
+		
+		fillMonths: function(){
+			var html = '';
+			var i = 0
+			while (i < 12) {
+				html += '<span class="month">'+DPGlobal.dates.monthsShort[i++]+'</span>';
+			}
+			this.picker.find('.jsndatepicker-months td').append(html);
+		},
+		
+		fill: function() {
+			var d = new Date(this.viewDate),
+				year = d.getFullYear(),
+				month = d.getMonth(),
+				currentDate = this.date.valueOf();
+			this.picker.find('.jsndatepicker-days th:eq(1)')
+						.text(DPGlobal.dates.months[month]+' '+year);
+			var prevMonth = new Date(year, month-1, 28,0,0,0,0),
+				day = DPGlobal.getDaysInMonth(prevMonth.getFullYear(), prevMonth.getMonth());
+			prevMonth.setDate(day);
+			prevMonth.setDate(day - (prevMonth.getDay() - this.weekStart + 7)%7);
+			var nextMonth = new Date(prevMonth);
+			nextMonth.setDate(nextMonth.getDate() + 42);
+			nextMonth = nextMonth.valueOf();
+			var html = [];
+			var clsName,
+				prevY,
+				prevM;
+			while(prevMonth.valueOf() < nextMonth) {
+				if (prevMonth.getDay() === this.weekStart) {
+					html.push('<tr>');
+				}
+				clsName = this.onRender(prevMonth);
+				prevY = prevMonth.getFullYear();
+				prevM = prevMonth.getMonth();
+				if ((prevM < month &&  prevY === year) ||  prevY < year) {
+					clsName += ' old';
+				} else if ((prevM > month && prevY === year) || prevY > year) {
+					clsName += ' new';
+				}
+				if (prevMonth.valueOf() === currentDate) {
+					clsName += ' active';
+				}
+				html.push('<td class="day '+clsName+'">'+prevMonth.getDate() + '</td>');
+				if (prevMonth.getDay() === this.weekEnd) {
+					html.push('</tr>');
+				}
+				prevMonth.setDate(prevMonth.getDate()+1);
+			}
+			this.picker.find('.jsndatepicker-days tbody').empty().append(html.join(''));
+			var currentYear = this.date.getFullYear();
+			
+			var months = this.picker.find('.jsndatepicker-months')
+						.find('th:eq(1)')
+							.text(year)
+							.end()
+						.find('span').removeClass('active');
+			if (currentYear === year) {
+				months.eq(this.date.getMonth()).addClass('active');
+			}
+			
+			html = '';
+			year = parseInt(year/10, 10) * 10;
+			var yearCont = this.picker.find('.jsndatepicker-years')
+								.find('th:eq(1)')
+									.text(year + '-' + (year + 9))
+									.end()
+								.find('td');
+			year -= 1;
+			for (var i = -1; i < 11; i++) {
+				html += '<span class="year'+(i === -1 || i === 10 ? ' old' : '')+(currentYear === year ? ' active' : '')+'">'+year+'</span>';
+				year += 1;
+			}
+			yearCont.html(html);
+		},
+		
+		click: function(e) {
+			e.stopPropagation();
+			e.preventDefault();
+			var target = $(e.target).closest('span, td, th');
+			if (target.length === 1) {
+				switch(target[0].nodeName.toLowerCase()) {
+					case 'th':
+						switch(target[0].className) {
+							case 'switch':
+								this.showMode(1);
+								break;
+							case 'prev':
+							case 'next':
+								this.viewDate['set'+DPGlobal.modes[this.viewMode].navFnc].call(
+									this.viewDate,
+									this.viewDate['get'+DPGlobal.modes[this.viewMode].navFnc].call(this.viewDate) + 
+									DPGlobal.modes[this.viewMode].navStep * (target[0].className === 'prev' ? -1 : 1)
+								);
+								this.fill();
+								//this.set();
+								break;
+						}
+						break;
+					case 'span':
+						if (target.is('.month')) {
+							var month = target.parent().find('span').index(target);
+							this.viewDate.setMonth(month);
+						} else {
+							var year = parseInt(target.text(), 10)||0;
+							this.viewDate.setFullYear(year);
+						}
+						if (this.viewMode !== 0) {
+							this.date = new Date(this.viewDate);
+							this.element.trigger({
+								type: 'changeDate',
+								date: this.date,
+								viewMode: DPGlobal.modes[this.viewMode].clsName
+							});
+						}
+						this.showMode(-1);
+						this.fill();
+						//this.set();
+						break;
+					case 'td':
+						if (target.is('.day') && !target.is('.disabled')){
+							var day = parseInt(target.text(), 10)||1;
+							var month = this.viewDate.getMonth();
+							if (target.is('.old')) {
+								month -= 1;
+							} else if (target.is('.new')) {
+								month += 1;
+							}
+							var year = this.viewDate.getFullYear();
+							this.date = new Date(year, month, day,0,0,0,0);
+							this.viewDate = new Date(year, month, Math.min(28, day),0,0,0,0);
+							this.fill();
+							this.set();
+							this.hide();
+							this.element.trigger({
+								type: 'changeDate',
+								date: this.date,
+								viewMode: DPGlobal.modes[this.viewMode].clsName
+							});
+						}
+						break;
+				}
+			}
+		},
+		
+		mousedown: function(e){
+			e.stopPropagation();
+			e.preventDefault();
+		},
+		
+		showMode: function(dir) {
+			if (dir) {
+				this.viewMode = Math.max(this.minViewMode, Math.min(2, this.viewMode + dir));
+			}
+			this.picker.find('>div').hide().filter('.jsndatepicker-'+DPGlobal.modes[this.viewMode].clsName).show();
+		}
+	};
+	
+	$.fn.jsndatepicker = function ( option, val ) {
+		return this.each(function () {
+			var $this = $(this),
+				data = $this.data('jsndatepicker'),
+				options = typeof option === 'object' && option;
+			if (!data) {
+				$this.data('jsndatepicker', (data = new JsnDatepicker(this, $.extend({}, $.fn.jsndatepicker.defaults,options))));
+			}
+			if (typeof option === 'string') data[option](val);
+		});
+	};
+
+	$.fn.jsndatepicker.defaults = {
+		onRender: function(date) {
+			return '';
+		}
+	};
+	$.fn.jsndatepicker.Constructor = JsnDatepicker;
+	
+	var DPGlobal = {
+		modes: [
+			{
+				clsName: 'days',
+				navFnc: 'Month',
+				navStep: 1
+			},
+			{
+				clsName: 'months',
+				navFnc: 'FullYear',
+				navStep: 1
+			},
+			{
+				clsName: 'years',
+				navFnc: 'FullYear',
+				navStep: 10
+		}],
+		dates:{
+			days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
+			daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
+			daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"],
+			months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
+			monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
+		},
+		isLeapYear: function (year) {
+			return (((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0))
+		},
+		getDaysInMonth: function (year, month) {
+			return [31, (DPGlobal.isLeapYear(year) ? 29 : 28), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month]
+		},
+		parseFormat: function(format){
+			var separator = format.match(/[.\/\-\s].*?/),
+				parts = format.split(/\W+/);
+			if (!separator || !parts || parts.length === 0){
+				throw new Error("Invalid date format.");
+			}
+			return {separator: separator, parts: parts};
+		},
+		parseDate: function(date, format) {
+			var parts = date.split(format.separator),
+				date = new Date(),
+				val;
+			date.setHours(0);
+			date.setMinutes(0);
+			date.setSeconds(0);
+			date.setMilliseconds(0);
+			if (parts.length === format.parts.length) {
+				var year = date.getFullYear(), day = date.getDate(), month = date.getMonth();
+				for (var i=0, cnt = format.parts.length; i < cnt; i++) {
+					val = parseInt(parts[i], 10)||/* JSN 1 ;*/parts[i];
+					switch(format.parts[i]) {
+						case 'dd':
+						case 'd':
+							day = val;
+							date.setDate(val);
+							break;
+						case 'mm':
+						case 'm':
+							month = val - 1;
+							date.setMonth(val - 1);
+							break;
+						/* JSN Start */
+						case 'MM':
+							val=DPGlobal.dates.months.indexOf(val);
+							month = val;
+							date.setMonth(val);
+							break;
+						case 'M':
+							val=DPGlobal.dates.monthsShort.indexOf(val);
+							month = val;
+							date.setMonth(val);
+							break;
+						/* JSN End */
+						case 'yy':
+							year = 2000 + val;
+							date.setFullYear(2000 + val);
+							break;
+						case 'yyyy':
+							year = val;
+							date.setFullYear(val);
+							break;
+					}
+				}
+				date = new Date(year, month, day, 0 ,0 ,0);
+			}
+			return date;
+		},
+		formatDate: function(date, format){
+			var val = {
+				d: date.getDate(),
+				m: date.getMonth() + 1,
+				yy: date.getFullYear().toString().substring(2),
+				yyyy: date.getFullYear()
+			};
+			val.dd = (val.d < 10 ? '0' : '') + val.d;
+			val.mm = (val.m < 10 ? '0' : '') + val.m;
+			/* JSN Start */
+			val.MM = DPGlobal.dates.months[date.getMonth()];
+			val.M = DPGlobal.dates.monthsShort[date.getMonth()];
+			/* JSN End */
+			var date = [];
+			for (var i=0, cnt = format.parts.length; i < cnt; i++) {
+				date.push(val[format.parts[i]]);
+			}
+			return date.join(format.separator);
+		},
+		headTemplate: '<thead>'+
+							'<tr>'+
+								'<th class="prev">&lsaquo;</th>'+
+								'<th colspan="5" class="switch"></th>'+
+								'<th class="next">&rsaquo;</th>'+
+							'</tr>'+
+						'</thead>',
+		contTemplate: '<tbody><tr><td colspan="7"></td></tr></tbody>'
+	};
+	DPGlobal.template = '<div class="jsndatepicker dropdown-menu">'+
+							'<div class="jsndatepicker-days">'+
+								'<table class=" table-condensed">'+
+									DPGlobal.headTemplate+
+									'<tbody></tbody>'+
+								'</table>'+
+							'</div>'+
+							'<div class="jsndatepicker-months">'+
+								'<table class="table-condensed">'+
+									DPGlobal.headTemplate+
+									DPGlobal.contTemplate+
+								'</table>'+
+							'</div>'+
+							'<div class="jsndatepicker-years">'+
+								'<table class="table-condensed">'+
+									DPGlobal.headTemplate+
+									DPGlobal.contTemplate+
+								'</table>'+
+							'</div>'+
+						'</div>';
+
+}( window.jQuery );
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/js/bootstrap-datepicker.min.js b/deployed/jsn/components/com_jsn/assets/js/bootstrap-datepicker.min.js
new file mode 100644
index 00000000..a7e3c0cf
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/js/bootstrap-datepicker.min.js
@@ -0,0 +1 @@
+!function(a){var b=function(b,d){if(c.dates=DPGlobalDates,this.element=a(b),this.format=c.parseFormat(d.format||this.element.data("date-format")||"mm/dd/yyyy"),this.picker=a(c.template).appendTo("body").on({click:a.proxy(this.click,this)}),this.isInput=this.element.is("input"),this.component=!!this.element.is(".date")&&this.element.find(".btn"),this.isInput?this.element.on({focus:a.proxy(this.show,this),keyup:a.proxy(this.update,this)}):this.component?this.component.on("click",a.proxy(this.show,this)):this.element.on("click",a.proxy(this.show,this)),this.minViewMode=d.minViewMode||this.element.data("date-minviewmode")||0,"string"==typeof this.minViewMode)switch(this.minViewMode){case"months":this.minViewMode=1;break;case"years":this.minViewMode=2;break;default:this.minViewMode=0}if(this.viewMode=d.viewMode||this.element.data("date-viewmode")||0,"string"==typeof this.viewMode)switch(this.viewMode){case"months":this.viewMode=1;break;case"years":this.viewMode=2;break;default:this.viewMode=0}this.startViewMode=this.viewMode,this.weekStart=d.weekStart||this.element.data("date-weekstart")||0,this.weekEnd=0===this.weekStart?6:this.weekStart-1,this.onRender=d.onRender,this.fillDow(),this.fillMonths(),this.update(),this.showMode()};b.prototype={constructor:b,show:function(b){this.picker.show(),this.height=this.component?this.component.outerHeight():this.element.outerHeight(),this.place(),a(window).on("resize",a.proxy(this.place,this)),b&&(b.stopPropagation(),b.preventDefault()),!this.isInput;var c=this;a(document).on("mousedown",function(b){0==a(b.target).closest(".jsndatepicker").length&&c.hide()}),this.element.trigger({type:"show",date:this.date})},hide:function(){this.picker.hide(),a(window).off("resize",this.place),this.viewMode=this.startViewMode,this.showMode(),this.isInput||a(document).off("mousedown",this.hide),this.element.trigger({type:"hide",date:this.date})},set:function(){var a=c.formatDate(this.date,this.format),b=c.formatDate(this.date,{parts:["yyyy","mm","dd"],separator:["-"]});this.isInput?this.element.prop("value",a):(this.component&&(this.element.find("input:first").prop("value",a),this.element.find("input:last").prop("value",b),navigator.appVersion.indexOf("MSIE 9.")==-1&&navigator.appVersion.indexOf("MSIE 8.")==-1||this.element.find("input").removeAttr("required").removeClass("required"),this.element.find("input").change()),this.element.data("date",a))},setValue:function(a){"string"==typeof a?this.date=c.parseDate(a,this.format):this.date=new Date(a),this.set(),this.viewDate=new Date(this.date.getFullYear(),this.date.getMonth(),1,0,0,0,0),this.fill()},place:function(){var b=this.component?this.component.offset():this.element.offset();this.picker.css({top:b.top+this.height,left:b.left}),"rtl"==a("html").attr("dir")&&this.picker.css({right:a(window).width()-b.left-35,left:"auto"})},update:function(a){this.date=c.parseDate("string"==typeof a?a:this.isInput?this.element.prop("value"):this.element.data("date"),this.format),this.viewDate=new Date(this.date.getFullYear(),this.date.getMonth(),1,0,0,0,0),this.fill()},fillDow:function(){for(var a=this.weekStart,b="<tr>";a<this.weekStart+7;)b+='<th class="dow">'+c.dates.daysMin[a++%7]+"</th>";b+="</tr>",this.picker.find(".jsndatepicker-days thead").append(b)},fillMonths:function(){for(var a="",b=0;b<12;)a+='<span class="month">'+c.dates.monthsShort[b++]+"</span>";this.picker.find(".jsndatepicker-months td").append(a)},fill:function(){var a=new Date(this.viewDate),b=a.getFullYear(),d=a.getMonth(),e=this.date.valueOf();this.picker.find(".jsndatepicker-days th:eq(1)").text(c.dates.months[d]+" "+b);var f=new Date(b,d-1,28,0,0,0,0),g=c.getDaysInMonth(f.getFullYear(),f.getMonth());f.setDate(g),f.setDate(g-(f.getDay()-this.weekStart+7)%7);var h=new Date(f);h.setDate(h.getDate()+42),h=h.valueOf();for(var j,k,l,i=[];f.valueOf()<h;)f.getDay()===this.weekStart&&i.push("<tr>"),j=this.onRender(f),k=f.getFullYear(),l=f.getMonth(),l<d&&k===b||k<b?j+=" old":(l>d&&k===b||k>b)&&(j+=" new"),f.valueOf()===e&&(j+=" active"),i.push('<td class="day '+j+'">'+f.getDate()+"</td>"),f.getDay()===this.weekEnd&&i.push("</tr>"),f.setDate(f.getDate()+1);this.picker.find(".jsndatepicker-days tbody").empty().append(i.join(""));var m=this.date.getFullYear(),n=this.picker.find(".jsndatepicker-months").find("th:eq(1)").text(b).end().find("span").removeClass("active");m===b&&n.eq(this.date.getMonth()).addClass("active"),i="",b=10*parseInt(b/10,10);var o=this.picker.find(".jsndatepicker-years").find("th:eq(1)").text(b+"-"+(b+9)).end().find("td");b-=1;for(var p=-1;p<11;p++)i+='<span class="year'+(p===-1||10===p?" old":"")+(m===b?" active":"")+'">'+b+"</span>",b+=1;o.html(i)},click:function(b){b.stopPropagation(),b.preventDefault();var d=a(b.target).closest("span, td, th");if(1===d.length)switch(d[0].nodeName.toLowerCase()){case"th":switch(d[0].className){case"switch":this.showMode(1);break;case"prev":case"next":this.viewDate["set"+c.modes[this.viewMode].navFnc].call(this.viewDate,this.viewDate["get"+c.modes[this.viewMode].navFnc].call(this.viewDate)+c.modes[this.viewMode].navStep*("prev"===d[0].className?-1:1)),this.fill()}break;case"span":if(d.is(".month")){var e=d.parent().find("span").index(d);this.viewDate.setMonth(e)}else{var f=parseInt(d.text(),10)||0;this.viewDate.setFullYear(f)}0!==this.viewMode&&(this.date=new Date(this.viewDate),this.element.trigger({type:"changeDate",date:this.date,viewMode:c.modes[this.viewMode].clsName})),this.showMode(-1),this.fill();break;case"td":if(d.is(".day")&&!d.is(".disabled")){var g=parseInt(d.text(),10)||1,e=this.viewDate.getMonth();d.is(".old")?e-=1:d.is(".new")&&(e+=1);var f=this.viewDate.getFullYear();this.date=new Date(f,e,g,0,0,0,0),this.viewDate=new Date(f,e,Math.min(28,g),0,0,0,0),this.fill(),this.set(),this.hide(),this.element.trigger({type:"changeDate",date:this.date,viewMode:c.modes[this.viewMode].clsName})}}},mousedown:function(a){a.stopPropagation(),a.preventDefault()},showMode:function(a){a&&(this.viewMode=Math.max(this.minViewMode,Math.min(2,this.viewMode+a))),this.picker.find(">div").hide().filter(".jsndatepicker-"+c.modes[this.viewMode].clsName).show()}},a.fn.jsndatepicker=function(c,d){return this.each(function(){var e=a(this),f=e.data("jsndatepicker"),g="object"==typeof c&&c;f||e.data("jsndatepicker",f=new b(this,a.extend({},a.fn.jsndatepicker.defaults,g))),"string"==typeof c&&f[c](d)})},a.fn.jsndatepicker.defaults={onRender:function(a){return""}},a.fn.jsndatepicker.Constructor=b;var c={modes:[{clsName:"days",navFnc:"Month",navStep:1},{clsName:"months",navFnc:"FullYear",navStep:1},{clsName:"years",navFnc:"FullYear",navStep:10}],dates:{days:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],daysShort:["Sun","Mon","Tue","Wed","Thu","Fri","Sat","Sun"],daysMin:["Su","Mo","Tu","We","Th","Fr","Sa","Su"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],monthsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]},isLeapYear:function(a){return a%4===0&&a%100!==0||a%400===0},getDaysInMonth:function(a,b){return[31,c.isLeapYear(a)?29:28,31,30,31,30,31,31,30,31,30,31][b]},parseFormat:function(a){var b=a.match(/[.\/\-\s].*?/),c=a.split(/\W+/);if(!b||!c||0===c.length)throw new Error("Invalid date format.");return{separator:b,parts:c}},parseDate:function(a,b){var e,d=a.split(b.separator),a=new Date;if(a.setHours(0),a.setMinutes(0),a.setSeconds(0),a.setMilliseconds(0),d.length===b.parts.length){for(var f=a.getFullYear(),g=a.getDate(),h=a.getMonth(),i=0,j=b.parts.length;i<j;i++)switch(e=parseInt(d[i],10)||d[i],b.parts[i]){case"dd":case"d":g=e,a.setDate(e);break;case"mm":case"m":h=e-1,a.setMonth(e-1);break;case"MM":e=c.dates.months.indexOf(e),h=e,a.setMonth(e);break;case"M":e=c.dates.monthsShort.indexOf(e),h=e,a.setMonth(e);break;case"yy":f=2e3+e,a.setFullYear(2e3+e);break;case"yyyy":f=e,a.setFullYear(e)}a=new Date(f,h,g,0,0,0)}return a},formatDate:function(a,b){var d={d:a.getDate(),m:a.getMonth()+1,yy:a.getFullYear().toString().substring(2),yyyy:a.getFullYear()};d.dd=(d.d<10?"0":"")+d.d,d.mm=(d.m<10?"0":"")+d.m,d.MM=c.dates.months[a.getMonth()],d.M=c.dates.monthsShort[a.getMonth()];for(var a=[],e=0,f=b.parts.length;e<f;e++)a.push(d[b.parts[e]]);return a.join(b.separator)},headTemplate:'<thead><tr><th class="prev">&lsaquo;</th><th colspan="5" class="switch"></th><th class="next">&rsaquo;</th></tr></thead>',contTemplate:'<tbody><tr><td colspan="7"></td></tr></tbody>'};c.template='<div class="jsndatepicker dropdown-menu"><div class="jsndatepicker-days"><table class=" table-condensed">'+c.headTemplate+'<tbody></tbody></table></div><div class="jsndatepicker-months"><table class="table-condensed">'+c.headTemplate+c.contTemplate+'</table></div><div class="jsndatepicker-years"><table class="table-condensed">'+c.headTemplate+c.contTemplate+"</table></div></div>"}(window.jQuery);
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/js/jquery.Jcrop.min.js b/deployed/jsn/components/com_jsn/assets/js/jquery.Jcrop.min.js
new file mode 100644
index 00000000..41857f5e
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/js/jquery.Jcrop.min.js
@@ -0,0 +1,7 @@
+/**
+ * jquery.Jcrop.min.js v0.9.12 (build:20130202)
+ * jQuery Image Cropping Plugin - released under MIT License
+ * Copyright (c) 2008-2013 Tapmodo Interactive LLC
+ * https://github.com/tapmodo/Jcrop
+ */
+(function(e){e.Jcrop=function(t,n){function r(e){return Math.round(e)+"px"}function i(e){return H.baseClass+"-"+e}function s(){return e.fx.step.hasOwnProperty("backgroundColor")}function o(t){var n=e(t).offset();return[n.left,n.top]}function u(e){return[e.pageX-B[0],e.pageY-B[1]]}function f(t){typeof t!="object"&&(t={}),H=e.extend(H,t),e.each(["onChange","onSelect","onRelease","onDblClick"],function(e,t){typeof H[t]!="function"&&(H[t]=function(){})})}function l(e,t,n){B=o(W),mt.setCursor(e==="move"?e:e+"-resize");if(e==="move")return mt.activateHandlers(h(t),g,n);var r=pt.getFixed(),i=p(e),s=pt.getCorner(p(i));pt.setPressed(pt.getCorner(i)),pt.setCurrent(s),mt.activateHandlers(c(e,r),g,n)}function c(e,t){return function(n){if(!H.aspectRatio)switch(e){case"e":n[1]=t.y2;break;case"w":n[1]=t.y2;break;case"n":n[0]=t.x2;break;case"s":n[0]=t.x2}else switch(e){case"e":n[1]=t.y+1;break;case"w":n[1]=t.y+1;break;case"n":n[0]=t.x+1;break;case"s":n[0]=t.x+1}pt.setCurrent(n),vt.update()}}function h(e){var t=e;return gt.watchKeys(),function(e){pt.moveOffset([e[0]-t[0],e[1]-t[1]]),t=e,vt.update()}}function p(e){switch(e){case"n":return"sw";case"s":return"nw";case"e":return"nw";case"w":return"ne";case"ne":return"sw";case"nw":return"se";case"se":return"nw";case"sw":return"ne"}}function d(e){return function(t){return H.disabled?!1:e==="move"&&!H.allowMove?!1:(B=o(W),ft=!0,l(e,u(t)),t.stopPropagation(),t.preventDefault(),!1)}}function v(e,t,n){var r=e.width(),i=e.height();r>t&&t>0&&(r=t,i=t/e.width()*e.height()),i>n&&n>0&&(i=n,r=n/e.height()*e.width()),ot=e.width()/r,ut=e.height()/i,e.width(r).height(i)}function m(e){return{x:e.x*ot,y:e.y*ut,x2:e.x2*ot,y2:e.y2*ut,w:e.w*ot,h:e.h*ut}}function g(e){var t=pt.getFixed();t.w>H.minSelect[0]&&t.h>H.minSelect[1]?(vt.enableHandles(),vt.done()):vt.release(),mt.setCursor(H.allowSelect?"crosshair":"default")}function y(e){if(H.disabled)return!1;if(!H.allowSelect)return!1;ft=!0,B=o(W),vt.disableHandles(),mt.setCursor("crosshair");var t=u(e);return pt.setPressed(t),vt.update(),mt.activateHandlers(b,g,e.type.substring(0,5)==="touch"),gt.watchKeys(),e.stopPropagation(),e.preventDefault(),!1}function b(e){pt.setCurrent(e),vt.update()}function w(){var t=e("<div></div>").addClass(i("tracker"));return F&&t.css({opacity:0,backgroundColor:"white"}),t}function E(e){$.removeClass().addClass(i("holder")).addClass(e)}function S(e,t){function n(){window.setTimeout(b,c)}var r=e[0]/ot,i=e[1]/ut,s=e[2]/ot,o=e[3]/ut;if(lt)return;var u=pt.flipCoords(r,i,s,o),a=pt.getFixed(),f=[a.x,a.y,a.x2,a.y2],l=f,c=H.animationDelay,h=u[0]-f[0],p=u[1]-f[1],d=u[2]-f[2],v=u[3]-f[3],m=0,g=H.swingSpeed;r=l[0],i=l[1],s=l[2],o=l[3],vt.animMode(!0);var y,b=function(){return function(){m+=(100-m)/g,l[0]=Math.round(r+m/100*h),l[1]=Math.round(i+m/100*p),l[2]=Math.round(s+m/100*d),l[3]=Math.round(o+m/100*v),m>=99.8&&(m=100),m<100?(T(l),n()):(vt.done(),vt.animMode(!1),typeof t=="function"&&t.call(yt))}}();n()}function x(e){T([e[0]/ot,e[1]/ut,e[2]/ot,e[3]/ut]),H.onSelect.call(yt,m(pt.getFixed())),vt.enableHandles()}function T(e){pt.setPressed([e[0],e[1]]),pt.setCurrent([e[2],e[3]]),vt.update()}function N(){return m(pt.getFixed())}function C(){return pt.getFixed()}function k(e){f(e),P()}function L(){H.disabled=!0,vt.disableHandles(),vt.setCursor("default"),mt.setCursor("default")}function A(){H.disabled=!1,P()}function O(){vt.done(),mt.activateHandlers(null,null)}function M(){$.remove(),R.show(),R.css("visibility","visible"),e(t).removeData("Jcrop")}function _(e,t){vt.release(),L();var n=new Image;n.onload=function(){var r=n.width,i=n.height,s=H.boxWidth,o=H.boxHeight;W.width(r).height(i),W.attr("src",e),J.attr("src",e),v(W,s,o),X=W.width(),V=W.height(),J.width(X).height(V),Z.width(X+Y*2).height(V+Y*2),$.width(X).height(V),dt.resize(X,V),A(),typeof t=="function"&&t.call(yt)},n.src=e}function D(e,t,n){var r=t||H.bgColor;H.bgFade&&s()&&H.fadeTime&&!n?e.animate({backgroundColor:r},{queue:!1,duration:H.fadeTime}):e.css("backgroundColor",r)}function P(e){H.allowResize?e?vt.enableOnly():vt.enableHandles():vt.disableHandles(),mt.setCursor(H.allowSelect?"crosshair":"default"),vt.setCursor(H.allowMove?"move":"default"),H.hasOwnProperty("trueSize")&&(ot=H.trueSize[0]/X,ut=H.trueSize[1]/V),H.hasOwnProperty("setSelect")&&(x(H.setSelect),vt.done(),delete H.setSelect),dt.refresh(),H.bgColor!=et&&(D(H.shade?dt.getShades():$,H.shade?H.shadeColor||H.bgColor:H.bgColor),et=H.bgColor),tt!=H.bgOpacity&&(tt=H.bgOpacity,H.shade?dt.refresh():vt.setBgOpacity(tt)),nt=H.maxSize[0]||0,rt=H.maxSize[1]||0,it=H.minSize[0]||0,st=H.minSize[1]||0,H.hasOwnProperty("outerImage")&&(W.attr("src",H.outerImage),delete H.outerImage),vt.refresh()}var H=e.extend({},e.Jcrop.defaults),B,j=navigator.userAgent.toLowerCase(),F=/msie/.test(j),I=/msie [1-6]\./.test(j);typeof t!="object"&&(t=e(t)[0]),typeof n!="object"&&(n={}),f(n);var q={border:"none",visibility:"visible",margin:0,padding:0,position:"absolute",top:0,left:0},R=e(t),U=!0;if(t.tagName=="IMG"){if(R[0].width!=0&&R[0].height!=0)R.width(R[0].width),R.height(R[0].height);else{var z=new Image;z.src=R[0].src,R.width(z.width),R.height(z.height)}var W=R.clone().removeAttr("id").css(q).show();W.width(R.width()),W.height(R.height()),R.after(W).hide()}else W=R.css(q).show(),U=!1,H.shade===null&&(H.shade=!0);v(W,H.boxWidth,H.boxHeight);var X=W.width(),V=W.height(),$=e("<div />").width(X).height(V).addClass(i("holder")).css({position:"relative",backgroundColor:H.bgColor}).insertAfter(R).append(W);H.addClass&&$.addClass(H.addClass);var J=e("<div />"),K=e("<div />").width("100%").height("100%").css({zIndex:310,position:"absolute",overflow:"hidden"}),Q=e("<div />").width("100%").height("100%").css("zIndex",320),G=e("<div />").css({position:"absolute",zIndex:600}).dblclick(function(){var e=pt.getFixed();H.onDblClick.call(yt,e)}).insertBefore(W).append(K,Q);U&&(J=e("<img />").attr("src",W.attr("src")).css(q).width(X).height(V),K.append(J)),I&&G.css({overflowY:"hidden"});var Y=H.boundary,Z=w().width(X+Y*2).height(V+Y*2).css({position:"absolute",top:r(-Y),left:r(-Y),zIndex:290}).mousedown(y),et=H.bgColor,tt=H.bgOpacity,nt,rt,it,st,ot,ut,at=!0,ft,lt,ct;B=o(W);var ht=function(){function e(){var e={},t=["touchstart","touchmove","touchend"],n=document.createElement("div"),r;try{for(r=0;r<t.length;r++){var i=t[r];i="on"+i;var s=i in n;s||(n.setAttribute(i,"return;"),s=typeof n[i]=="function"),e[t[r]]=s}return e.touchstart&&e.touchend&&e.touchmove}catch(o){return!1}}function t(){return H.touchSupport===!0||H.touchSupport===!1?H.touchSupport:e()}return{createDragger:function(e){return function(t){return H.disabled?!1:e==="move"&&!H.allowMove?!1:(B=o(W),ft=!0,l(e,u(ht.cfilter(t)),!0),t.stopPropagation(),t.preventDefault(),!1)}},newSelection:function(e){return y(ht.cfilter(e))},cfilter:function(e){return e.pageX=e.originalEvent.changedTouches[0].pageX,e.pageY=e.originalEvent.changedTouches[0].pageY,e},isSupported:e,support:t()}}(),pt=function(){function e(e){e=o(e),h=l=e[0],p=c=e[1]}function t(e){e=o(e),d=e[0]-h,v=e[1]-p,h=e[0],p=e[1]}function n(){return[d,v]}function r(e){var t=e[0],n=e[1];0>l+t&&(t-=t+l),0>c+n&&(n-=n+c),V<p+n&&(n+=V-(p+n)),X<h+t&&(t+=X-(h+t)),l+=t,h+=t,c+=n,p+=n}function i(e){var t=s();switch(e){case"ne":return[t.x2,t.y];case"nw":return[t.x,t.y];case"se":return[t.x2,t.y2];case"sw":return[t.x,t.y2]}}function s(){if(!H.aspectRatio)return a();var e=H.aspectRatio,t=H.minSize[0]/ot,n=H.maxSize[0]/ot,r=H.maxSize[1]/ut,i=h-l,s=p-c,o=Math.abs(i),d=Math.abs(s),v=o/d,m,g,y,b;return n===0&&(n=X*10),r===0&&(r=V*10),v<e?(g=p,y=d*e,m=i<0?l-y:y+l,m<0?(m=0,b=Math.abs((m-l)/e),g=s<0?c-b:b+c):m>X&&(m=X,b=Math.abs((m-l)/e),g=s<0?c-b:b+c)):(m=h,b=o/e,g=s<0?c-b:c+b,g<0?(g=0,y=Math.abs((g-c)*e),m=i<0?l-y:y+l):g>V&&(g=V,y=Math.abs(g-c)*e,m=i<0?l-y:y+l)),m>l?(m-l<t?m=l+t:m-l>n&&(m=l+n),g>c?g=c+(m-l)/e:g=c-(m-l)/e):m<l&&(l-m<t?m=l-t:l-m>n&&(m=l-n),g>c?g=c+(l-m)/e:g=c-(l-m)/e),m<0?(l-=m,m=0):m>X&&(l-=m-X,m=X),g<0?(c-=g,g=0):g>V&&(c-=g-V,g=V),f(u(l,c,m,g))}function o(e){return e[0]<0&&(e[0]=0),e[1]<0&&(e[1]=0),e[0]>X&&(e[0]=X),e[1]>V&&(e[1]=V),[Math.round(e[0]),Math.round(e[1])]}function u(e,t,n,r){var i=e,s=n,o=t,u=r;return n<e&&(i=n,s=e),r<t&&(o=r,u=t),[i,o,s,u]}function a(){var e=h-l,t=p-c,n;return nt&&Math.abs(e)>nt&&(h=e>0?l+nt:l-nt),rt&&Math.abs(t)>rt&&(p=t>0?c+rt:c-rt),st/ut&&Math.abs(t)<st/ut&&(p=t>0?c+st/ut:c-st/ut),it/ot&&Math.abs(e)<it/ot&&(h=e>0?l+it/ot:l-it/ot),l<0&&(h-=l,l-=l),c<0&&(p-=c,c-=c),h<0&&(l-=h,h-=h),p<0&&(c-=p,p-=p),h>X&&(n=h-X,l-=n,h-=n),p>V&&(n=p-V,c-=n,p-=n),l>X&&(n=l-V,p-=n,c-=n),c>V&&(n=c-V,p-=n,c-=n),f(u(l,c,h,p))}function f(e){return{x:e[0],y:e[1],x2:e[2],y2:e[3],w:e[2]-e[0],h:e[3]-e[1]}}var l=0,c=0,h=0,p=0,d,v;return{flipCoords:u,setPressed:e,setCurrent:t,getOffset:n,moveOffset:r,getCorner:i,getFixed:s}}(),dt=function(){function t(e,t){v.left.css({height:r(t)}),v.right.css({height:r(t)})}function n(){return i(pt.getFixed())}function i(e){v.top.css({left:r(e.x),width:r(e.w),height:r(e.y)}),v.bottom.css({top:r(e.y2),left:r(e.x),width:r(e.w),height:r(V-e.y2)}),v.right.css({left:r(e.x2),width:r(X-e.x2)}),v.left.css({width:r(e.x)})}function s(){return e("<div />").css({position:"absolute",backgroundColor:H.shadeColor||H.bgColor}).appendTo(d)}function o(){p||(p=!0,d.insertBefore(W),n(),vt.setBgOpacity(1,0,1),J.hide(),u(H.shadeColor||H.bgColor,1),vt.isAwake()?l(H.bgOpacity,1):l(1,1))}function u(e,t){D(h(),e,t)}function f(){p&&(d.remove(),J.show(),p=!1,vt.isAwake()?vt.setBgOpacity(H.bgOpacity,1,1):(vt.setBgOpacity(1,1,1),vt.disableHandles()),D($,0,1))}function l(e,t){p&&(H.bgFade&&!t?d.animate({opacity:1-e},{queue:!1,duration:H.fadeTime}):d.css({opacity:1-e}))}function c(){H.shade?o():f(),vt.isAwake()&&l(H.bgOpacity)}function h(){return d.children()}var p=!1,d=e("<div />").css({position:"absolute",zIndex:240,opacity:0}),v={top:s(),left:s().height(V),right:s().height(V),bottom:s()};return{update:n,updateRaw:i,getShades:h,setBgColor:u,enable:o,disable:f,resize:t,refresh:c,opacity:l}}(),vt=function(){function t(t){var n=e("<div />").css({position:"absolute",opacity:H.borderOpacity}).addClass(i(t));return K.append(n),n}function n(t,n){var r=e("<div />").mousedown(d(t)).css({cursor:t+"-resize",position:"absolute",zIndex:n}).addClass("ord-"+t);return ht.support&&r.bind("touchstart.jcrop",ht.createDragger(t)),Q.append(r),r}function s(e){var t=H.handleSize,r=n(e,L++).css({opacity:H.handleOpacity}).addClass(i("handle"));return t&&r.width(t).height(t),r}function o(e){return n(e,L++).addClass("jcrop-dragbar")}function u(e){var t;for(t=0;t<e.length;t++)M[e[t]]=o(e[t])}function f(e){var n,r;for(r=0;r<e.length;r++){switch(e[r]){case"n":n="hline";break;case"s":n="hline bottom";break;case"e":n="vline right";break;case"w":n="vline"}A[e[r]]=t(n)}}function l(e){var t;for(t=0;t<e.length;t++)O[e[t]]=s(e[t])}function c(e,t){H.shade||J.css({top:r(-t),left:r(-e)}),G.css({top:r(t),left:r(e)})}function h(e,t){G.width(Math.round(e)).height(Math.round(t))}function p(){var e=pt.getFixed();pt.setPressed([e.x,e.y]),pt.setCurrent([e.x2,e.y2]),v()}function v(e){if(k)return g(e)}function g(e){var t=pt.getFixed();h(t.w,t.h),c(t.x,t.y),H.shade&&dt.updateRaw(t),k||b(),e?H.onSelect.call(yt,m(t)):H.onChange.call(yt,m(t))}function y(e,t,n){if(!k&&!t)return;H.bgFade&&!n?W.animate({opacity:e},{queue:!1,duration:H.fadeTime}):W.css("opacity",e)}function b(){G.show(),H.shade?dt.opacity(tt):y(tt,!0),k=!0}function E(){T(),G.hide(),H.shade?dt.opacity(1):y(1),k=!1,H.onRelease.call(yt)}function S(){_&&Q.show()}function x(){_=!0;if(H.allowResize)return Q.show(),!0}function T(){_=!1,Q.hide()}function N(e){e?(lt=!0,T()):(lt=!1,x())}function C(){N(!1),p()}var k,L=370,A={},O={},M={},_=!1;H.dragEdges&&e.isArray(H.createDragbars)&&u(H.createDragbars),e.isArray(H.createHandles)&&l(H.createHandles),H.drawBorders&&e.isArray(H.createBorders)&&f(H.createBorders),e(document).bind("touchstart.jcrop-ios",function(t){e(t.currentTarget).hasClass("jcrop-tracker")&&t.stopPropagation()});var D=w().mousedown(d("move")).css({cursor:"move",position:"absolute",zIndex:360});return ht.support&&D.bind("touchstart.jcrop",ht.createDragger("move")),K.append(D),T(),{updateVisible:v,update:g,release:E,refresh:p,isAwake:function(){return k},setCursor:function(e){D.css("cursor",e)},enableHandles:x,enableOnly:function(){_=!0},showHandles:S,disableHandles:T,animMode:N,setBgOpacity:y,done:C}}(),mt=function(){function t(t){Z.css({zIndex:450}),t?e(document).bind("touchmove.jcrop",o).bind("touchend.jcrop",f):p&&e(document).bind("mousemove.jcrop",r).bind("mouseup.jcrop",i)}function n(){Z.css({zIndex:290}),e(document).unbind(".jcrop")}function r(e){return c(u(e)),!1}function i(e){return e.preventDefault(),e.stopPropagation(),ft&&(ft=!1,h(u(e)),vt.isAwake()&&H.onSelect.call(yt,m(pt.getFixed())),n(),c=function(){},h=function(){}),!1}function s(e,n,r){return ft=!0,c=e,h=n,t(r),!1}function o(e){return c(u(ht.cfilter(e))),!1}function f(e){return i(ht.cfilter(e))}function l(e){Z.css("cursor",e)}var c=function(){},h=function(){},p=H.trackDocument;return p||Z.mousemove(r).mouseup(i).mouseout(i),W.before(Z),{activateHandlers:s,setCursor:l}}(),gt=function(){function t(){H.keySupport&&(s.show(),s.focus())}function n(e){s.hide()}function r(e,t,n){H.allowMove&&(pt.moveOffset([t,n]),vt.updateVisible(!0)),e.preventDefault(),e.stopPropagation()}function i(e){if(e.ctrlKey||e.metaKey)return!0;ct=e.shiftKey?!0:!1;var t=ct?10:1;switch(e.keyCode){case 37:r(e,-t,0);break;case 39:r(e,t,0);break;case 38:r(e,0,-t);break;case 40:r(e,0,t);break;case 27:H.allowSelect&&vt.release();break;case 9:return!0}return!1}var s=e('<input type="radio" />').css({position:"fixed",left:"-120px",width:"12px"}).addClass("jcrop-keymgr"),o=e("<div />").css({position:"absolute",overflow:"hidden"}).append(s);return H.keySupport&&(s.keydown(i).blur(n),I||!H.fixedSupport?(s.css({position:"absolute",left:"-20px"}),o.append(s).insertBefore(W)):s.insertBefore(W)),{watchKeys:t}}();ht.support&&Z.bind("touchstart.jcrop",ht.newSelection),Q.hide(),P(!0);var yt={setImage:_,animateTo:S,setSelect:x,setOptions:k,tellSelect:N,tellScaled:C,setClass:E,disable:L,enable:A,cancel:O,release:vt.release,destroy:M,focus:gt.watchKeys,getBounds:function(){return[X*ot,V*ut]},getWidgetSize:function(){return[X,V]},getScaleFactor:function(){return[ot,ut]},getOptions:function(){return H},ui:{holder:$,selection:G}};return F&&$.bind("selectstart",function(){return!1}),R.data("Jcrop",yt),yt},e.fn.Jcrop=function(t,n){var r;return this.each(function(){if(e(this).data("Jcrop")){if(t==="api")return e(this).data("Jcrop");e(this).data("Jcrop").setOptions(t)}else this.tagName=="IMG"?e.Jcrop.Loader(this,function(){e(this).css({display:"block",visibility:"hidden"}),r=e.Jcrop(this,t),e.isFunction(n)&&n.call(r)}):(e(this).css({display:"block",visibility:"hidden"}),r=e.Jcrop(this,t),e.isFunction(n)&&n.call(r))}),this},e.Jcrop.Loader=function(t,n,r){function i(){o.complete?(s.unbind(".jcloader"),e.isFunction(n)&&n.call(o)):window.setTimeout(i,50)}var s=e(t),o=s[0];s.bind("load.jcloader",i).bind("error.jcloader",function(t){s.unbind(".jcloader"),e.isFunction(r)&&r.call(o)}),o.complete&&e.isFunction(n)&&(s.unbind(".jcloader"),n.call(o))},e.Jcrop.defaults={allowSelect:!0,allowMove:!0,allowResize:!0,trackDocument:!0,baseClass:"jcrop",addClass:null,bgColor:"black",bgOpacity:.6,bgFade:!1,borderOpacity:.4,handleOpacity:.5,handleSize:null,aspectRatio:0,keySupport:!0,createHandles:["n","s","e","w","nw","ne","se","sw"],createDragbars:["n","s","e","w"],createBorders:["n","s","e","w"],drawBorders:!0,dragEdges:!0,fixedSupport:!0,touchSupport:null,shade:null,boxWidth:0,boxHeight:0,boundary:2,fadeTime:400,animationDelay:20,swingSpeed:3,minSelect:[0,0],maxSize:[0,0],minSize:[0,0],onChange:function(){},onSelect:function(){},onDblClick:function(){},onRelease:function(){}}})(jQuery)
diff --git a/deployed/jsn/components/com_jsn/assets/js/jquery.imgpicker.js b/deployed/jsn/components/com_jsn/assets/js/jquery.imgpicker.js
new file mode 100644
index 00000000..3c21544d
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/js/jquery.imgpicker.js
@@ -0,0 +1,716 @@
+;(function($, window, document, undefined) {
+
+    // Detect XMLHttpRequest support
+    $.support.xhrUpload =  !!(window.XMLHttpRequest && window.File && window.FileReader
+                                && window.FileList && window.Blob && window.FormData);
+
+    // Detect getUserMedia support
+    $.support.getUserMedia = !!(navigator.getUserMedia || navigator.webkitGetUserMedia ||
+                                navigator.mozGetUserMedia || navigator.msGetUserMedia);
+
+    // Detect Jcrop support
+    $.support.Jcrop = !!$.Jcrop;
+
+    // Detect JPEGCam support
+    $.support.Webcam = !!window.Webcam;
+
+    var
+    // Plugin name
+    pluginName = 'imgPicker',
+
+    // Default plugin options
+    defaults = {
+        // Upload url (Value Type: string)
+        url: 'server/upload.php',
+
+        // DropZone (See Plugin.prototype.init())
+        //dropZone: null,
+
+        // Whether crop is enabled (Value Type: boolean)
+        crop: true,
+
+        // Aspect ratio of w/h (Value Type: decimal)
+        aspectRatio: null,
+
+        // Minimum width/height, use 0 for unbounded dimension (Value Type: array [ w, h ])
+        minSize: null,
+
+        // Maximum width/height, use 0 for unbounded dimension (Value Type: array [ w, h ])
+        maxSize: null,
+
+        // Set an initial selection area (Value Type: array [ x, y, x2, y2 ])
+        setSelect: null,
+
+        // Flash swf url
+        swf: 'assets/webcam.swf',
+
+        // Flash swf width/height (Value Type: array [ w, h ])
+        swfSize: [470, 350],
+
+        // Custom data to be passed to server (Value Type: object)
+        data: {},
+
+        // Messages
+        messages: {
+            selectimg: 'Please select a image to upload',
+            parsererror: 'Invalid response',
+            webcamerror: 'Webcam Error: ',
+            uploading: 'Uploading...',
+            error: 'Unexpected error',
+            datauri: 'Cannot locate image format in Data URI',
+            webcamjs: 'Flash webcam not found',
+            upgrade: 'This feature is not available in this browser',
+            loading: 'Loading image...',
+            saving: 'Saving...',
+            jcrop: 'jQuery Jcrop not found',
+            minCropWidth: 'Crop selection requires a minimum width of ',
+            maxCropWidth: 'Crop selection exceeds maximum width of ',
+            minCropHeight: 'Crop selection requires a height of ',
+            maxCropHeight: 'Crop selection exceeds maximum height of ',
+            img404: 'Error 404: No image was found'
+        },
+    },
+    // HTML5 webcam stream
+    stream,
+
+    // IframeTransport iframe counter
+    counter = 0;
+
+    // Plugin constructor
+    function Plugin(container, options) {
+        this.options   = $.extend({}, defaults, options);
+        this.container = $(container);
+        this.init();
+    }
+
+    // Plugin functions
+    Plugin.prototype = {
+
+        // Initialization function
+        init: function() {
+
+            // Add click events for the buttons
+            this.elem('.ip-upload').on('change', 'input', $.proxy(this.upload, this));
+            this.elem('.ip-webcam').on('click', $.proxy(this.webcam, this));
+            this.elem('.ip-edit').on('click', $.proxy(this.edit, this));
+            this.elem('.ip-delete').on('click', $.proxy(this._delete, this));
+            this.elem('.ip-cancel').on('click', $.proxy(this.reset, this));
+
+            if (this.options.dropZone === undefined)
+                this.options.dropZone = this.container;
+
+            var self = this,
+            trigger  = $('[data-ip-modal="#'+ this.container.attr('id') +'"]');
+
+            if (trigger.length) {
+                // Modal events
+                this.container.on({
+                    'show.ip.modal': function() {
+                        self.container.fadeIn(150, function() {
+                            $(this).trigger('shown.ip.modal', self);
+                        });
+                    },
+                    'hide.ip.modal': function() {
+                        self.container.fadeOut(150, function() {
+                            self.reset();
+                            $(this).trigger('hidden.ip.modal', self);
+                        });
+                    }
+                });
+
+                // Add click event on the button to open modal
+                trigger.on('click', function(e) {
+                    e.preventDefault();
+                    self.modal('show');
+                    self.elem('.ip-close').off().on('click', function() {
+                        self.modal('hide');
+                    });
+                });
+
+                if (this.options.dropZone === undefined)
+                    this.options.dropZone = this.elem('.ip-modal-content');
+            }
+
+            // Drag & drop upload
+            if (this.options.dropZone) {
+                this.options.dropZone.on('dragenter', function(e) {
+                    e.stopPropagation();
+                    e.preventDefault();
+                }).on('dragover', function(e) {
+                    e.stopPropagation();
+                    e.preventDefault();
+                }).on('drop', function(e) {
+                    e.preventDefault();
+                    if (e.originalEvent.dataTransfer.files && e.originalEvent.dataTransfer.files[0]) {
+                        self.reset();
+                        self.handleFileUpload(e.originalEvent.dataTransfer.files[0]);
+                    }
+                });
+            }
+
+            if (this.options.loadComplete)
+                this.load();
+        },
+
+        // Modal function, show/hide modal
+        modal: function(action) {
+            this.container.trigger(action + '.ip.modal');
+        },
+
+        // Autoload image from server
+        load: function() {
+            var self = this;
+            $.ajax({
+                url: this.options.url,
+                dataType: 'json',
+                data: {action: 'load', data: this.getData()},
+                success: function(response) {
+                    self.dispatch('loadComplete', response);
+                }
+            });
+        },
+
+        // Upload init
+        upload: function(event) {
+            this.reset();
+
+            // Iframe Transport fallback
+            if (!$.support.xhrUpload)
+                return this.iframeTransport(event);
+
+            // XHR Upload
+            if (event.target.files && event.target.files[0])
+                this.handleFileUpload(event.target.files[0]);
+
+            $(event.target).val('');
+        },
+
+        // Iframe Transport upload
+        iframeTransport: function(event) {
+            var iframe, form, self = this,
+            fileInput = $(event.target),
+            parent = fileInput.parent(),
+            fileInputClone = fileInput.clone();
+
+            this.dispatch('uploadProgress', 100);
+
+            // Create & add iframe to body
+            iframe = $('<iframe name="iframe-transport-'+(counter+1)+'" style="display:none;"></iframe>')
+            .appendTo('body')
+            .on('load', function() {
+                self.dispatch('uploadProgressComplete', function() {
+                    try {
+                        var response = $.parseJSON( iframe.contents().find('body').html() );
+                    } catch(e) {}
+
+                    // Check for response
+                    if (response) {
+                        self.alert('', 'hide');
+                        self.uploadComplete(response);
+                    } else
+                        self.alert(self.i18n('parsererror'), 'error');
+
+                    // Remove iframe & form
+                    setTimeout(function() {
+                        iframe.remove(); form.remove();
+                        parent.append(fileInputClone);
+                    }, 100);
+                });
+            });
+
+            // Create form
+            form = $('<form style="display:none;"><form/>');
+            form.prop('method', 'POST');
+            form.prop('action', this.options.url);
+            form.prop('target', iframe.prop('name'));
+            form.prop('enctype', 'multipart/form-data');
+            form.prop('encoding', 'multipart/form-data');
+            form.prop({action: this.options.url, target: iframe.prop('name')});
+            form.append(fileInput);
+            form.append('<input type="hidden" name="action" value="upload"/>');
+
+            // Add custom data to the form
+            var data = this.getData();
+            if (data) {
+                $.each(data, function (name, value) {
+                    $('<input type="hidden"/>').prop('name', 'data['+name+']').val(value).appendTo(form);
+                });
+            }
+
+            // Append the form to body and submit
+            form.appendTo('body').trigger('submit');
+        },
+
+        // Webcam snapshot
+        webcam: function() {
+            this.reset();
+
+            // Flash webcam fallback
+            if (!$.support.getUserMedia)
+                return this.flashWebcam();
+
+            // HTML5 Webcam with <video>
+            var video = $('<video autoplay></video>');
+            this.elem('.ip-preview').html(video);
+
+            navigator.getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia ||
+                                   navigator.mozGetUserMedia || navigator.msGetUserMedia);
+
+            var self = this;
+            navigator.getUserMedia({video: true}, function(_stream) {
+                try {
+                    video.attr('src', window.URL.createObjectURL(stream = _stream) );
+                }
+                catch(err) {
+                    var _video = document.querySelector("video");
+                    stream = _stream;
+                    _video.srcObject = stream;
+                    _video.play();
+                }
+
+                self.elem('.ip-preview, .ip-cancel').show();
+                self.elem('.ip-capture').on('click', function() {
+                    var canvas = document.createElement('canvas'),
+                        ctx    = canvas.getContext('2d');
+
+                    canvas.width  = video[0].videoWidth;
+                    canvas.height = video[0].videoHeight;
+                    ctx.drawImage(video[0], 0, 0);
+
+                    self.reset();
+                    self.handleFileUpload( canvas.toDataURL('image/jpeg') );
+                }).show();
+
+            }, function(error) {
+                /* JSN - Start */
+                if(error.name=='PermissionDeniedError') return self.flashWebcam();
+                /* JSN - END */
+                self.alert(self.i18n('webcamerror') + error.name, 'error');
+            });
+        },
+
+        // Flash webcam fallback
+        flashWebcam: function() {
+            //if (!$.support.Webcam)
+            //  return this.alert(this.i18n('webcamjs'), 'error');
+
+            // Check if browser supports XHR upload
+            if (!$.support.xhrUpload)
+                return this.alert(this.i18n('upgrade'), 'error');
+
+            var self = this;
+            Webcam.error = function() {
+                self.elem('.ip-preview').html('');
+                return self.alert('Webcam not detected.', 'error');
+            };
+
+            this.elem('.ip-preview').html( Webcam.getHtml(this.options.swf, this.options.swfSize) ).show();
+
+            var self = this;
+            Webcam.loaded = function() {
+                self.elem('.ip-cancel').show();
+                self.elem('.ip-capture').on('click', function() {
+                    var imageData = Webcam.snap();
+                    self.reset();
+                    self.handleFileUpload(imageData);
+                }).show();
+            };
+        },
+
+
+        // Handle file upload
+        handleFileUpload: function(file) {
+            // Check for file
+            if (!file)
+                return this.alert(this.i18n('selectimg'), 'error');
+
+            // Check if file is ImageData string
+            if (!file.name) {
+                if (!file.match(/^data\:image\/(\w+)/))
+                    return this.alert(this.i18n('datauri'), 'error');
+
+                var rawImageData = file.replace(/^data\:image\/\w+\;base64\,/, '');
+                file = new Blob([this.base64DecToArr(rawImageData)], {type: 'image/jpeg'});
+            }
+
+            var self = this;
+
+            this.elem('.ip-upload input, .ip-webcam').prop('disabled', true),
+
+            // Init XHR upload
+            xhr = $.ajaxSettings.xhr();
+            xhr.open('POST', this.options.url, true);
+
+            // XHR upload progress
+            xhr.upload.onprogress = function(e) {
+                if (e.lengthComputable) {
+                    var percentage = Math.floor((e.loaded / e.total) * 100);
+                    self.dispatch('uploadProgress', percentage);
+                }
+            };
+
+            // XHR upload complete
+            xhr.onload = function() { setTimeout(function() {
+                self.elem('.ip-upload input, .ip-webcam').prop('disabled', false);
+                self.dispatch('uploadProgressComplete', function() {
+                    if (xhr.status == 200) {
+                        try {
+                            var response = $.parseJSON(xhr.responseText);
+                        } catch(e) {}
+
+                        // Check for response
+                        if (response) {
+                            self.alert('', 'hide');
+                            return self.uploadComplete(response);
+                        }
+                    }
+                    self.alert(self.i18n('parsererror'), 'error');
+                });
+            }, 500)};
+
+            // Create form, append file input and custom inputs
+            var form = new FormData();
+            form.append('action', 'upload');
+            form.append('file', file);
+            $.each(this.getData(), function(name, val) {
+                form.append('data['+name+']', val);
+            });
+
+            // Send request
+            xhr.send(form);
+        },
+
+        // Upload progress
+        uploadProgress: function(percentage) {
+            this.elem('.ip-progress').fadeIn().find('.progress-bar').css('width', percentage+'%');
+        },
+
+        // Upload progress complete
+        uploadProgressComplete: function(callback) {
+            this.elem('.ip-progress').fadeOut(function() {
+                $(this).find('.progress-bar').css('width', '0%');
+                callback();
+            });
+        },
+
+        // Upload complete
+        uploadComplete: function(image) {
+            // Check for image erro
+            if (image.error)
+                return this.alert(this.i18n(image.error||'error'), 'error');
+
+            // Dispatch uploadSuccess callback
+            this.dispatch('uploadSuccess', image);
+
+            if (this.options.crop)
+                this.crop(image);
+        },
+
+        // Crop function
+        crop: function(image) {
+            this.reset();
+
+            // Check if Jcrop exists
+            if (!$.support.Jcrop)
+                return this.dispatch('alert', this.i18n('jcrop'), 'error');
+
+            var self = this,
+            rotation = 0,
+            coords,
+            updateCoords = function(_coords) { coords = _coords },
+            options = {onChange: updateCoords, onRelease: updateCoords, bgColor: 'white'},
+            /* JSN - Start */
+            imagePreview = this.options.url + '&action=preview&file=' + image.name + '&width=800';
+            /* JSN - END */
+
+            var data = this.getData();
+            for (var key in data) {
+                imagePreview += '&data['+key+']='+data[key];
+            }
+
+            var rotate = function(deg) {
+                rotation += deg;
+                if (Math.abs(rotation) >= 360) rotation = 0;
+                loadjcrop(imagePreview+'&rotate='+rotation);
+            };
+
+            if (this.options.aspectRatio) options.aspectRatio = this.options.aspectRatio;
+            if (this.options.setSelect) options.setSelect = this.options.setSelect;
+            if (this.options.minSize) options.minSize = this.options.minSize;
+            if (this.options.maxSize) options.maxSize = this.options.maxSize;
+
+            var loadjcrop = function(imagePreview) {
+                imagePreview += '&rand=' + new Date().getTime();
+                self.alert(self.i18n('loading'), 'loading');
+
+                var tmpImage = new Image();
+                tmpImage.onload = function() {
+                    self.alert('', 'hide');
+                    self.elem('.ip-cancel').show();
+
+                    var img = $('<img src="'+imagePreview+'" style="visibility:hidden;">');
+                    self.elem('.ip-preview').html(img);
+
+                    if (Math.abs(rotation) == 90 || Math.abs(rotation) == 270)
+                        options.trueSize = [image.height, image.width];
+                    else
+                        options.trueSize = [image.width, image.height];
+
+                    self.elem('.ip-preview, .ip-rotate, .ip-info, .ip-save').show();
+
+                    img.Jcrop(options);
+                };
+
+                tmpImage.onerror = function() { self.alert(self.i18n('img404'), 'error') };
+                tmpImage.src = imagePreview;
+            };
+
+            loadjcrop(imagePreview);
+
+            // Rotate events
+            this.elem('.ip-rotate-ccw').on('click', function() { rotate(-90) }).show();
+            this.elem('.ip-rotate-cw').on('click', function() { rotate(90) }).show();
+
+            // Save event
+            this.elem('.ip-save').on('click', function() {
+                $.ajax({
+                    url: self.options.url,
+                    type: 'POST',
+                    dataType: 'json',
+                    data: {
+                        action: 'crop',
+                        image: image.name,
+                        coords: coords,
+                        rotate: rotation,
+                        data: self.getData()
+                    },
+                    beforeSend: function() {
+                        if (!self.validateCrop(coords||{})) return;
+
+                        self.elem('.ip-save').prop('disabled', true);
+                        self.alert(self.i18n('saving'), 'loading');
+                    },
+                    success: function(image) {
+                        if (image.error)
+                            return self.alert(self.i18n(image.error||'error'), 'error');
+                        self.reset();
+                        self.setImage(image);
+                        self.dispatch('cropSuccess', image);
+                    },
+                    error: function() { self.alert(self.i18n('parsererror'), 'error') },
+                    complete: function() { self.elem('.ip-save').prop('disabled', false) }
+                });
+            });
+        },
+
+        // Crop validation
+        validateCrop: function(coords) {
+            var  options = this.options;
+            if (options.minSize) {
+                if (options.minSize[0] && (coords.w||0) < options.minSize[0])
+                   return this.alert(this.i18n('minCropWidth')+options.minSize[0]+'px', 'error');
+
+                if (options.maxSize && options.maxSize[0] && (coords.w||0) > options.maxSize[0])
+                    return this.alert(this.i18n('maxCropWidth')+options.maxSize[0]+'px', 'error');
+
+                if (options.minSize[1] && (coords.h||0) < options.minSize[1])
+                    return this.alert(this.i18n('minCropHeight')+options.minSize[1]+'px', 'error');
+
+                if (options.maxSize && options.maxSize[1] && (coords.h||0) > options.maxSize[1])
+                   return this.alert(this.i18n('maxCropHeight')+options.maxSize[1]+'px', 'error');
+            }
+            return true;
+        },
+
+        // Delete action
+        _delete: function() {
+            if (this.image && this.image.name)
+                $.post(this.options.url, {action: 'delete', data: this.getData(), file: this.image.name});
+
+            this.elem('.ip-delete, .ip-edit').hide();
+            this.dispatch('deleteComplete');
+        },
+
+        // Edit action
+        edit: function() {
+            if (this.image)
+                this.crop(this.image);
+        },
+
+        // Set image object
+        setImage: function(image) {
+            this.image = image;
+            this.elem('.ip-delete, .ip-edit').show();
+        },
+
+        // Reset everything
+        reset: function() {
+            this.alert('', 'hide');
+
+            this.elem('.ip-preview').html('').fadeOut();
+            this.elem('.ip-save, .ip-capture, .ip-rotate-cw, .ip-rotate-ccw').off().hide();
+            this.elem('.ip-cancel, .ip-rotate, .ip-info').hide();
+
+            if (stream) {
+                try { stream.getTracks()[0].stop(); } catch (e) { }
+                delete stream;
+            }
+        },
+
+        // Alert function
+        alert: function(message, messageType) {
+            if (this.options.alert)
+                return this.options.alert(message, messageType);
+
+            var alert = this.container.find('.ip-alert');
+
+            if (messageType == 'hide')
+                return alert.hide();
+
+            alert.html(message)
+                .removeClass(
+                    (messageType == 'success' ? 'alert-danger alert-warning' :
+                        messageType =='warning' || messageType == 'loading' ?
+                            'alert-danger alert-success' :
+                                'alert-warning alert-danger')
+                )
+                .addClass('alert-'+ ( messageType == 'success' ? 'success' :
+                            messageType =='warning' || messageType == 'loading' ?
+                                'warning' : 'danger')
+                ).append( $('<a class="dismiss">&times;</a>').on('click', function() { alert.hide(); }) )
+                .show();
+        },
+
+        getData: function() {
+            if (typeof this.options.data == 'function') {
+                return this.options.data();
+            }
+
+            return this.options.data;
+        },
+
+        // Translation function
+        i18n: function(message) {
+            return (this.options.messages[message] || message.toString());
+        },
+
+        // Get element from container
+        elem: function(selector) {
+            return this.container.find(selector);
+        },
+
+        // Dispatch callbacks
+        dispatch: function() {
+            var name = arguments[0].replace(/^on/i, ''),
+                args = Array.prototype.slice.call(arguments, 1),
+                callback = this.options[name] || this[name];
+
+            if (callback) {
+                if (typeof(callback) == 'function') {
+                    callback.apply(this, args);
+                    return true;
+                }
+            }
+            return false;
+        },
+
+        // Convert base64 encoded character to 6-bit integer
+        b64ToUint6: function(nChr) {
+            // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Base64_encoding_and_decoding
+            return nChr > 64 && nChr < 91 ? nChr - 65
+                : nChr > 96 && nChr < 123 ? nChr - 71
+                : nChr > 47 && nChr < 58 ? nChr + 4
+                : nChr === 43 ? 62 : nChr === 47 ? 63 : 0;
+        },
+
+        // Convert base64 encoded string to Uintarray
+        base64DecToArr: function(sBase64, nBlocksSize) {
+            // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Base64_encoding_and_decoding
+            var sB64Enc = sBase64.replace(/[^A-Za-z0-9\+\/]/g, ""), nInLen = sB64Enc.length,
+                nOutLen = nBlocksSize ? Math.ceil((nInLen * 3 + 1 >> 2) / nBlocksSize) * nBlocksSize : nInLen * 3 + 1 >> 2,
+                taBytes = new Uint8Array(nOutLen);
+
+            for (var nMod3, nMod4, nUint24 = 0, nOutIdx = 0, nInIdx = 0; nInIdx < nInLen; nInIdx++) {
+                nMod4 = nInIdx & 3;
+                nUint24 |= this.b64ToUint6(sB64Enc.charCodeAt(nInIdx)) << 18 - 6 * nMod4;
+                if (nMod4 === 3 || nInLen - nInIdx === 1) {
+                    for (nMod3 = 0; nMod3 < 3 && nOutIdx < nOutLen; nMod3++, nOutIdx++) {
+                        taBytes[nOutIdx] = nUint24 >>> (16 >>> nMod3 & 24) & 255;
+                    }
+                    nUint24 = 0;
+                }
+            }
+            return taBytes;
+        }
+    };
+
+    // Plugin wrapper, prevents multiple instantiations
+    $.fn[pluginName] = function(options) {
+        this.each(function() {
+            if (!$.data(this, 'plugin_' + pluginName)) {
+                $.data(this, 'plugin_' + pluginName, new Plugin(this, options));
+            }
+        });
+
+        // chain jQuery functions
+        return this;
+    };
+
+})(jQuery, window, document);
+
+/* JSN - Start */
+var time = function(){return'?'+new Date().getTime()};
+/* JSN - End */
+
+/**
+ * JPEGCam (custom)
+ * Joseph Huckaby
+ * https://code.google.com/p/jpegcam/
+ */
+window.Webcam = {
+    isLoaded: false,
+    loaded: null,
+    complete: null,
+    error: null,
+
+    // Return html to embed webcam.swf flash
+    getHtml: function(swf, swfSize) {
+        return '<object id="webcam_movie_obj" type="application/x-shockwave-flash" width="'+swfSize[0]+'" height="'+swfSize[1]+'"><param name="allowScriptAccess" value="always"/><param name="allowFullScreen" value="false"/><param name="movie" value="'+swf+'"/><param name="wmode" value="transparent"/><param name="flashvars" value="width='+swfSize[0]+'&height='+swfSize[1]+'&dest_width='+(swfSize[0]*1.5)+'&dest_height='+(swfSize[1]*1.5)+'&image_format=jpeg&jpeg_quality=100&force_flash=false">'+
+                '</object>';
+    },
+
+    // Send request to webcam.swf
+    snap: function() {
+        if (!this.isLoaded)
+            return alert('JPEGCam ERROR: Movie is not loaded yet');
+
+        var movie = document.getElementById('webcam_movie_obj'),
+            rawData = '';
+
+        if (!movie)
+            alert('JPEGCam ERROR: Cannot locate movie #webcam_movie_obj in DOM');
+
+        try {
+            rawData = 'data:image/jpeg;base64,' + movie._snap();
+        } catch (e) {}
+
+        return rawData;
+    },
+
+    // webcam.swf will call this function
+    flashNotify: function(type, msg) {
+        switch (type) {
+            case 'flashLoadComplete':
+                this.isLoaded = true;
+            break;
+
+            case 'cameraLive':
+                this.loaded();
+            break;
+
+            case 'error':
+                this.error(msg);
+            break;
+        }
+    }
+};
diff --git a/deployed/jsn/components/com_jsn/assets/js/jquery.imgpicker.min.js b/deployed/jsn/components/com_jsn/assets/js/jquery.imgpicker.min.js
new file mode 100644
index 00000000..c5338bf8
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/js/jquery.imgpicker.min.js
@@ -0,0 +1 @@
+!function(e,t,i,a){function r(t,i){this.options=e.extend({},s,i),this.container=e(t),this.init()}e.support.xhrUpload=!!(t.XMLHttpRequest&&t.File&&t.FileReader&&t.FileList&&t.Blob&&t.FormData),e.support.getUserMedia=!!(navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia),e.support.Jcrop=!!e.Jcrop,e.support.Webcam=!!t.Webcam;var o,n="imgPicker",s={url:"server/upload.php",crop:!0,aspectRatio:null,minSize:null,maxSize:null,setSelect:null,swf:"assets/webcam.swf",swfSize:[470,350],data:{},messages:{selectimg:"Please select a image to upload",parsererror:"Invalid response",webcamerror:"Webcam Error: ",uploading:"Uploading...",error:"Unexpected error",datauri:"Cannot locate image format in Data URI",webcamjs:"Flash webcam not found",upgrade:"This feature is not available in this browser",loading:"Loading image...",saving:"Saving...",jcrop:"jQuery Jcrop not found",minCropWidth:"Crop selection requires a minimum width of ",maxCropWidth:"Crop selection exceeds maximum width of ",minCropHeight:"Crop selection requires a height of ",maxCropHeight:"Crop selection exceeds maximum height of ",img404:"Error 404: No image was found"}},p=0;r.prototype={init:function(){this.elem(".ip-upload").on("change","input",e.proxy(this.upload,this)),this.elem(".ip-webcam").on("click",e.proxy(this.webcam,this)),this.elem(".ip-edit").on("click",e.proxy(this.edit,this)),this.elem(".ip-delete").on("click",e.proxy(this._delete,this)),this.elem(".ip-cancel").on("click",e.proxy(this.reset,this)),this.options.dropZone===a&&(this.options.dropZone=this.container);var t=this,i=e('[data-ip-modal="#'+this.container.attr("id")+'"]');i.length&&(this.container.on({"show.ip.modal":function(){t.container.fadeIn(150,function(){e(this).trigger("shown.ip.modal",t)})},"hide.ip.modal":function(){t.container.fadeOut(150,function(){t.reset(),e(this).trigger("hidden.ip.modal",t)})}}),i.on("click",function(e){e.preventDefault(),t.modal("show"),t.elem(".ip-close").off().on("click",function(){t.modal("hide")})}),this.options.dropZone===a&&(this.options.dropZone=this.elem(".ip-modal-content"))),this.options.dropZone&&this.options.dropZone.on("dragenter",function(e){e.stopPropagation(),e.preventDefault()}).on("dragover",function(e){e.stopPropagation(),e.preventDefault()}).on("drop",function(e){e.preventDefault(),e.originalEvent.dataTransfer.files&&e.originalEvent.dataTransfer.files[0]&&(t.reset(),t.handleFileUpload(e.originalEvent.dataTransfer.files[0]))}),this.options.loadComplete&&this.load()},modal:function(e){this.container.trigger(e+".ip.modal")},load:function(){var t=this;e.ajax({url:this.options.url,dataType:"json",data:{action:"load",data:this.getData()},success:function(e){t.dispatch("loadComplete",e)}})},upload:function(t){return this.reset(),e.support.xhrUpload?(t.target.files&&t.target.files[0]&&this.handleFileUpload(t.target.files[0]),void e(t.target).val("")):this.iframeTransport(t)},iframeTransport:function(t){var i,a,r=this,o=e(t.target),n=o.parent(),s=o.clone();this.dispatch("uploadProgress",100),i=e('<iframe name="iframe-transport-'+(p+1)+'" style="display:none;"></iframe>').appendTo("body").on("load",function(){r.dispatch("uploadProgressComplete",function(){try{var t=e.parseJSON(i.contents().find("body").html())}catch(o){}t?(r.alert("","hide"),r.uploadComplete(t)):r.alert(r.i18n("parsererror"),"error"),setTimeout(function(){i.remove(),a.remove(),n.append(s)},100)})}),a=e('<form style="display:none;"><form/>'),a.prop("method","POST"),a.prop("action",this.options.url),a.prop("target",i.prop("name")),a.prop("enctype","multipart/form-data"),a.prop("encoding","multipart/form-data"),a.prop({action:this.options.url,target:i.prop("name")}),a.append(o),a.append('<input type="hidden" name="action" value="upload"/>');var l=this.getData();l&&e.each(l,function(t,i){e('<input type="hidden"/>').prop("name","data["+t+"]").val(i).appendTo(a)}),a.appendTo("body").trigger("submit")},webcam:function(){if(this.reset(),!e.support.getUserMedia)return this.flashWebcam();var a=e("<video autoplay></video>");this.elem(".ip-preview").html(a),navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;var r=this;navigator.getUserMedia({video:!0},function(e){try{a.attr("src",t.URL.createObjectURL(o=e))}catch(n){var s=i.querySelector("video");o=e,s.srcObject=o,s.play()}r.elem(".ip-preview, .ip-cancel").show(),r.elem(".ip-capture").on("click",function(){var e=i.createElement("canvas"),t=e.getContext("2d");e.width=a[0].videoWidth,e.height=a[0].videoHeight,t.drawImage(a[0],0,0),r.reset(),r.handleFileUpload(e.toDataURL("image/jpeg"))}).show()},function(e){return"PermissionDeniedError"==e.name?r.flashWebcam():void r.alert(r.i18n("webcamerror")+e.name,"error")})},flashWebcam:function(){if(!e.support.xhrUpload)return this.alert(this.i18n("upgrade"),"error");var t=this;Webcam.error=function(){return t.elem(".ip-preview").html(""),t.alert("Webcam not detected.","error")},this.elem(".ip-preview").html(Webcam.getHtml(this.options.swf,this.options.swfSize)).show();var t=this;Webcam.loaded=function(){t.elem(".ip-cancel").show(),t.elem(".ip-capture").on("click",function(){var e=Webcam.snap();t.reset(),t.handleFileUpload(e)}).show()}},handleFileUpload:function(t){if(!t)return this.alert(this.i18n("selectimg"),"error");if(!t.name){if(!t.match(/^data\:image\/(\w+)/))return this.alert(this.i18n("datauri"),"error");var i=t.replace(/^data\:image\/\w+\;base64\,/,"");t=new Blob([this.base64DecToArr(i)],{type:"image/jpeg"})}var a=this;this.elem(".ip-upload input, .ip-webcam").prop("disabled",!0),xhr=e.ajaxSettings.xhr(),xhr.open("POST",this.options.url,!0),xhr.upload.onprogress=function(e){if(e.lengthComputable){var t=Math.floor(e.loaded/e.total*100);a.dispatch("uploadProgress",t)}},xhr.onload=function(){setTimeout(function(){a.elem(".ip-upload input, .ip-webcam").prop("disabled",!1),a.dispatch("uploadProgressComplete",function(){if(200==xhr.status){try{var t=e.parseJSON(xhr.responseText)}catch(i){}if(t)return a.alert("","hide"),a.uploadComplete(t)}a.alert(a.i18n("parsererror"),"error")})},500)};var r=new FormData;r.append("action","upload"),r.append("file",t),e.each(this.getData(),function(e,t){r.append("data["+e+"]",t)}),xhr.send(r)},uploadProgress:function(e){this.elem(".ip-progress").fadeIn().find(".progress-bar").css("width",e+"%")},uploadProgressComplete:function(t){this.elem(".ip-progress").fadeOut(function(){e(this).find(".progress-bar").css("width","0%"),t()})},uploadComplete:function(e){return e.error?this.alert(this.i18n(e.error||"error"),"error"):(this.dispatch("uploadSuccess",e),void(this.options.crop&&this.crop(e)))},crop:function(t){if(this.reset(),!e.support.Jcrop)return this.dispatch("alert",this.i18n("jcrop"),"error");var i,a=this,r=0,o=function(e){i=e},n={onChange:o,onRelease:o,bgColor:"white"},s=this.options.url+"&action=preview&file="+t.name+"&width=800",p=this.getData();for(var l in p)s+="&data["+l+"]="+p[l];var c=function(e){r+=e,Math.abs(r)>=360&&(r=0),h(s+"&rotate="+r)};this.options.aspectRatio&&(n.aspectRatio=this.options.aspectRatio),this.options.setSelect&&(n.setSelect=this.options.setSelect),this.options.minSize&&(n.minSize=this.options.minSize),this.options.maxSize&&(n.maxSize=this.options.maxSize);var h=function(i){i+="&rand="+(new Date).getTime(),a.alert(a.i18n("loading"),"loading");var o=new Image;o.onload=function(){a.alert("","hide"),a.elem(".ip-cancel").show();var o=e('<img src="'+i+'" style="visibility:hidden;">');a.elem(".ip-preview").html(o),90==Math.abs(r)||270==Math.abs(r)?n.trueSize=[t.height,t.width]:n.trueSize=[t.width,t.height],a.elem(".ip-preview, .ip-rotate, .ip-info, .ip-save").show(),o.Jcrop(n)},o.onerror=function(){a.alert(a.i18n("img404"),"error")},o.src=i};h(s),this.elem(".ip-rotate-ccw").on("click",function(){c(-90)}).show(),this.elem(".ip-rotate-cw").on("click",function(){c(90)}).show(),this.elem(".ip-save").on("click",function(){e.ajax({url:a.options.url,type:"POST",dataType:"json",data:{action:"crop",image:t.name,coords:i,rotate:r,data:a.getData()},beforeSend:function(){a.validateCrop(i||{})&&(a.elem(".ip-save").prop("disabled",!0),a.alert(a.i18n("saving"),"loading"))},success:function(e){return e.error?a.alert(a.i18n(e.error||"error"),"error"):(a.reset(),a.setImage(e),void a.dispatch("cropSuccess",e))},error:function(){a.alert(a.i18n("parsererror"),"error")},complete:function(){a.elem(".ip-save").prop("disabled",!1)}})})},validateCrop:function(e){var t=this.options;if(t.minSize){if(t.minSize[0]&&(e.w||0)<t.minSize[0])return this.alert(this.i18n("minCropWidth")+t.minSize[0]+"px","error");if(t.maxSize&&t.maxSize[0]&&(e.w||0)>t.maxSize[0])return this.alert(this.i18n("maxCropWidth")+t.maxSize[0]+"px","error");if(t.minSize[1]&&(e.h||0)<t.minSize[1])return this.alert(this.i18n("minCropHeight")+t.minSize[1]+"px","error");if(t.maxSize&&t.maxSize[1]&&(e.h||0)>t.maxSize[1])return this.alert(this.i18n("maxCropHeight")+t.maxSize[1]+"px","error")}return!0},_delete:function(){this.image&&this.image.name&&e.post(this.options.url,{action:"delete",data:this.getData(),file:this.image.name}),this.elem(".ip-delete, .ip-edit").hide(),this.dispatch("deleteComplete")},edit:function(){this.image&&this.crop(this.image)},setImage:function(e){this.image=e,this.elem(".ip-delete, .ip-edit").show()},reset:function(){if(this.alert("","hide"),this.elem(".ip-preview").html("").fadeOut(),this.elem(".ip-save, .ip-capture, .ip-rotate-cw, .ip-rotate-ccw").off().hide(),this.elem(".ip-cancel, .ip-rotate, .ip-info").hide(),o){try{o.getTracks()[0].stop()}catch(e){}delete o}},alert:function(t,i){if(this.options.alert)return this.options.alert(t,i);var a=this.container.find(".ip-alert");return"hide"==i?a.hide():void a.html(t).removeClass("success"==i?"alert-danger alert-warning":"warning"==i||"loading"==i?"alert-danger alert-success":"alert-warning alert-danger").addClass("alert-"+("success"==i?"success":"warning"==i||"loading"==i?"warning":"danger")).append(e('<a class="dismiss">&times;</a>').on("click",function(){a.hide()})).show()},getData:function(){return"function"==typeof this.options.data?this.options.data():this.options.data},i18n:function(e){return this.options.messages[e]||e.toString()},elem:function(e){return this.container.find(e)},dispatch:function(){var e=arguments[0].replace(/^on/i,""),t=Array.prototype.slice.call(arguments,1),i=this.options[e]||this[e];return i&&"function"==typeof i?(i.apply(this,t),!0):!1},b64ToUint6:function(e){return e>64&&91>e?e-65:e>96&&123>e?e-71:e>47&&58>e?e+4:43===e?62:47===e?63:0},base64DecToArr:function(e,t){for(var i,a,r=e.replace(/[^A-Za-z0-9\+\/]/g,""),o=r.length,n=t?Math.ceil((3*o+1>>2)/t)*t:3*o+1>>2,s=new Uint8Array(n),p=0,l=0,c=0;o>c;c++)if(a=3&c,p|=this.b64ToUint6(r.charCodeAt(c))<<18-6*a,3===a||o-c===1){for(i=0;3>i&&n>l;i++,l++)s[l]=p>>>(16>>>i&24)&255;p=0}return s}},e.fn[n]=function(t){return this.each(function(){e.data(this,"plugin_"+n)||e.data(this,"plugin_"+n,new r(this,t))}),this}}(jQuery,window,document);var time=function(){return"?"+(new Date).getTime()};window.Webcam={isLoaded:!1,loaded:null,complete:null,error:null,getHtml:function(e,t){return'<object id="webcam_movie_obj" type="application/x-shockwave-flash" width="'+t[0]+'" height="'+t[1]+'"><param name="allowScriptAccess" value="always"/><param name="allowFullScreen" value="false"/><param name="movie" value="'+e+'"/><param name="wmode" value="transparent"/><param name="flashvars" value="width='+t[0]+"&height="+t[1]+"&dest_width="+1.5*t[0]+"&dest_height="+1.5*t[1]+'&image_format=jpeg&jpeg_quality=100&force_flash=false"></object>'},snap:function(){if(!this.isLoaded)return alert("JPEGCam ERROR: Movie is not loaded yet");var e=document.getElementById("webcam_movie_obj"),t="";e||alert("JPEGCam ERROR: Cannot locate movie #webcam_movie_obj in DOM");try{t="data:image/jpeg;base64,"+e._snap()}catch(i){}return t},flashNotify:function(e,t){switch(e){case"flashLoadComplete":this.isLoaded=!0;break;case"cameraLive":this.loaded();break;case"error":this.error(t)}}};
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/js/jquery.slim.js b/deployed/jsn/components/com_jsn/assets/js/jquery.slim.js
new file mode 100644
index 00000000..dd65c1b8
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/js/jquery.slim.js
@@ -0,0 +1,8654 @@
+/*
+ * Slim v4.6.1 - Image Cropping Made Easy
+ * Copyright (c) 2017 Rik Schennink - http://slimimagecropper.com
+ */
+(function($,undefined){
+
+	'use strict';
+
+	// if no jquery, stop here
+	if (!$) {return;}
+
+	// library reference
+	var Slim = (function() {
+
+// custom event polyfill for IE10
+(function() {
+	if ( typeof window.CustomEvent === 'function' ) return false;
+
+	function CustomEvent ( event, params ) {
+		params = params || { bubbles: false, cancelable: false, detail: undefined };
+		var evt = document.createEvent( 'CustomEvent' );
+		evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail );
+		return evt;
+	}
+
+	CustomEvent.prototype = window.Event.prototype;
+
+	window.CustomEvent = CustomEvent;
+})();
+/*
+* JavaScript Load Image
+* https://github.com/blueimp/JavaScript-Load-Image
+*
+* Copyright 2011, Sebastian Tschan
+* https://blueimp.net
+*
+* Licensed under the MIT license:
+* http://www.opensource.org/licenses/MIT
+*/
+
+/*global define, module, window, document, URL, webkitURL, FileReader */
+
+// Loads an image for a given File object.
+// Invokes the callback with an img or optional canvas
+// element (if supported by the browser) as parameter:
+var loadImage = function (file, callback, options) {
+    var img = document.createElement('img')
+    var url
+    var oUrl
+    img.onerror = callback
+    img.onload = function () {
+        if (oUrl && !(options && options.noRevoke)) {
+            loadImage.revokeObjectURL(oUrl)
+        }
+        if (callback) {
+            callback(loadImage.scale(img, options))
+        }
+    }
+    if (loadImage.isInstanceOf('Blob', file) ||
+        // Files are also Blob instances, but some browsers
+        // (Firefox 3.6) support the File API but not Blobs:
+        loadImage.isInstanceOf('File', file)) {
+        url = oUrl = loadImage.createObjectURL(file)
+        // Store the file type for resize processing:
+        img._type = file.type
+    } else if (typeof file === 'string') {
+        url = file
+        if (options && options.crossOrigin) {
+            img.crossOrigin = options.crossOrigin
+        }
+    } else {
+        return false
+    }
+    if (url) {
+        img.src = url
+        return img
+    }
+    return loadImage.readFile(file, function (e) {
+        var target = e.target
+        if (target && target.result) {
+            img.src = target.result
+        } else {
+            if (callback) {
+                callback(e)
+            }
+        }
+    })
+}
+// The check for URL.revokeObjectURL fixes an issue with Opera 12,
+// which provides URL.createObjectURL but doesn't properly implement it:
+var urlAPI = (window.createObjectURL && window) ||
+    (window.URL && URL.revokeObjectURL && URL) ||
+    (window.webkitURL && webkitURL)
+
+loadImage.isInstanceOf = function (type, obj) {
+    // Cross-frame instanceof check
+    return Object.prototype.toString.call(obj) === '[object ' + type + ']'
+}
+
+// Transform image coordinates, allows to override e.g.
+// the canvas orientation based on the orientation option,
+// gets canvas, options passed as arguments:
+loadImage.transformCoordinates = function () {
+    return
+}
+
+// Returns transformed options, allows to override e.g.
+// maxWidth, maxHeight and crop options based on the aspectRatio.
+// gets img, options passed as arguments:
+loadImage.getTransformedOptions = function (img, options) {
+    var aspectRatio = options.aspectRatio
+    var newOptions
+    var i
+    var width
+    var height
+    if (!aspectRatio) {
+        return options
+    }
+    newOptions = {}
+    for (i in options) {
+        if (options.hasOwnProperty(i)) {
+            newOptions[i] = options[i]
+        }
+    }
+    newOptions.crop = true
+    width = img.naturalWidth || img.width
+    height = img.naturalHeight || img.height
+    if (width / height > aspectRatio) {
+        newOptions.maxWidth = height * aspectRatio
+        newOptions.maxHeight = height
+    } else {
+        newOptions.maxWidth = width
+        newOptions.maxHeight = width / aspectRatio
+    }
+    return newOptions
+}
+
+// Canvas render method, allows to implement a different rendering algorithm:
+loadImage.renderImageToCanvas = function (
+    canvas,
+    img,
+    sourceX,
+    sourceY,
+    sourceWidth,
+    sourceHeight,
+    destX,
+    destY,
+    destWidth,
+    destHeight
+) {
+    canvas.getContext('2d').drawImage(
+        img,
+        sourceX,
+        sourceY,
+        sourceWidth,
+        sourceHeight,
+        destX,
+        destY,
+        destWidth,
+        destHeight
+    )
+    return canvas
+}
+
+// This method is used to determine if the target image
+// should be a canvas element:
+loadImage.hasCanvasOption = function (options) {
+    return options.canvas || options.crop || !!options.aspectRatio
+}
+
+// Scales and/or crops the given image (img or canvas HTML element)
+// using the given options.
+// Returns a canvas object if the browser supports canvas
+// and the hasCanvasOption method returns true or a canvas
+// object is passed as image, else the scaled image:
+loadImage.scale = function (img, options) {
+    options = options || {}
+    var canvas = document.createElement('canvas')
+    var useCanvas = img.getContext ||
+        (loadImage.hasCanvasOption(options) && canvas.getContext)
+    var width = img.naturalWidth || img.width
+    var height = img.naturalHeight || img.height
+    var destWidth = width
+    var destHeight = height
+    var maxWidth
+    var maxHeight
+    var minWidth
+    var minHeight
+    var sourceWidth
+    var sourceHeight
+    var sourceX
+    var sourceY
+    var pixelRatio
+    var downsamplingRatio
+    var tmp
+    function scaleUp () {
+        var scale = Math.max(
+            (minWidth || destWidth) / destWidth,
+            (minHeight || destHeight) / destHeight
+        )
+        if (scale > 1) {
+            destWidth *= scale
+            destHeight *= scale
+        }
+    }
+    function scaleDown () {
+        var scale = Math.min(
+            (maxWidth || destWidth) / destWidth,
+            (maxHeight || destHeight) / destHeight
+        )
+        if (scale < 1) {
+            destWidth *= scale
+            destHeight *= scale
+        }
+    }
+    if (useCanvas) {
+        options = loadImage.getTransformedOptions(img, options)
+        sourceX = options.left || 0
+        sourceY = options.top || 0
+        if (options.sourceWidth) {
+            sourceWidth = options.sourceWidth
+            if (options.right !== undefined && options.left === undefined) {
+                sourceX = width - sourceWidth - options.right
+            }
+        } else {
+            sourceWidth = width - sourceX - (options.right || 0)
+        }
+        if (options.sourceHeight) {
+            sourceHeight = options.sourceHeight
+            if (options.bottom !== undefined && options.top === undefined) {
+                sourceY = height - sourceHeight - options.bottom
+            }
+        } else {
+            sourceHeight = height - sourceY - (options.bottom || 0)
+        }
+        destWidth = sourceWidth
+        destHeight = sourceHeight
+    }
+    maxWidth = options.maxWidth
+    maxHeight = options.maxHeight
+    minWidth = options.minWidth
+    minHeight = options.minHeight
+    if (useCanvas && maxWidth && maxHeight && options.crop) {
+        destWidth = maxWidth
+        destHeight = maxHeight
+        tmp = sourceWidth / sourceHeight - maxWidth / maxHeight
+        if (tmp < 0) {
+            sourceHeight = maxHeight * sourceWidth / maxWidth
+            if (options.top === undefined && options.bottom === undefined) {
+                sourceY = (height - sourceHeight) / 2
+            }
+        } else if (tmp > 0) {
+            sourceWidth = maxWidth * sourceHeight / maxHeight
+            if (options.left === undefined && options.right === undefined) {
+                sourceX = (width - sourceWidth) / 2
+            }
+        }
+    } else {
+        if (options.contain || options.cover) {
+            minWidth = maxWidth = maxWidth || minWidth
+            minHeight = maxHeight = maxHeight || minHeight
+        }
+        if (options.cover) {
+            scaleDown()
+            scaleUp()
+        } else {
+            scaleUp()
+            scaleDown()
+        }
+    }
+    if (useCanvas) {
+        pixelRatio = options.pixelRatio
+        if (pixelRatio > 1) {
+            canvas.style.width = destWidth + 'px'
+            canvas.style.height = destHeight + 'px'
+            destWidth *= pixelRatio
+            destHeight *= pixelRatio
+            canvas.getContext('2d').scale(pixelRatio, pixelRatio)
+        }
+        downsamplingRatio = options.downsamplingRatio
+        if (downsamplingRatio > 0 && downsamplingRatio < 1 &&
+            destWidth < sourceWidth && destHeight < sourceHeight) {
+            while (sourceWidth * downsamplingRatio > destWidth) {
+                canvas.width = sourceWidth * downsamplingRatio
+                canvas.height = sourceHeight * downsamplingRatio
+                loadImage.renderImageToCanvas(
+                    canvas,
+                    img,
+                    sourceX,
+                    sourceY,
+                    sourceWidth,
+                    sourceHeight,
+                    0,
+                    0,
+                    canvas.width,
+                    canvas.height
+                )
+                sourceWidth = canvas.width
+                sourceHeight = canvas.height
+                img = document.createElement('canvas')
+                img.width = sourceWidth
+                img.height = sourceHeight
+                loadImage.renderImageToCanvas(
+                    img,
+                    canvas,
+                    0,
+                    0,
+                    sourceWidth,
+                    sourceHeight,
+                    0,
+                    0,
+                    sourceWidth,
+                    sourceHeight
+                )
+            }
+        }
+        canvas.width = destWidth
+        canvas.height = destHeight
+        loadImage.transformCoordinates(
+            canvas,
+            options
+        )
+        return loadImage.renderImageToCanvas(
+            canvas,
+            img,
+            sourceX,
+            sourceY,
+            sourceWidth,
+            sourceHeight,
+            0,
+            0,
+            destWidth,
+            destHeight
+        )
+    }
+    img.width = destWidth
+    img.height = destHeight
+    return img
+}
+
+loadImage.createObjectURL = function (file) {
+    return urlAPI ? urlAPI.createObjectURL(file) : false
+}
+
+loadImage.revokeObjectURL = function (url) {
+    return urlAPI ? urlAPI.revokeObjectURL(url) : false
+}
+
+// Loads a given File object via FileReader interface,
+// invokes the callback with the event object (load or error).
+// The result can be read via event.target.result:
+loadImage.readFile = function (file, callback, method) {
+    if (window.FileReader) {
+        var fileReader = new FileReader()
+        fileReader.onload = fileReader.onerror = callback
+        method = method || 'readAsDataURL'
+        if (fileReader[method]) {
+            fileReader[method](file)
+            return fileReader
+        }
+    }
+    return false
+}
+
+var originalHasCanvasOption = loadImage.hasCanvasOption
+var originalTransformCoordinates = loadImage.transformCoordinates
+var originalGetTransformedOptions = loadImage.getTransformedOptions
+
+// This method is used to determine if the target image
+// should be a canvas element:
+loadImage.hasCanvasOption = function (options) {
+    return !!options.orientation ||
+        originalHasCanvasOption.call(loadImage, options)
+}
+
+// Transform image orientation based on
+// the given EXIF orientation option:
+loadImage.transformCoordinates = function (canvas, options) {
+    originalTransformCoordinates.call(loadImage, canvas, options)
+    var ctx = canvas.getContext('2d')
+    var width = canvas.width
+    var height = canvas.height
+    var styleWidth = canvas.style.width
+    var styleHeight = canvas.style.height
+    var orientation = options.orientation
+    if (!orientation || orientation > 8) {
+        return
+    }
+    if (orientation > 4) {
+        canvas.width = height
+        canvas.height = width
+        canvas.style.width = styleHeight
+        canvas.style.height = styleWidth
+    }
+    switch (orientation) {
+        case 2:
+            // horizontal flip
+            ctx.translate(width, 0)
+            ctx.scale(-1, 1)
+            break
+        case 3:
+            // 180° rotate left
+            ctx.translate(width, height)
+            ctx.rotate(Math.PI)
+            break
+        case 4:
+            // vertical flip
+            ctx.translate(0, height)
+            ctx.scale(1, -1)
+            break
+        case 5:
+            // vertical flip + 90 rotate right
+            ctx.rotate(0.5 * Math.PI)
+            ctx.scale(1, -1)
+            break
+        case 6:
+            // 90° rotate right
+            ctx.rotate(0.5 * Math.PI)
+            ctx.translate(0, -height)
+            break
+        case 7:
+            // horizontal flip + 90 rotate right
+            ctx.rotate(0.5 * Math.PI)
+            ctx.translate(width, -height)
+            ctx.scale(-1, 1)
+            break
+        case 8:
+            // 90° rotate left
+            ctx.rotate(-0.5 * Math.PI)
+            ctx.translate(-width, 0)
+            break
+    }
+}
+
+// Transforms coordinate and dimension options
+// based on the given orientation option:
+loadImage.getTransformedOptions = function (img, opts) {
+    var options = originalGetTransformedOptions.call(loadImage, img, opts)
+    var orientation = options.orientation
+    var newOptions
+    var i
+    if (!orientation || orientation > 8 || orientation === 1) {
+        return options
+    }
+    newOptions = {}
+    for (i in options) {
+        if (options.hasOwnProperty(i)) {
+            newOptions[i] = options[i]
+        }
+    }
+    switch (options.orientation) {
+        case 2:
+            // horizontal flip
+            newOptions.left = options.right
+            newOptions.right = options.left
+            break
+        case 3:
+            // 180° rotate left
+            newOptions.left = options.right
+            newOptions.top = options.bottom
+            newOptions.right = options.left
+            newOptions.bottom = options.top
+            break
+        case 4:
+            // vertical flip
+            newOptions.top = options.bottom
+            newOptions.bottom = options.top
+            break
+        case 5:
+            // vertical flip + 90 rotate right
+            newOptions.left = options.top
+            newOptions.top = options.left
+            newOptions.right = options.bottom
+            newOptions.bottom = options.right
+            break
+        case 6:
+            // 90° rotate right
+            newOptions.left = options.top
+            newOptions.top = options.right
+            newOptions.right = options.bottom
+            newOptions.bottom = options.left
+            break
+        case 7:
+            // horizontal flip + 90 rotate right
+            newOptions.left = options.bottom
+            newOptions.top = options.right
+            newOptions.right = options.top
+            newOptions.bottom = options.left
+            break
+        case 8:
+            // 90° rotate left
+            newOptions.left = options.bottom
+            newOptions.top = options.left
+            newOptions.right = options.top
+            newOptions.bottom = options.right
+            break
+    }
+    if (options.orientation > 4) {
+        newOptions.maxWidth = options.maxHeight
+        newOptions.maxHeight = options.maxWidth
+        newOptions.minWidth = options.minHeight
+        newOptions.minHeight = options.minWidth
+        newOptions.sourceWidth = options.sourceHeight
+        newOptions.sourceHeight = options.sourceWidth
+    }
+    return newOptions
+}
+
+var hasblobSlice = window.Blob && (Blob.prototype.slice ||
+    Blob.prototype.webkitSlice || Blob.prototype.mozSlice)
+
+loadImage.blobSlice = hasblobSlice && function () {
+        var slice = this.slice || this.webkitSlice || this.mozSlice
+        return slice.apply(this, arguments)
+    }
+
+loadImage.metaDataParsers = {
+    jpeg: {
+        0xffe1: [] // APP1 marker
+    }
+}
+
+// Parses image meta data and calls the callback with an object argument
+// with the following properties:
+// * imageHead: The complete image head as ArrayBuffer (Uint8Array for IE10)
+// The options arguments accepts an object and supports the following properties:
+// * maxMetaDataSize: Defines the maximum number of bytes to parse.
+// * disableImageHead: Disables creating the imageHead property.
+loadImage.parseMetaData = function (file, callback, options) {
+    options = options || {}
+    var that = this
+    // 256 KiB should contain all EXIF/ICC/IPTC segments:
+    var maxMetaDataSize = options.maxMetaDataSize || 262144
+    var data = {}
+    var noMetaData = !(window.DataView && file && file.size >= 12 &&
+    file.type === 'image/jpeg' && loadImage.blobSlice)
+    if (noMetaData || !loadImage.readFile(
+            loadImage.blobSlice.call(file, 0, maxMetaDataSize),
+            function (e) {
+                if (e.target.error) {
+                    // FileReader error
+                    //console.log(e.target.error)
+                    callback(data)
+                    return
+                }
+                // Note on endianness:
+                // Since the marker and length bytes in JPEG files are always
+                // stored in big endian order, we can leave the endian parameter
+                // of the DataView methods undefined, defaulting to big endian.
+                var buffer = e.target.result
+                var dataView = new DataView(buffer)
+                var offset = 2
+                var maxOffset = dataView.byteLength - 4
+                var headLength = offset
+                var markerBytes
+                var markerLength
+                var parsers
+                var i
+                // Check for the JPEG marker (0xffd8):
+                if (dataView.getUint16(0) === 0xffd8) {
+                    while (offset < maxOffset) {
+                        markerBytes = dataView.getUint16(offset)
+                        // Search for APPn (0xffeN) and COM (0xfffe) markers,
+                        // which contain application-specific meta-data like
+                        // Exif, ICC and IPTC data and text comments:
+                        if ((markerBytes >= 0xffe0 && markerBytes <= 0xffef) ||
+                            markerBytes === 0xfffe) {
+                            // The marker bytes (2) are always followed by
+                            // the length bytes (2), indicating the length of the
+                            // marker segment, which includes the length bytes,
+                            // but not the marker bytes, so we add 2:
+                            markerLength = dataView.getUint16(offset + 2) + 2
+                            if (offset + markerLength > dataView.byteLength) {
+                                //console.log('Invalid meta data: Invalid segment size.')
+                                break
+                            }
+                            parsers = loadImage.metaDataParsers.jpeg[markerBytes]
+                            if (parsers) {
+                                for (i = 0; i < parsers.length; i += 1) {
+                                    parsers[i].call(
+                                        that,
+                                        dataView,
+                                        offset,
+                                        markerLength,
+                                        data,
+                                        options
+                                    )
+                                }
+                            }
+                            offset += markerLength
+                            headLength = offset
+                        } else {
+                            // Not an APPn or COM marker, probably safe to
+                            // assume that this is the end of the meta data
+                            break
+                        }
+                    }
+                    // Meta length must be longer than JPEG marker (2)
+                    // plus APPn marker (2), followed by length bytes (2):
+                    if (!options.disableImageHead && headLength > 6) {
+                        if (buffer.slice) {
+                            data.imageHead = buffer.slice(0, headLength)
+                        } else {
+                            // Workaround for IE10, which does not yet
+                            // support ArrayBuffer.slice:
+                            data.imageHead = new Uint8Array(buffer)
+                                .subarray(0, headLength)
+                        }
+                    }
+                } else {
+                    //console.log('Invalid JPEG file: Missing JPEG marker.')
+                }
+                callback(data)
+            },
+            'readAsArrayBuffer'
+        )) {
+        callback(data)
+    }
+}
+
+loadImage.ExifMap = function () {
+    return this
+}
+
+loadImage.ExifMap.prototype.map = {
+    'Orientation': 0x0112
+}
+
+loadImage.ExifMap.prototype.get = function (id) {
+    return this[id] || this[this.map[id]]
+}
+
+loadImage.getExifThumbnail = function (dataView, offset, length) {
+    var hexData,
+        i,
+        b
+    if (!length || offset + length > dataView.byteLength) {
+        //console.log('Invalid Exif data: Invalid thumbnail data.')
+        return
+    }
+    hexData = []
+    for (i = 0; i < length; i += 1) {
+        b = dataView.getUint8(offset + i)
+        hexData.push((b < 16 ? '0' : '') + b.toString(16))
+    }
+    return 'data:image/jpeg,%' + hexData.join('%')
+}
+
+loadImage.exifTagTypes = {
+    // byte, 8-bit unsigned int:
+    1: {
+        getValue: function (dataView, dataOffset) {
+            return dataView.getUint8(dataOffset)
+        },
+        size: 1
+    },
+    // ascii, 8-bit byte:
+    2: {
+        getValue: function (dataView, dataOffset) {
+            return String.fromCharCode(dataView.getUint8(dataOffset))
+        },
+        size: 1,
+        ascii: true
+    },
+    // short, 16 bit int:
+    3: {
+        getValue: function (dataView, dataOffset, littleEndian) {
+            return dataView.getUint16(dataOffset, littleEndian)
+        },
+        size: 2
+    },
+    // long, 32 bit int:
+    4: {
+        getValue: function (dataView, dataOffset, littleEndian) {
+            return dataView.getUint32(dataOffset, littleEndian)
+        },
+        size: 4
+    },
+    // rational = two long values, first is numerator, second is denominator:
+    5: {
+        getValue: function (dataView, dataOffset, littleEndian) {
+            return dataView.getUint32(dataOffset, littleEndian) /
+                dataView.getUint32(dataOffset + 4, littleEndian)
+        },
+        size: 8
+    },
+    // slong, 32 bit signed int:
+    9: {
+        getValue: function (dataView, dataOffset, littleEndian) {
+            return dataView.getInt32(dataOffset, littleEndian)
+        },
+        size: 4
+    },
+    // srational, two slongs, first is numerator, second is denominator:
+    10: {
+        getValue: function (dataView, dataOffset, littleEndian) {
+            return dataView.getInt32(dataOffset, littleEndian) /
+                dataView.getInt32(dataOffset + 4, littleEndian)
+        },
+        size: 8
+    }
+}
+// undefined, 8-bit byte, value depending on field:
+loadImage.exifTagTypes[7] = loadImage.exifTagTypes[1]
+
+loadImage.getExifValue = function (dataView, tiffOffset, offset, type, length, littleEndian) {
+    var tagType = loadImage.exifTagTypes[type]
+    var tagSize
+    var dataOffset
+    var values
+    var i
+    var str
+    var c
+    if (!tagType) {
+        //console.log('Invalid Exif data: Invalid tag type.')
+        return
+    }
+    tagSize = tagType.size * length
+    // Determine if the value is contained in the dataOffset bytes,
+    // or if the value at the dataOffset is a pointer to the actual data:
+    dataOffset = tagSize > 4
+        ? tiffOffset + dataView.getUint32(offset + 8, littleEndian)
+        : (offset + 8)
+    if (dataOffset + tagSize > dataView.byteLength) {
+        //console.log('Invalid Exif data: Invalid data offset.')
+        return
+    }
+    if (length === 1) {
+        return tagType.getValue(dataView, dataOffset, littleEndian)
+    }
+    values = []
+    for (i = 0; i < length; i += 1) {
+        values[i] = tagType.getValue(dataView, dataOffset + i * tagType.size, littleEndian)
+    }
+    if (tagType.ascii) {
+        str = ''
+        // Concatenate the chars:
+        for (i = 0; i < values.length; i += 1) {
+            c = values[i]
+            // Ignore the terminating NULL byte(s):
+            if (c === '\u0000') {
+                break
+            }
+            str += c
+        }
+        return str
+    }
+    return values
+}
+
+loadImage.parseExifTag = function (dataView, tiffOffset, offset, littleEndian, data) {
+    var tag = dataView.getUint16(offset, littleEndian)
+    data.exif[tag] = loadImage.getExifValue(
+        dataView,
+        tiffOffset,
+        offset,
+        dataView.getUint16(offset + 2, littleEndian), // tag type
+        dataView.getUint32(offset + 4, littleEndian), // tag length
+        littleEndian
+    )
+}
+
+loadImage.parseExifTags = function (dataView, tiffOffset, dirOffset, littleEndian, data) {
+    var tagsNumber,
+        dirEndOffset,
+        i
+    if (dirOffset + 6 > dataView.byteLength) {
+        //console.log('Invalid Exif data: Invalid directory offset.')
+        return
+    }
+    tagsNumber = dataView.getUint16(dirOffset, littleEndian)
+    dirEndOffset = dirOffset + 2 + 12 * tagsNumber
+    if (dirEndOffset + 4 > dataView.byteLength) {
+        //console.log('Invalid Exif data: Invalid directory size.')
+        return
+    }
+    for (i = 0; i < tagsNumber; i += 1) {
+        this.parseExifTag(
+            dataView,
+            tiffOffset,
+            dirOffset + 2 + 12 * i, // tag offset
+            littleEndian,
+            data
+        )
+    }
+    // Return the offset to the next directory:
+    return dataView.getUint32(dirEndOffset, littleEndian)
+}
+
+loadImage.parseExifData = function (dataView, offset, length, data, options) {
+    if (options.disableExif) {
+        return
+    }
+    var tiffOffset = offset + 10
+    var littleEndian
+    var dirOffset
+    var thumbnailData
+    // Check for the ASCII code for "Exif" (0x45786966):
+    if (dataView.getUint32(offset + 4) !== 0x45786966) {
+        // No Exif data, might be XMP data instead
+        return
+    }
+    if (tiffOffset + 8 > dataView.byteLength) {
+        //console.log('Invalid Exif data: Invalid segment size.')
+        return
+    }
+    // Check for the two null bytes:
+    if (dataView.getUint16(offset + 8) !== 0x0000) {
+        //console.log('Invalid Exif data: Missing byte alignment offset.')
+        return
+    }
+    // Check the byte alignment:
+    switch (dataView.getUint16(tiffOffset)) {
+        case 0x4949:
+            littleEndian = true
+            break
+        case 0x4D4D:
+            littleEndian = false
+            break
+        default:
+            //console.log('Invalid Exif data: Invalid byte alignment marker.')
+            return
+    }
+    // Check for the TIFF tag marker (0x002A):
+    if (dataView.getUint16(tiffOffset + 2, littleEndian) !== 0x002A) {
+        //console.log('Invalid Exif data: Missing TIFF marker.')
+        return
+    }
+    // Retrieve the directory offset bytes, usually 0x00000008 or 8 decimal:
+    dirOffset = dataView.getUint32(tiffOffset + 4, littleEndian)
+    // Create the exif object to store the tags:
+    data.exif = new loadImage.ExifMap()
+    // Parse the tags of the main image directory and retrieve the
+    // offset to the next directory, usually the thumbnail directory:
+    dirOffset = loadImage.parseExifTags(
+        dataView,
+        tiffOffset,
+        tiffOffset + dirOffset,
+        littleEndian,
+        data
+    )
+    if (dirOffset && !options.disableExifThumbnail) {
+        thumbnailData = {exif: {}}
+        dirOffset = loadImage.parseExifTags(
+            dataView,
+            tiffOffset,
+            tiffOffset + dirOffset,
+            littleEndian,
+            thumbnailData
+        )
+        // Check for JPEG Thumbnail offset:
+        if (thumbnailData.exif[0x0201]) {
+            data.exif.Thumbnail = loadImage.getExifThumbnail(
+                dataView,
+                tiffOffset + thumbnailData.exif[0x0201],
+                thumbnailData.exif[0x0202] // Thumbnail data length
+            )
+        }
+    }
+    // Check for Exif Sub IFD Pointer:
+    if (data.exif[0x8769] && !options.disableExifSub) {
+        loadImage.parseExifTags(
+            dataView,
+            tiffOffset,
+            tiffOffset + data.exif[0x8769], // directory offset
+            littleEndian,
+            data
+        )
+    }
+    // Check for GPS Info IFD Pointer:
+    if (data.exif[0x8825] && !options.disableExifGps) {
+        loadImage.parseExifTags(
+            dataView,
+            tiffOffset,
+            tiffOffset + data.exif[0x8825], // directory offset
+            littleEndian,
+            data
+        )
+    }
+}
+
+// Registers the Exif parser for the APP1 JPEG meta data segment:
+loadImage.metaDataParsers.jpeg[0xffe1].push(loadImage.parseExifData)
+var snabbt = (function() {
+
+var tickRequests = [];
+var runningAnimations = [];
+var completedAnimations = [];
+var transformProperty = 'transform';
+
+// Find which vendor prefix to use
+var styles = window.getComputedStyle(document.documentElement, '');
+var vendorPrefix = (Array.prototype.slice
+  .call(styles)
+  .join('') 
+  .match(/-(moz|webkit|ms)-/) || (styles.OLink === '' && ['', 'o'])
+)[1];
+if(vendorPrefix === 'webkit')
+transformProperty = 'webkitTransform';
+
+/* Entry point, only function to be called by user */
+var snabbt = function(arg1, arg2, arg3) {
+
+var elements = arg1;
+
+// If argument is an Array or a NodeList or other list type that can be iterable.
+// Loop through and start one animation for each element.
+if(elements.length !== undefined) {
+  var aggregateChainer = {
+    chainers: [],
+    then: function(opts) {
+      return this.snabbt(opts);
+    },
+    snabbt: function(opts) {
+      var len = this.chainers.length;
+      this.chainers.forEach(function(chainer, index) {
+        chainer.snabbt(preprocessOptions(opts, index, len));
+      });
+      return aggregateChainer;
+    },
+    setValue: function(value) {
+      this.chainers.forEach(function(chainer) {
+        chainer.setValue(value);
+      });
+      return aggregateChainer;
+    },
+    finish: function() {
+      this.chainers.forEach(function(chainer) {
+        chainer.finish();
+      });
+      return aggregateChainer;
+    },
+    rollback: function() {
+      this.chainers.forEach(function(chainer) {
+        chainer.rollback();
+      });
+      return aggregateChainer;
+    }
+  };
+
+  for(var i=0, len=elements.length;i<len;++i) {
+    if(typeof arg2 == 'string')
+      aggregateChainer.chainers.push(snabbtSingleElement(elements[i], arg2, preprocessOptions(arg3, i, len)));
+    else
+      aggregateChainer.chainers.push(snabbtSingleElement(elements[i], preprocessOptions(arg2, i, len), arg3));
+  }
+  return aggregateChainer;
+} else {
+  if(typeof arg2 == 'string')
+    return snabbtSingleElement(elements, arg2, preprocessOptions(arg3, 0, 1));
+  else
+    return snabbtSingleElement(elements, preprocessOptions(arg2, 0, 1), arg3);
+}
+};
+
+var preprocessOptions = function(options, index, len) {
+if(!options)
+  return options;
+var clone = cloneObject(options);
+
+if(isFunction(options.delay)) {
+  clone.delay = options.delay(index, len);
+}
+
+if(isFunction(options.callback)) {
+  clone.complete = function() {
+    options.callback.call(this, index, len);
+  };
+}
+
+var hasAllDoneCallback = isFunction(options.allDone);
+var hasCompleteCallback = isFunction(options.complete);
+
+if(hasCompleteCallback || hasAllDoneCallback) {
+  clone.complete = function() {
+    if(hasCompleteCallback) {
+      options.complete.call(this, index, len);
+    }
+    if(hasAllDoneCallback && (index == len - 1)) {
+      options.allDone();
+    }
+  };
+}
+
+if(isFunction(options.valueFeeder)) {
+  clone.valueFeeder = function(i, matrix) {
+    return options.valueFeeder(i, matrix, index, len);
+  };
+}
+if(isFunction(options.easing)) {
+  clone.easing = function(i) {
+    return options.easing(i, index, len);
+  };
+}
+
+var properties = [
+  'position',
+  'rotation',
+  'skew',
+  'rotationPost',
+  'scale',
+  'width',
+  'height',
+  'opacity',
+  'fromPosition',
+  'fromRotation',
+  'fromSkew',
+  'fromRotationPost',
+  'fromScale',
+  'fromWidth',
+  'fromHeight',
+  'fromOpacity',
+  'transformOrigin',
+  'duration',
+  'delay'
+];
+
+properties.forEach(function(property) {
+  if(isFunction(options[property])) {
+    clone[property] = options[property](index, len);
+  }
+});
+
+return clone;
+};
+
+var snabbtSingleElement = function(element, arg2, arg3) {
+
+if(arg2 === 'attention') {
+  return setupAttentionAnimation(element, arg3);
+}
+
+if(arg2 === 'stop') {
+  return stopAnimation(element);
+}
+
+if(arg2 === 'detach') {
+  return detachChildren(element);
+}
+
+var options = arg2;
+
+// Remove orphaned end states
+clearOphanedEndStates();
+
+// If there is a running or past completed animation with element, use that end state as start state
+var currentState = currentAnimationState(element);
+var start = currentState;
+// from has precendance over current animation state
+start = stateFromOptions(options, start, true);
+var end = cloneObject(currentState);
+end = stateFromOptions(options, end);
+
+var animOptions = setupAnimationOptions(start, end, options);
+var animation = createAnimation(animOptions);
+
+runningAnimations.push([element, animation]);
+
+animation.updateElement(element, true);
+var queue = [];
+var chainer = {
+  snabbt: function(opts) {
+    queue.unshift(preprocessOptions(opts, 0, 1));
+    return chainer;
+  },
+  then: function(opts) {
+    return this.snabbt(opts);
+  }
+};
+
+function tick(time) {
+  animation.tick(time);
+  animation.updateElement(element);
+  if(animation.isStopped())
+    return;
+
+  if(!animation.completed())
+    return queueTick(tick);
+
+  if(options.loop > 1 && !animation.isStopped()) {
+    // Loop current animation
+    options.loop -= 1;
+    animation.restart();
+    queueTick(tick);
+  } else {
+    if(options.complete) {
+      options.complete.call(element);
+    }
+
+    // Start next animation in queue
+    if(queue.length) {
+      options = queue.pop();
+
+      start = stateFromOptions(options, end, true);
+      end = stateFromOptions(options, cloneObject(end));
+      options = setupAnimationOptions(start, end, options);
+
+      animation = createAnimation(options);
+      runningAnimations.push([element, animation]);
+
+      animation.tick(time);
+      queueTick(tick);
+    }
+  }
+}
+
+queueTick(tick);
+// Manual animations are not chainable, instead an animation controller object is returned
+// with setValue, finish and rollback methods
+if(options.manual)
+  return animation;
+return chainer;
+};
+
+var setupAttentionAnimation = function(element,  options) {
+var movement = stateFromOptions(options, createState({}));
+options.movement = movement;
+var animation = createAttentionAnimation(options);
+
+runningAnimations.push([element, animation]);
+function tick(time) {
+  animation.tick(time);
+  animation.updateElement(element);
+  if(!animation.completed()) {
+    queueTick(tick);
+  } else {
+    if(options.callback) {
+      options.callback(element);
+    }
+    if(options.loop && options.loop > 1) {
+      options.loop--;
+      animation.restart();
+      queueTick(tick);
+    }
+  }
+}
+queueTick(tick);
+};
+
+var stopAnimation = function(element) {
+for(var i= 0,len=runningAnimations.length;i<len;++i) {
+  var currentAnimation = runningAnimations[i];
+  var animatedElement = currentAnimation[0];
+  var animation = currentAnimation[1];
+
+  if(animatedElement === element) {
+    animation.stop();
+  }
+}
+};
+
+var indexOfElement = function(arr, element) {
+  for(var i=0,len=arr.length;i<len;++i) {
+    if (arr[i][0]===element) {
+      return i;
+    }
+  }
+  return -1;
+};
+
+var detachChildren = function(element) {
+
+  var elements = [];
+  var animations = runningAnimations.concat(completedAnimations);
+  var el;
+  var i;
+  var len = animations.length;
+
+  for(i=0;i<len;++i) {
+    el = animations[i][0];
+    if (element.contains(el) || element === el) {
+      elements.push(el);
+    }
+  }
+
+  len=elements.length;
+  for(i=0;i<len;++i) {
+    detachElement(elements[i]);
+  }
+
+};
+
+var detachElement = function(element) {
+
+  // stop animations
+  stopAnimation(element);
+
+  // remove
+  var index = indexOfElement(runningAnimations, element);
+  if (index >= 0) {
+    runningAnimations.splice(index,1);
+  }
+
+  index = indexOfElement(completedAnimations, element);
+  if (index >= 0) {
+    completedAnimations.splice(index,1);
+  }
+
+};
+
+var findAnimationState = function(animationList, element) {
+for(var i=0,len=animationList.length;i<len;++i) {
+  var currentAnimation = animationList[i];
+  var animatedElement = currentAnimation[0];
+  var animation = currentAnimation[1];
+
+  if(animatedElement === element) {
+    var state = animation.getCurrentState();
+    animation.stop();
+    return state;
+  }
+}
+};
+
+var clearOphanedEndStates = function() {
+completedAnimations = completedAnimations.filter(function(animation) {
+  return (findUltimateAncestor(animation[0]).body);
+});
+};
+
+var findUltimateAncestor = function(node) {
+var ancestor = node;
+while(ancestor.parentNode) {
+  ancestor = ancestor.parentNode;
+}
+return ancestor;
+};
+
+/**
+* Returns the current state of element if there is an ongoing or previously finished
+* animation releated to it. Will also call stop on the animation.
+* TODO: The stopping of the animation is better put somewhere else
+*/
+var currentAnimationState = function(element) {
+// Check if a completed animation is stored for this element
+var state = findAnimationState(runningAnimations, element);
+if(state)
+  return state;
+
+return findAnimationState(completedAnimations, element);
+};
+
+/**
+* Parses an animation configuration object and returns a State instance
+*/
+var stateFromOptions = function(options, state, useFromPrefix) {
+if (!state) {
+  state = createState({
+    position: [0, 0, 0],
+    rotation: [0, 0, 0],
+    rotationPost: [0, 0, 0],
+    scale: [1, 1],
+    skew: [0, 0]
+  });
+}
+var position = 'position';
+var rotation = 'rotation';
+var skew = 'skew';
+var rotationPost = 'rotationPost';
+var scale = 'scale';
+var scalePost = 'scalePost';
+var width = 'width';
+var height = 'height';
+var opacity = 'opacity';
+
+if(useFromPrefix) {
+  position = 'fromPosition';
+  rotation = 'fromRotation';
+  skew = 'fromSkew';
+  rotationPost = 'fromRotationPost';
+  scale = 'fromScale';
+  scalePost = 'fromScalePost';
+  width = 'fromWidth';
+  height = 'fromHeight';
+  opacity = 'fromOpacity';
+}
+
+state.position = optionOrDefault(options[position], state.position);
+state.rotation = optionOrDefault(options[rotation], state.rotation);
+state.rotationPost = optionOrDefault(options[rotationPost], state.rotationPost);
+state.skew = optionOrDefault(options[skew], state.skew);
+state.scale = optionOrDefault(options[scale], state.scale);
+state.scalePost = optionOrDefault(options[scalePost], state.scalePost);
+state.opacity = options[opacity];
+state.width = options[width];
+state.height = options[height];
+
+return state;
+};
+
+var setupAnimationOptions = function(start, end, options) {
+options.startState = start;
+options.endState = end;
+return options;
+};
+
+var polyFillrAF = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.msRequestAnimationFrame || function(callback) { return setTimeout(callback, 1000 / 60); }; 
+
+var queueTick = function(func) {
+if(tickRequests.length === 0)
+  polyFillrAF(tickAnimations);
+tickRequests.push(func);
+};
+
+var tickAnimations = function(time) {
+var len = tickRequests.length;
+for(var i=0;i<len;++i) {
+  tickRequests[i](time);
+}
+tickRequests.splice(0, len);
+
+var finishedAnimations = runningAnimations.filter(function(animation) {
+  return animation[1].completed();
+});
+
+// See if there are any previously completed animations on the same element, if so, remove it before merging
+completedAnimations = completedAnimations.filter(function(animation) {
+  for(var i=0,len=finishedAnimations.length;i<len;++i) {
+    if(animation[0] === finishedAnimations[i][0]) {
+      return false;
+    }
+  }
+  return true;
+});
+
+completedAnimations = completedAnimations.concat(finishedAnimations);
+
+runningAnimations = runningAnimations.filter(function(animation) {
+  return !animation[1].completed();
+});
+
+if(tickRequests.length !== 0)
+  polyFillrAF(tickAnimations);
+};
+
+
+// Class for handling animation between two states
+var createAnimation = function(options) {
+var startState = options.startState;
+var endState = options.endState;
+var duration = optionOrDefault(options.duration, 500);
+var delay = optionOrDefault(options.delay, 0);
+var perspective = options.perspective;
+var easing = createEaser(optionOrDefault(options.easing, 'linear'), options);
+var currentState = duration === 0 ? endState.clone() : startState.clone();
+var transformOrigin = options.transformOrigin;
+currentState.transformOrigin = options.transformOrigin;
+
+var startTime = 0;
+var currentTime = 0;
+var stopped = false;
+var started = false;
+
+// Manual related
+var manual = options.manual;
+var manualValue = 0;
+var manualDelayFactor = delay / duration;
+var manualCallback;
+
+var tweener;
+// Setup tweener
+if(options.valueFeeder) {
+  tweener = createValueFeederTweener(options.valueFeeder,
+                                     startState,
+                                     endState,
+                                     currentState);
+} else {
+  tweener = createStateTweener(startState, endState, currentState);
+}
+
+// Public api
+return {
+  stop: function() {
+    stopped = true;
+  },
+  isStopped: function() {
+    return stopped;
+  },
+
+  finish: function(callback) {
+    manual = false;
+    var manualDuration = duration * manualValue;
+    startTime = currentTime - manualDuration;
+    manualCallback = callback;
+    easing.resetFrom = manualValue;
+  },
+
+  rollback: function(callback) {
+    manual = false;
+    tweener.setReverse();
+    var manualDuration = duration * (1 - manualValue);
+    startTime = currentTime - manualDuration;
+    manualCallback = callback;
+    easing.resetFrom = manualValue;
+  },
+
+  restart: function() {
+    // Restart timer
+    startTime = undefined;
+    easing.resetFrom(0);
+  },
+
+  tick: function(time) {
+    if(stopped)
+      return;
+
+    if(manual) {
+      currentTime = time;
+      this.updateCurrentTransform();
+      return;
+    }
+
+    // If first tick, set startTime
+    if(!startTime) {
+      startTime = time;
+    }
+    if(time - startTime > delay) {
+      started = true;
+      currentTime = time - delay;
+
+      var curr = Math.min(Math.max(0.0, currentTime - startTime), duration);
+      easing.tick(curr / duration);
+      this.updateCurrentTransform();
+      if(this.completed() && manualCallback) {
+        manualCallback();
+      }
+    }
+  },
+
+  getCurrentState: function() {
+    return currentState;
+  },
+
+  setValue: function(_manualValue) {
+    started = true;
+    manualValue = Math.min(Math.max(_manualValue, 0.0001), 1 + manualDelayFactor);
+  },
+
+  updateCurrentTransform: function() {
+    var tweenValue = easing.getValue();
+    if(manual) {
+      var val = Math.max(0.00001, manualValue - manualDelayFactor);
+      easing.tick(val);
+      tweenValue = easing.getValue();
+    }
+    tweener.tween(tweenValue);
+  },
+
+  completed: function() {
+    if(stopped)
+      return true;
+    if(startTime === 0) {
+      return false;
+    }
+    return easing.completed();
+  },
+
+  updateElement: function(element, forceUpdate) {
+    if(!started && !forceUpdate)
+      return;
+    var matrix = tweener.asMatrix();
+    var properties = tweener.getProperties();
+    updateElementTransform(element, matrix, perspective);
+    updateElementProperties(element, properties);
+  }
+};
+};
+
+// ------------------------------
+// End Time animation
+// ------------------------------
+
+// ------------------------
+// -- AttentionAnimation --
+// ------------------------
+
+var createAttentionAnimation = function(options) {
+var movement = options.movement;
+options.initialVelocity = 0.1;
+options.equilibriumPosition = 0;
+var spring = createSpringEasing(options);
+var stopped = false;
+var tweenPosition = movement.position;
+var tweenRotation = movement.rotation;
+var tweenRotationPost = movement.rotationPost;
+var tweenScale = movement.scale;
+var tweenSkew = movement.skew;
+
+var currentMovement = createState({
+  position: tweenPosition ? [0, 0, 0] : undefined,
+  rotation: tweenRotation ? [0, 0, 0] : undefined,
+  rotationPost: tweenRotationPost ? [0, 0, 0] : undefined,
+  scale: tweenScale ? [0, 0] : undefined,
+  skew: tweenSkew ? [0, 0] : undefined,
+});
+
+// Public API
+return {
+  stop: function() {
+    stopped = true;
+  },
+
+  isStopped: function(time) {
+    return stopped;
+  },
+
+  tick: function(time) {
+    if(stopped)
+      return;
+    if(spring.equilibrium)
+      return;
+    spring.tick();
+
+    this.updateMovement();
+  },
+
+  updateMovement:function() {
+    var value = spring.getValue();
+    if(tweenPosition) {
+      currentMovement.position[0] = movement.position[0] * value;
+      currentMovement.position[1] = movement.position[1] * value;
+      currentMovement.position[2] = movement.position[2] * value;
+    }
+    if(tweenRotation) {
+      currentMovement.rotation[0] = movement.rotation[0] * value;
+      currentMovement.rotation[1] = movement.rotation[1] * value;
+      currentMovement.rotation[2] = movement.rotation[2] * value;
+    }
+    if(tweenRotationPost) {
+      currentMovement.rotationPost[0] = movement.rotationPost[0] * value;
+      currentMovement.rotationPost[1] = movement.rotationPost[1] * value;
+      currentMovement.rotationPost[2] = movement.rotationPost[2] * value;
+    }
+    if(tweenScale) {
+      currentMovement.scale[0] = 1 + movement.scale[0] * value;
+      currentMovement.scale[1] = 1 + movement.scale[1] * value;
+    }
+
+    if(tweenSkew) {
+      currentMovement.skew[0] = movement.skew[0] * value;
+      currentMovement.skew[1] = movement.skew[1] * value;
+    }
+  },
+
+  updateElement: function(element) {
+    updateElementTransform(element, currentMovement.asMatrix());
+    updateElementProperties(element, currentMovement.getProperties());
+  },
+
+  getCurrentState: function() {
+    return currentMovement;
+  },
+
+  completed: function() {
+    return spring.equilibrium || stopped;
+  },
+
+  restart: function() {
+    // Restart spring
+    spring = createSpringEasing(options);
+  }
+};
+};
+
+
+/**********
+* Easings *
+***********/
+
+var linearEasing = function(value) {
+return value;
+};
+
+var ease = function(value) {
+return (Math.cos(value*Math.PI + Math.PI) + 1)/2;
+};
+
+var easeIn = function(value) {
+return value*value;
+};
+
+var easeOut = function(value) {
+return -Math.pow(value - 1, 2) + 1;
+};
+
+var createSpringEasing = function(options) {
+var position = optionOrDefault(options.startPosition, 0);
+var equilibriumPosition = optionOrDefault(options.equilibriumPosition, 1);
+var velocity = optionOrDefault(options.initialVelocity, 0);
+var springConstant = optionOrDefault(options.springConstant, 0.8);
+var deceleration = optionOrDefault(options.springDeceleration, 0.9);
+var mass = optionOrDefault(options.springMass, 10);
+
+var equilibrium = false;
+
+// Public API
+return {
+
+  tick: function(value) {
+    if(value === 0.0)
+      return;
+    if(equilibrium)
+      return;
+    var springForce = -(position - equilibriumPosition) * springConstant;
+    // f = m * a
+    // a = f / m
+    var a = springForce / mass;
+    // s = v * t
+    // t = 1 ( for now )
+    velocity += a;
+    position += velocity;
+
+    // Deceleration
+    velocity *= deceleration;
+
+    if(Math.abs(position - equilibriumPosition) < 0.001 && Math.abs(velocity) < 0.001) {
+      equilibrium = true;
+    }
+  },
+
+  resetFrom: function(value) {
+    position = value;
+    velocity = 0;
+  },
+
+
+  getValue: function() {
+    if(equilibrium)
+      return equilibriumPosition;
+    return position;
+  },
+
+  completed: function() {
+    return equilibrium;
+  }
+};
+};
+
+var EASING_FUNCS = {
+'linear': linearEasing,
+'ease': ease,
+'easeIn': easeIn,
+'easeOut': easeOut,
+};
+
+
+var createEaser = function(easerName, options) {
+if(easerName == 'spring') {
+  return createSpringEasing(options);
+}
+var easeFunction = easerName;
+if(!isFunction(easerName)) {
+  easeFunction = EASING_FUNCS[easerName];
+}
+
+var easer = easeFunction;
+var value = 0;
+var lastValue;
+
+// Public API
+return {
+  tick: function(v) {
+    value = easer(v);
+    lastValue = v;
+  },
+
+  resetFrom: function(value) {
+    lastValue = 0;
+  },
+
+  getValue: function() {
+    return value;
+  },
+
+  completed: function() {
+    if(lastValue >= 1) {
+      return lastValue;
+    }
+    return false;
+  }
+};
+};
+
+/***
+* Matrix related
+*/
+
+var assignTranslate = function(matrix, x, y, z) {
+matrix[0] = 1;
+matrix[1] = 0;
+matrix[2] = 0;
+matrix[3] = 0;
+matrix[4] = 0;
+matrix[5] = 1;
+matrix[6] = 0;
+matrix[7] = 0;
+matrix[8] = 0;
+matrix[9] = 0;
+matrix[10] = 1;
+matrix[11] = 0;
+matrix[12] = x;
+matrix[13] = y;
+matrix[14] = z;
+matrix[15] = 1;
+};
+
+var assignRotateX = function(matrix, rad) {
+matrix[0] = 1;
+matrix[1] = 0;
+matrix[2] = 0;
+matrix[3] = 0;
+matrix[4] = 0;
+matrix[5] = Math.cos(rad);
+matrix[6] = -Math.sin(rad);
+matrix[7] = 0;
+matrix[8] = 0;
+matrix[9] = Math.sin(rad);
+matrix[10] = Math.cos(rad);
+matrix[11] = 0;
+matrix[12] = 0;
+matrix[13] = 0;
+matrix[14] = 0;
+matrix[15] = 1;
+};
+
+
+var assignRotateY = function(matrix, rad) {
+matrix[0] = Math.cos(rad);
+matrix[1] = 0;
+matrix[2] = Math.sin(rad);
+matrix[3] = 0;
+matrix[4] = 0;
+matrix[5] = 1;
+matrix[6] = 0;
+matrix[7] = 0;
+matrix[8] = -Math.sin(rad);
+matrix[9] = 0;
+matrix[10] = Math.cos(rad);
+matrix[11] = 0;
+matrix[12] = 0;
+matrix[13] = 0;
+matrix[14] = 0;
+matrix[15] = 1;
+};
+
+var assignRotateZ = function(matrix, rad) {
+matrix[0] = Math.cos(rad);
+matrix[1] = -Math.sin(rad);
+matrix[2] = 0;
+matrix[3] = 0;
+matrix[4] = Math.sin(rad);
+matrix[5] = Math.cos(rad);
+matrix[6] = 0;
+matrix[7] = 0;
+matrix[8] = 0;
+matrix[9] = 0;
+matrix[10] = 1;
+matrix[11] = 0;
+matrix[12] = 0;
+matrix[13] = 0;
+matrix[14] = 0;
+matrix[15] = 1;
+};
+
+var assignSkew = function(matrix, ax, ay) {
+matrix[0] = 1;
+matrix[1] = Math.tan(ax);
+matrix[2] = 0;
+matrix[3] = 0;
+matrix[4] = Math.tan(ay);
+matrix[5] = 1;
+matrix[6] = 0;
+matrix[7] = 0;
+matrix[8] = 0;
+matrix[9] = 0;
+matrix[10] = 1;
+matrix[11] = 0;
+matrix[12] = 0;
+matrix[13] = 0;
+matrix[14] = 0;
+matrix[15] = 1;
+};
+
+
+var assignScale = function(matrix, x, y) {
+matrix[0] = x;
+matrix[1] = 0;
+matrix[2] = 0;
+matrix[3] = 0;
+matrix[4] = 0;
+matrix[5] = y;
+matrix[6] = 0;
+matrix[7] = 0;
+matrix[8] = 0;
+matrix[9] = 0;
+matrix[10] = 1;
+matrix[11] = 0;
+matrix[12] = 0;
+matrix[13] = 0;
+matrix[14] = 0;
+matrix[15] = 1;
+};
+
+var assignIdentity = function(matrix) {
+matrix[0] = 1;
+matrix[1] = 0;
+matrix[2] = 0;
+matrix[3] = 0;
+matrix[4] = 0;
+matrix[5] = 1;
+matrix[6] = 0;
+matrix[7] = 0;
+matrix[8] = 0;
+matrix[9] = 0;
+matrix[10] = 1;
+matrix[11] = 0;
+matrix[12] = 0;
+matrix[13] = 0;
+matrix[14] = 0;
+matrix[15] = 1;
+};
+
+var copyArray = function(a, b) {
+b[0] = a[0];
+b[1] = a[1];
+b[2] = a[2];
+b[3] = a[3];
+b[4] = a[4];
+b[5] = a[5];
+b[6] = a[6];
+b[7] = a[7];
+b[8] = a[8];
+b[9] = a[9];
+b[10] = a[10];
+b[11] = a[11];
+b[12] = a[12];
+b[13] = a[13];
+b[14] = a[14];
+b[15] = a[15];
+};
+
+var createMatrix = function() {
+var data = new Float32Array(16);
+var a = new Float32Array(16);
+var b = new Float32Array(16);
+assignIdentity(data);
+
+return {
+  data: data,
+
+  asCSS: function() {
+    var css = 'matrix3d(';
+    for(var i=0;i<15;++i) {
+      if(Math.abs(data[i]) < 0.0001)
+        css += '0,';
+      else
+        css += data[i].toFixed(10) + ',';
+    }
+    if(Math.abs(data[15]) < 0.0001)
+      css += '0)';
+    else
+      css += data[15].toFixed(10) + ')';
+    return css;
+  },
+
+  clear: function() {
+    assignIdentity(data);
+  },
+
+  translate: function(x, y, z) {
+    copyArray(data, a);
+    assignTranslate(b, x, y, z);
+    assignedMatrixMultiplication(a, b, data);
+    return this;
+  },
+
+  rotateX: function(radians) {
+    copyArray(data, a);
+    assignRotateX(b, radians);
+    assignedMatrixMultiplication(a, b, data);
+    return this;
+  },
+
+  rotateY: function(radians) {
+    copyArray(data, a);
+    assignRotateY(b, radians);
+    assignedMatrixMultiplication(a, b, data);
+    return this;
+  },
+
+  rotateZ: function(radians) {
+    copyArray(data, a);
+    assignRotateZ(b, radians);
+    assignedMatrixMultiplication(a, b, data);
+    return this;
+  },
+
+  scale: function(x, y) {
+    copyArray(data, a);
+    assignScale(b, x, y);
+    assignedMatrixMultiplication(a, b, data);
+    return this;
+  },
+
+  skew: function(ax, ay) {
+    copyArray(data, a);
+    assignSkew(b, ax, ay);
+    assignedMatrixMultiplication(a, b, data);
+    return this;
+  }
+};
+};
+
+var assignedMatrixMultiplication = function(a, b, res) {
+// Unrolled loop
+res[0] = a[0] * b[0] + a[1] * b[4] + a[2] * b[8] + a[3] * b[12];
+res[1] = a[0] * b[1] + a[1] * b[5] + a[2] * b[9] + a[3] * b[13];
+res[2] = a[0] * b[2] + a[1] * b[6] + a[2] * b[10] + a[3] * b[14];
+res[3] = a[0] * b[3] + a[1] * b[7] + a[2] * b[11] + a[3] * b[15];
+
+res[4] = a[4] * b[0] + a[5] * b[4] + a[6] * b[8] + a[7] * b[12];
+res[5] = a[4] * b[1] + a[5] * b[5] + a[6] * b[9] + a[7] * b[13];
+res[6] = a[4] * b[2] + a[5] * b[6] + a[6] * b[10] + a[7] * b[14];
+res[7] = a[4] * b[3] + a[5] * b[7] + a[6] * b[11] + a[7] * b[15];
+
+res[8] = a[8] * b[0] + a[9] * b[4] + a[10] * b[8] + a[11] * b[12];
+res[9] = a[8] * b[1] + a[9] * b[5] + a[10] * b[9] + a[11] * b[13];
+res[10] = a[8] * b[2] + a[9] * b[6] + a[10] * b[10] + a[11] * b[14];
+res[11] = a[8] * b[3] + a[9] * b[7] + a[10] * b[11] + a[11] * b[15];
+
+res[12] = a[12] * b[0] + a[13] * b[4] + a[14] * b[8] + a[15] * b[12];
+res[13] = a[12] * b[1] + a[13] * b[5] + a[14] * b[9] + a[15] * b[13];
+res[14] = a[12] * b[2] + a[13] * b[6] + a[14] * b[10] + a[15] * b[14];
+res[15] = a[12] * b[3] + a[13] * b[7] + a[14] * b[11] + a[15] * b[15];
+
+return res;
+};
+
+var createState = function(config) {
+// Caching of matrix and properties so we don't have to create new ones everytime they are needed
+var matrix = createMatrix();
+var properties = {
+  opacity: undefined,
+  width: undefined,
+  height: undefined
+};
+
+// Public API
+return {
+  position: config.position,
+  rotation: config.rotation,
+  rotationPost: config.rotationPost,
+  skew: config.skew,
+  scale: config.scale,
+  scalePost: config.scalePost,
+  opacity: config.opacity,
+  width: config.width,
+  height: config.height,
+
+
+  clone: function() {
+    return createState({
+      position: this.position ? this.position.slice(0) : undefined,
+      rotation: this.rotation ? this.rotation.slice(0) : undefined,
+      rotationPost: this.rotationPost ? this.rotationPost.slice(0) : undefined,
+      skew: this.skew ? this.skew.slice(0) : undefined,
+      scale: this.scale ? this.scale.slice(0) : undefined,
+      scalePost: this.scalePost ? this.scalePost.slice(0) : undefined,
+      height: this.height,
+      width: this.width,
+      opacity: this.opacity
+    });
+  },
+
+  asMatrix: function() {
+    var m = matrix;
+    m.clear();
+
+    if(this.transformOrigin)
+      m.translate(-this.transformOrigin[0], -this.transformOrigin[1], -this.transformOrigin[2]);
+
+    if(this.scale) {
+      m.scale(this.scale[0], this.scale[1]);
+    }
+
+    if(this.skew) {
+      m.skew(this.skew[0], this.skew[1]);
+    }
+
+    if(this.rotation) {
+      m.rotateX(this.rotation[0]);
+      m.rotateY(this.rotation[1]);
+      m.rotateZ(this.rotation[2]);
+    }
+
+    if(this.position) {
+      m.translate(this.position[0], this.position[1], this.position[2]);
+    }
+
+    if(this.rotationPost) {
+      m.rotateX(this.rotationPost[0]);
+      m.rotateY(this.rotationPost[1]);
+      m.rotateZ(this.rotationPost[2]);
+    }
+
+    if(this.scalePost) {
+      m.scale(this.scalePost[0], this.scalePost[1]);
+    }
+
+    if(this.transformOrigin)
+      m.translate(this.transformOrigin[0], this.transformOrigin[1], this.transformOrigin[2]);
+    return m;
+  },
+
+  getProperties: function() {
+    properties.opacity = this.opacity;
+    properties.width = this.width + 'px';
+    properties.height = this.height + 'px';
+    return properties;
+  }
+};
+};
+// ------------------
+// -- StateTweener -- 
+// -------------------
+
+var createStateTweener = function(startState, endState, resultState) {
+var start = startState;
+var end = endState;
+var result = resultState;
+
+var tweenPosition = end.position !== undefined;
+var tweenRotation = end.rotation !== undefined;
+var tweenRotationPost = end.rotationPost !== undefined;
+var tweenScale = end.scale !== undefined;
+var tweenSkew = end.skew !== undefined;
+var tweenWidth = end.width !== undefined;
+var tweenHeight = end.height !== undefined;
+var tweenOpacity = end.opacity !== undefined;
+
+// Public API
+return {
+
+  tween: function(tweenValue) {
+
+    if(tweenPosition) {
+      var dX = (end.position[0] - start.position[0]);
+      var dY = (end.position[1] - start.position[1]);
+      var dZ = (end.position[2] - start.position[2]);
+      result.position[0] = start.position[0] + tweenValue*dX;
+      result.position[1] = start.position[1] + tweenValue*dY;
+      result.position[2] = start.position[2] + tweenValue*dZ;
+    }
+
+    if(tweenRotation) {
+      var dAX = (end.rotation[0] - start.rotation[0]);
+      var dAY = (end.rotation[1] - start.rotation[1]);
+      var dAZ = (end.rotation[2] - start.rotation[2]);
+      result.rotation[0] = start.rotation[0] + tweenValue*dAX;
+      result.rotation[1] = start.rotation[1] + tweenValue*dAY;
+      result.rotation[2] = start.rotation[2] + tweenValue*dAZ;
+    }
+
+    if(tweenRotationPost) {
+      var dBX = (end.rotationPost[0] - start.rotationPost[0]);
+      var dBY = (end.rotationPost[1] - start.rotationPost[1]);
+      var dBZ = (end.rotationPost[2] - start.rotationPost[2]);
+      result.rotationPost[0] = start.rotationPost[0] + tweenValue*dBX;
+      result.rotationPost[1] = start.rotationPost[1] + tweenValue*dBY;
+      result.rotationPost[2] = start.rotationPost[2] + tweenValue*dBZ;
+    }
+
+    if(tweenSkew) {
+      var dSX = (end.scale[0] - start.scale[0]);
+      var dSY = (end.scale[1] - start.scale[1]);
+
+      result.scale[0] = start.scale[0] + tweenValue*dSX;
+      result.scale[1] = start.scale[1] + tweenValue*dSY;
+    }
+
+    if(tweenScale) {
+      var dSkewX = (end.skew[0] - start.skew[0]);
+      var dSkewY = (end.skew[1] - start.skew[1]);
+
+      result.skew[0] = start.skew[0] + tweenValue*dSkewX;
+      result.skew[1] = start.skew[1] + tweenValue*dSkewY;
+    }
+
+    if(tweenWidth) {
+      var dWidth = (end.width - start.width);
+      result.width = start.width + tweenValue*dWidth;
+    }
+
+
+    if(tweenHeight) {
+      var dHeight = (end.height - start.height);
+      result.height = start.height + tweenValue*dHeight;
+    }
+
+    if(tweenOpacity) {
+      var dOpacity = (end.opacity - start.opacity);
+      result.opacity = start.opacity + tweenValue*dOpacity;
+    }
+
+  },
+
+  asMatrix: function() {
+    return result.asMatrix();
+  },
+
+  getProperties: function() {
+    return result.getProperties();
+  },
+
+  setReverse: function() {
+    var oldStart = start;
+    start = end;
+    end = oldStart;
+  }
+};
+};
+
+// ------------------------
+// -- ValueFeederTweener -- 
+// ------------------------
+
+var createValueFeederTweener = function(valueFeeder, startState, endState, resultState) {
+var currentMatrix = valueFeeder(0, createMatrix());
+var start = startState;
+var end = endState;
+var result = resultState;
+var reverse = false;
+
+
+// Public API
+return {
+
+  tween: function(tweenValue) {
+    if(reverse)
+      tweenValue = 1 - tweenValue;
+    currentMatrix.clear();
+    currentMatrix = valueFeeder(tweenValue, currentMatrix);
+
+    var dWidth = (end.width - start.width);
+    var dHeight = (end.height - start.height);
+    var dOpacity = (end.opacity - start.opacity);
+
+    if(end.width !== undefined)
+      result.width = start.width + tweenValue*dWidth;
+    if(end.height !== undefined)
+      result.height = start.height + tweenValue*dHeight;
+    if(end.opacity !== undefined)
+      result.opacity = start.opacity + tweenValue*dOpacity;
+  },
+
+  asMatrix: function() {
+    return currentMatrix;
+  },
+
+  getProperties: function() {
+    return result.getProperties();
+  },
+
+  setReverse: function() {
+    reverse = true;
+  }
+
+};
+};
+
+var optionOrDefault = function(option, def) {
+if(typeof option == 'undefined') {
+  return def;
+}
+return option;
+};
+
+var updateElementTransform = function(element, matrix, perspective) {
+var cssPerspective = '';
+if(perspective) {
+  cssPerspective = 'perspective(' + perspective + 'px) ';
+}
+var cssMatrix = matrix.asCSS();
+element.style[transformProperty] = cssPerspective + cssMatrix;
+};
+
+var updateElementProperties = function(element, properties) {
+for(var key in properties) {
+  element.style[key] = properties[key];
+}
+};
+
+var isFunction = function(object) {
+return (typeof object === "function");
+};
+
+var cloneObject = function(object) {
+if(!object)
+  return object;
+var clone = {};
+for(var key in object) {
+  clone[key] = object[key];
+}
+return clone;
+};
+
+snabbt.createMatrix = createMatrix;
+snabbt.setElementTransform = updateElementTransform;
+return snabbt;
+}());
+var stackBlur = (function(){
+
+var mul_table = [
+    512,512,456,512,328,456,335,512,405,328,271,456,388,335,292,512,
+    454,405,364,328,298,271,496,456,420,388,360,335,312,292,273,512,
+    482,454,428,405,383,364,345,328,312,298,284,271,259,496,475,456,
+    437,420,404,388,374,360,347,335,323,312,302,292,282,273,265,512,
+    497,482,468,454,441,428,417,405,394,383,373,364,354,345,337,328,
+    320,312,305,298,291,284,278,271,265,259,507,496,485,475,465,456,
+    446,437,428,420,412,404,396,388,381,374,367,360,354,347,341,335,
+    329,323,318,312,307,302,297,292,287,282,278,273,269,265,261,512,
+    505,497,489,482,475,468,461,454,447,441,435,428,422,417,411,405,
+    399,394,389,383,378,373,368,364,359,354,350,345,341,337,332,328,
+    324,320,316,312,309,305,301,298,294,291,287,284,281,278,274,271,
+    268,265,262,259,257,507,501,496,491,485,480,475,470,465,460,456,
+    451,446,442,437,433,428,424,420,416,412,408,404,400,396,392,388,
+    385,381,377,374,370,367,363,360,357,354,350,347,344,341,338,335,
+    332,329,326,323,320,318,315,312,310,307,304,302,299,297,294,292,
+    289,287,285,282,280,278,275,273,271,269,267,265,263,261,259];
+
+
+var shg_table = [
+    9, 11, 12, 13, 13, 14, 14, 15, 15, 15, 15, 16, 16, 16, 16, 17,
+    17, 17, 17, 17, 17, 17, 18, 18, 18, 18, 18, 18, 18, 18, 18, 19,
+    19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 20, 20, 20,
+    20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 20, 21,
+    21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 21,
+    21, 21, 21, 21, 21, 21, 21, 21, 21, 21, 22, 22, 22, 22, 22, 22,
+    22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22,
+    22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 22, 23,
+    23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23,
+    23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23,
+    23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23, 23,
+    23, 23, 23, 23, 23, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24,
+    24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24,
+    24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24,
+    24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24,
+    24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24, 24 ];
+
+function getImageDataFromCanvas(canvas, top_x, top_y, width, height)
+{
+    if (typeof(canvas) == 'string')
+        canvas  = document.getElementById(canvas);
+    else if (!canvas instanceof HTMLCanvasElement)
+        return;
+
+    var context = canvas.getContext('2d');
+    var imageData;
+
+    try {
+        try {
+            imageData = context.getImageData(top_x, top_y, width, height);
+        } catch(e) {
+            throw new Error("unable to access local image data: " + e);
+            return;
+        }
+    } catch(e) {
+        throw new Error("unable to access image data: " + e);
+    }
+
+    return imageData;
+}
+
+function processCanvasRGBA(canvas, top_x, top_y, width, height, radius)
+{
+    if (isNaN(radius) || radius < 1) return;
+    radius |= 0;
+
+    var imageData = getImageDataFromCanvas(canvas, top_x, top_y, width, height);
+
+    imageData = processImageDataRGBA(imageData, top_x, top_y, width, height, radius);
+
+    canvas.getContext('2d').putImageData(imageData, top_x, top_y);
+}
+
+function processImageDataRGBA(imageData, top_x, top_y, width, height, radius)
+{
+    var pixels = imageData.data;
+
+    var x, y, i, p, yp, yi, yw, r_sum, g_sum, b_sum, a_sum,
+        r_out_sum, g_out_sum, b_out_sum, a_out_sum,
+        r_in_sum, g_in_sum, b_in_sum, a_in_sum,
+        pr, pg, pb, pa, rbs;
+
+    var div = radius + radius + 1;
+    var w4 = width << 2;
+    var widthMinus1  = width - 1;
+    var heightMinus1 = height - 1;
+    var radiusPlus1  = radius + 1;
+    var sumFactor = radiusPlus1 * (radiusPlus1 + 1) / 2;
+
+    var stackStart = new BlurStack();
+    var stack = stackStart;
+    for (i = 1; i < div; i++)
+    {
+        stack = stack.next = new BlurStack();
+        if (i == radiusPlus1) var stackEnd = stack;
+    }
+    stack.next = stackStart;
+    var stackIn = null;
+    var stackOut = null;
+
+    yw = yi = 0;
+
+    var mul_sum = mul_table[radius];
+    var shg_sum = shg_table[radius];
+
+    for (y = 0; y < height; y++)
+    {
+        r_in_sum = g_in_sum = b_in_sum = a_in_sum = r_sum = g_sum = b_sum = a_sum = 0;
+
+        r_out_sum = radiusPlus1 * (pr = pixels[yi]);
+        g_out_sum = radiusPlus1 * (pg = pixels[yi+1]);
+        b_out_sum = radiusPlus1 * (pb = pixels[yi+2]);
+        a_out_sum = radiusPlus1 * (pa = pixels[yi+3]);
+
+        r_sum += sumFactor * pr;
+        g_sum += sumFactor * pg;
+        b_sum += sumFactor * pb;
+        a_sum += sumFactor * pa;
+
+        stack = stackStart;
+
+        for (i = 0; i < radiusPlus1; i++)
+        {
+            stack.r = pr;
+            stack.g = pg;
+            stack.b = pb;
+            stack.a = pa;
+            stack = stack.next;
+        }
+
+        for (i = 1; i < radiusPlus1; i++)
+        {
+            p = yi + ((widthMinus1 < i ? widthMinus1 : i) << 2);
+            r_sum += (stack.r = (pr = pixels[p])) * (rbs = radiusPlus1 - i);
+            g_sum += (stack.g = (pg = pixels[p+1])) * rbs;
+            b_sum += (stack.b = (pb = pixels[p+2])) * rbs;
+            a_sum += (stack.a = (pa = pixels[p+3])) * rbs;
+
+            r_in_sum += pr;
+            g_in_sum += pg;
+            b_in_sum += pb;
+            a_in_sum += pa;
+
+            stack = stack.next;
+        }
+
+
+        stackIn = stackStart;
+        stackOut = stackEnd;
+        for (x = 0; x < width; x++)
+        {
+            pixels[yi+3] = pa = (a_sum * mul_sum) >> shg_sum;
+            if (pa != 0)
+            {
+                pa = 255 / pa;
+                pixels[yi]   = ((r_sum * mul_sum) >> shg_sum) * pa;
+                pixels[yi+1] = ((g_sum * mul_sum) >> shg_sum) * pa;
+                pixels[yi+2] = ((b_sum * mul_sum) >> shg_sum) * pa;
+            } else {
+                pixels[yi] = pixels[yi+1] = pixels[yi+2] = 0;
+            }
+
+            r_sum -= r_out_sum;
+            g_sum -= g_out_sum;
+            b_sum -= b_out_sum;
+            a_sum -= a_out_sum;
+
+            r_out_sum -= stackIn.r;
+            g_out_sum -= stackIn.g;
+            b_out_sum -= stackIn.b;
+            a_out_sum -= stackIn.a;
+
+            p =  (yw + ((p = x + radius + 1) < widthMinus1 ? p : widthMinus1)) << 2;
+
+            r_in_sum += (stackIn.r = pixels[p]);
+            g_in_sum += (stackIn.g = pixels[p+1]);
+            b_in_sum += (stackIn.b = pixels[p+2]);
+            a_in_sum += (stackIn.a = pixels[p+3]);
+
+            r_sum += r_in_sum;
+            g_sum += g_in_sum;
+            b_sum += b_in_sum;
+            a_sum += a_in_sum;
+
+            stackIn = stackIn.next;
+
+            r_out_sum += (pr = stackOut.r);
+            g_out_sum += (pg = stackOut.g);
+            b_out_sum += (pb = stackOut.b);
+            a_out_sum += (pa = stackOut.a);
+
+            r_in_sum -= pr;
+            g_in_sum -= pg;
+            b_in_sum -= pb;
+            a_in_sum -= pa;
+
+            stackOut = stackOut.next;
+
+            yi += 4;
+        }
+        yw += width;
+    }
+
+
+    for (x = 0; x < width; x++)
+    {
+        g_in_sum = b_in_sum = a_in_sum = r_in_sum = g_sum = b_sum = a_sum = r_sum = 0;
+
+        yi = x << 2;
+        r_out_sum = radiusPlus1 * (pr = pixels[yi]);
+        g_out_sum = radiusPlus1 * (pg = pixels[yi+1]);
+        b_out_sum = radiusPlus1 * (pb = pixels[yi+2]);
+        a_out_sum = radiusPlus1 * (pa = pixels[yi+3]);
+
+        r_sum += sumFactor * pr;
+        g_sum += sumFactor * pg;
+        b_sum += sumFactor * pb;
+        a_sum += sumFactor * pa;
+
+        stack = stackStart;
+
+        for (i = 0; i < radiusPlus1; i++)
+        {
+            stack.r = pr;
+            stack.g = pg;
+            stack.b = pb;
+            stack.a = pa;
+            stack = stack.next;
+        }
+
+        yp = width;
+
+        for (i = 1; i <= radius; i++)
+        {
+            yi = (yp + x) << 2;
+
+            r_sum += (stack.r = (pr = pixels[yi])) * (rbs = radiusPlus1 - i);
+            g_sum += (stack.g = (pg = pixels[yi+1])) * rbs;
+            b_sum += (stack.b = (pb = pixels[yi+2])) * rbs;
+            a_sum += (stack.a = (pa = pixels[yi+3])) * rbs;
+
+            r_in_sum += pr;
+            g_in_sum += pg;
+            b_in_sum += pb;
+            a_in_sum += pa;
+
+            stack = stack.next;
+
+            if(i < heightMinus1)
+            {
+                yp += width;
+            }
+        }
+
+        yi = x;
+        stackIn = stackStart;
+        stackOut = stackEnd;
+        for (y = 0; y < height; y++)
+        {
+            p = yi << 2;
+            pixels[p+3] = pa = (a_sum * mul_sum) >> shg_sum;
+            if (pa > 0)
+            {
+                pa = 255 / pa;
+                pixels[p]   = ((r_sum * mul_sum) >> shg_sum) * pa;
+                pixels[p+1] = ((g_sum * mul_sum) >> shg_sum) * pa;
+                pixels[p+2] = ((b_sum * mul_sum) >> shg_sum) * pa;
+            } else {
+                pixels[p] = pixels[p+1] = pixels[p+2] = 0;
+            }
+
+            r_sum -= r_out_sum;
+            g_sum -= g_out_sum;
+            b_sum -= b_out_sum;
+            a_sum -= a_out_sum;
+
+            r_out_sum -= stackIn.r;
+            g_out_sum -= stackIn.g;
+            b_out_sum -= stackIn.b;
+            a_out_sum -= stackIn.a;
+
+            p = (x + (((p = y + radiusPlus1) < heightMinus1 ? p : heightMinus1) * width)) << 2;
+
+            r_sum += (r_in_sum += (stackIn.r = pixels[p]));
+            g_sum += (g_in_sum += (stackIn.g = pixels[p+1]));
+            b_sum += (b_in_sum += (stackIn.b = pixels[p+2]));
+            a_sum += (a_in_sum += (stackIn.a = pixels[p+3]));
+
+            stackIn = stackIn.next;
+
+            r_out_sum += (pr = stackOut.r);
+            g_out_sum += (pg = stackOut.g);
+            b_out_sum += (pb = stackOut.b);
+            a_out_sum += (pa = stackOut.a);
+
+            r_in_sum -= pr;
+            g_in_sum -= pg;
+            b_in_sum -= pb;
+            a_in_sum -= pa;
+
+            stackOut = stackOut.next;
+
+            yi += width;
+        }
+    }
+    return imageData;
+}
+
+function BlurStack()
+{
+    this.r = 0;
+    this.g = 0;
+    this.b = 0;
+    this.a = 0;
+    this.next = null;
+}
+
+return processCanvasRGBA;
+
+}());
+// canvas to blob polyfill
+// https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob#Polyfill
+if (!HTMLCanvasElement.prototype.toBlob) {
+	Object.defineProperty(HTMLCanvasElement.prototype, 'toBlob', {
+		value: function (callback, type, quality) {
+
+			var binStr = atob( this.toDataURL(type, quality).split(',')[1] ),
+				len = binStr.length,
+				arr = new Uint8Array(len);
+
+			for (var i=0; i<len; i++ ) {
+				arr[i] = binStr.charCodeAt(i);
+			}
+
+			callback( new Blob( [arr], {type: type || 'image/png'} ) );
+		}
+	});
+}
+'use strict';
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+var copyString = function copyString(str) {
+	return str + '';
+};
+
+var getDataset = function getDataset(el) {
+
+	if (typeof el.dataset === 'undefined') {
+		var res = {};
+		var attr;
+		var attrName;
+		var attrs = el.attributes;
+		for (attr in attrs) {
+			if (attrs.hasOwnProperty(attr) && attrs[attr].name && /^data-[a-z_\-\d]*$/i.test(attrs[attr].name)) {
+				attrName = toCamelCase(attrs[attr].name.substr(5));
+				res[attrName] = attrs[attr].value;
+			}
+		}
+		return res;
+	}
+	return el.dataset;
+};
+
+var toCamelCase = function toCamelCase(str) {
+	return str.replace(/\-./g, function (substr) {
+		return substr.charAt(1).toUpperCase();
+	});
+};
+
+var getElementAttributes = function getElementAttributes(el) {
+	// is a for loop on purpose as this should still function when Slim not supported
+	var result = [];
+	var attributes = Array.prototype.slice.call(el.attributes);
+	var l = attributes.length;
+	for (var i = 0; i < l; i++) {
+		result.push({
+			name: attributes[i].name,
+			value: attributes[i].value
+		});
+	}
+	return result;
+};
+
+// helper method
+var getOffsetByEvent = function getOffsetByEvent(e) {
+	return {
+		x: typeof e.offsetX === 'undefined' ? e.layerX : e.offsetX,
+		y: typeof e.offsetY === 'undefined' ? e.layerY : e.offsetY
+	};
+};
+
+// merge two objects together
+var mergeOptions = function mergeOptions(base, additives) {
+
+	var key;
+	var options = {};
+	var optionsToMerge = additives || {};
+
+	for (key in base) {
+		if (!base.hasOwnProperty(key)) {
+			continue;
+		}
+		options[key] = typeof optionsToMerge[key] === 'undefined' ? base[key] : optionsToMerge[key];
+	}
+
+	return options;
+};
+
+// keys
+var Key = {
+	ESC: 27,
+	RETURN: 13
+};
+
+// pointer events
+var Events = {
+	DOWN: ['touchstart', 'pointerdown', 'mousedown'],
+	MOVE: ['touchmove', 'pointermove', 'mousemove'],
+	UP: ['touchend', 'touchcancel', 'pointerup', 'mouseup']
+};
+
+var MimeTypes = {
+	'jpeg': 'image/jpeg',
+	'jpg': 'image/jpeg',
+	'jpe': 'image/jpeg',
+	'png': 'image/png',
+	'gif': 'image/gif',
+	'bmp': 'image/bmp'
+};
+
+var ImageExtensionsRegex = /(\.png|\.bmp|\.gif|\.jpg|\.jpe|\.jpg|\.jpeg)$/;
+
+var CanvasExportExtensions = /(jpe|jpg|jpeg|png)/;
+
+// shortcuts
+var create = function create(name, className) {
+	var node = document.createElement(name);
+	if (className) {
+		node.className = className;
+	}
+	return node;
+};
+
+// events
+var addEvents = function addEvents(obj, events, scope) {
+	events.forEach(function (event) {
+		obj.addEventListener(event, scope, false);
+	});
+};
+
+var removeEvents = function removeEvents(obj, events, scope) {
+	events.forEach(function (event) {
+		obj.removeEventListener(event, scope, false);
+	});
+};
+
+var getEventOffset = function getEventOffset(e) {
+
+	var event = e.changedTouches ? e.changedTouches[0] : e;
+
+	// no event found, quit!
+	if (!event) {
+		return;
+	}
+
+	// get offset from events
+	return {
+		x: event.pageX,
+		y: event.pageY
+	};
+};
+
+var rotate = function rotate(rect, angle) {
+
+	var cx = .5;
+	var cy = .5;
+
+	var radians = Math.PI / 180 * angle;
+	var cos = Math.cos(radians);
+	var sin = Math.sin(radians);
+
+	var x1 = rect.x;
+	var y1 = rect.y;
+	var x2 = rect.x + rect.width;
+	var y2 = rect.y + rect.height;
+
+	var rx1 = cos * (x1 - cx) + sin * (y1 - cy) + cx;
+	var ry1 = cos * (y1 - cy) - sin * (x1 - cx) + cy;
+
+	var rx2 = cos * (x2 - cx) + sin * (y2 - cy) + cx;
+	var ry2 = cos * (y2 - cy) - sin * (x2 - cx) + cy;
+
+	if (rx1 <= rx2) {
+		rect.x = rx1;
+		rect.width = rx2 - rx1;
+	} else {
+		rect.x = rx2;
+		rect.width = rx1 - rx2;
+	}
+
+	if (ry1 <= ry2) {
+		rect.y = ry1;
+		rect.height = ry2 - ry1;
+	} else {
+		rect.y = ry2;
+		rect.height = ry1 - ry2;
+	}
+};
+
+var getEventOffsetScroll = function getEventOffsetScroll(e) {
+	var offset = getEventOffset(e);
+	offset.x -= window.pageXOffset || document.documentElement.scrollLeft;
+	offset.y -= window.pageYOffset || document.documentElement.scrollTop;
+	return offset;
+};
+
+var lowercaseFirstLetter = function lowercaseFirstLetter(string) {
+	return string.charAt(0).toLowerCase() + string.slice(1);
+};
+
+var capitalizeFirstLetter = function capitalizeFirstLetter(string) {
+	return string.charAt(0).toUpperCase() + string.slice(1);
+};
+
+var last = function last(array) {
+	return array[array.length - 1];
+};
+
+var limit = function limit(value, min, max) {
+	return Math.max(min, Math.min(max, value));
+};
+
+var inArray = function inArray(needle, arr) {
+	// is for loop so we can use this method on older browsers to render fallback message
+	if (!arr) {
+		return false;
+	}
+	for (var i = 0; i < arr.length; i++) {
+		if (arr[i] === needle) {
+			return true;
+		}
+	}
+	return false;
+};
+
+var send = function send(url, data, requestDecorator, progress, success, err) {
+
+	var xhr = new XMLHttpRequest();
+
+	// if progress callback defined handle progress events
+	if (progress) {
+		xhr.upload.addEventListener('progress', function (e) {
+			progress(e.loaded, e.total);
+		});
+	}
+
+	// open the request
+	xhr.open('POST', url, true);
+
+	// if request decorator defined pass XMLHttpRequest instance to decorator
+	if (requestDecorator) {
+		requestDecorator(xhr);
+	}
+
+	// handle state changes
+	xhr.onreadystatechange = function () {
+
+		if (xhr.readyState === 4 && xhr.status >= 200 && xhr.status < 300) {
+
+			var text = xhr.responseText;
+
+			// if no data returned from server assume success
+			if (!text.length) {
+				success();
+				return;
+			}
+
+			// catch possible PHP content length problem
+			if (text.indexOf('Content-Length') !== -1) {
+				err('file-too-big');
+				return;
+			}
+
+			// if data returned it should be in suggested JSON format
+			var obj = void 0;
+			try {
+				obj = JSON.parse(xhr.responseText);
+			} catch (e) {}
+
+			// if is failure response
+			if ((typeof obj === 'undefined' ? 'undefined' : _typeof(obj)) === 'object' && obj.status === 'failure') {
+				err(obj.message);
+				return;
+			}
+
+			success(obj || text);
+		} else if (xhr.readyState === 4) {
+
+			var _obj = void 0;
+			try {
+				_obj = JSON.parse(xhr.responseText);
+			} catch (e) {}
+
+			// if is clean failure response
+			if ((typeof _obj === 'undefined' ? 'undefined' : _typeof(_obj)) === 'object' && _obj.status === 'failure') {
+				err(_obj.message);
+				return;
+			}
+
+			err('fail');
+		}
+	};
+
+	// do request
+	xhr.send(data);
+};
+
+var resetTransforms = function resetTransforms(element) {
+	if (!element) {
+		return;
+	}
+	element.style.webkitTransform = '';
+	element.style.transform = '';
+};
+
+var bytesToMegaBytes = function bytesToMegaBytes(b) {
+	return b / 1000000;
+};
+
+var megaBytesToBytes = function megaBytesToBytes(mb) {
+	return mb * 1000000;
+};
+
+var getCommonMimeTypes = function getCommonMimeTypes() {
+	var types = [];
+	var type = void 0;
+	var mimeType = void 0;
+	for (type in MimeTypes) {
+		if (!MimeTypes.hasOwnProperty(type)) {
+			continue;
+		}
+		mimeType = MimeTypes[type];
+		if (types.indexOf(mimeType) == -1) {
+			types.push(mimeType);
+		}
+	}
+	return types;
+};
+
+var isJPEGMimeType = function isJPEGMimeType(type) {
+	return type === 'image/jpeg';
+};
+
+var getExtensionByMimeType = function getExtensionByMimeType(mimetype) {
+	var type = void 0;
+	for (type in MimeTypes) {
+		if (!MimeTypes.hasOwnProperty(type)) {
+			continue;
+		}
+		if (MimeTypes[type] === mimetype) {
+			return type;
+		}
+	}
+	return mimetype;
+};
+
+var getMimeTypeFromResponseType = function getMimeTypeFromResponseType(responseType) {
+	var type = void 0;
+	for (type in MimeTypes) {
+		if (!MimeTypes.hasOwnProperty(type)) {
+			continue;
+		}
+		if (responseType.indexOf(MimeTypes[type]) !== -1) {
+			return MimeTypes[type];
+		}
+	}
+	return null;
+};
+
+var getFileName = function getFileName(path) {
+	return path.split('/').pop().split('?').shift();
+};
+
+var leftPad = function leftPad(value) {
+	var padding = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+	return (padding + value).slice(-padding.length);
+};
+
+var getDateString = function getDateString(date) {
+	return date.getFullYear() + '-' + leftPad(date.getMonth() + 1, '00') + '-' + leftPad(date.getDate(), '00') + '_' + leftPad(date.getHours(), '00') + '-' + leftPad(date.getMinutes(), '00') + '-' + leftPad(date.getSeconds(), '00');
+};
+
+var getFileNameByFile = function getFileNameByFile(file) {
+	if (typeof file.name === 'undefined') {
+		return getDateString(new Date()) + '.' + getExtensionByMimeType(getFileTypeByFile(file));
+	}
+	return file.name;
+};
+
+var getFileTypeByFile = function getFileTypeByFile(file) {
+	return file.type || 'image/jpeg';
+};
+
+var getFileNameWithoutExtension = function getFileNameWithoutExtension(path) {
+	if (typeof path !== 'string') {
+		return getDateString(new Date());
+	}
+	var name = getFileName(path);
+	return name.split('.').shift();
+};
+
+var blobToFile = function blobToFile(blob, name) {
+	blob.lastModifiedDate = new Date();
+	blob.name = name;
+	return blob;
+};
+
+var resourceIsFetchURL = function resourceIsFetchURL(resource) {
+	return (/^fetch\//.test(resource)
+	);
+};
+
+var resourceIsBase64Data = function resourceIsBase64Data(resource) {
+	return (/^data:image/.test(resource)
+	);
+};
+
+var loadRemoteURL = function loadRemoteURL(fetcher, url, err, cb) {
+
+	var xhr = new XMLHttpRequest();
+	xhr.open('GET', fetcher + '?url=' + url, true);
+	xhr.responseType = 'json';
+	xhr.onload = function (e) {
+
+		if (this.response.status === 'failure') {
+			err(this.response.message);
+			return;
+		}
+
+		loadURL(this.response.body, cb);
+	};
+
+	xhr.send();
+};
+
+var loadURL = function loadURL(url, cb) {
+
+	var xhr = new XMLHttpRequest();
+	xhr.open('GET', url, true);
+	xhr.responseType = 'blob';
+	xhr.onload = function (e) {
+
+		var name = getFileName(url);
+		var type = getMimeTypeFromResponseType(this.response.type);
+
+		if (!ImageExtensionsRegex.test(name)) {
+			name += '.' + getExtensionByMimeType(type);
+		}
+
+		// get as file
+		var file = blobToFile(this.response, name);
+
+		// need to set correct type
+		cb(cloneFile(file, type));
+	};
+
+	xhr.send();
+};
+
+var base64ToByteString = function base64ToByteString(dataURI) {
+
+	// get data part of string (remove data:image/jpeg...,)
+	var dataPart = dataURI.split(',')[1];
+
+	// remove any whitespace as that causes InvalidCharacterError in IE
+	var dataPartCleaned = dataPart.replace(/\s/g, '');
+
+	// to bytestring
+	return atob(dataPartCleaned);
+};
+
+var base64ToBlob = function base64ToBlob(dataURI, filename) {
+
+	var byteString = base64ToByteString(dataURI);
+	var ab = new ArrayBuffer(byteString.length);
+	var ia = new Uint8Array(ab);
+
+	for (var i = 0; i < byteString.length; i++) {
+		ia[i] = byteString.charCodeAt(i);
+	}
+
+	var mimeType = getMimeTypeFromDataURI(dataURI);
+
+	if (typeof filename === 'undefined') {
+		filename = getDateString(new Date()) + '.' + getExtensionByMimeType(mimeType);
+	}
+
+	return blobToFile(createBlob(ab, mimeType), filename);
+};
+
+var createBlob = function createBlob(data, mimeType) {
+
+	var BB = window.BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder || window.MSBlobBuilder;
+
+	if (BB) {
+		var bb = new BB();
+		bb.append(data);
+		return bb.getBlob(mimeType);
+	}
+
+	return new Blob([data], {
+		type: mimeType
+	});
+};
+
+var getImageAsCanvas = function getImageAsCanvas(src, size, callback) {
+
+	// only cross origin when it's not base64 data, to prevent errors in Safari
+	// http://stackoverflow.com/questions/31643096/why-does-safari-throw-cors-error-when-setting-base64-data-on-a-crossorigin-an
+	var crossOrigin = typeof src === 'string' ? src.indexOf('data:image') !== 0 : true;
+
+	loadImage.parseMetaData(src, function (meta) {
+
+		var options = {
+			canvas: true,
+			crossOrigin: crossOrigin
+		};
+
+		if (size) {
+			options.maxWidth = size.width;
+			options.maxHeight = size.height;
+		}
+
+		if (meta.exif) {
+			options.orientation = meta.exif.get('Orientation');
+		}
+
+		loadImage(src, function (res) {
+
+			if (res.type === 'error') {
+				callback();
+				return;
+			}
+
+			callback(res, meta);
+		}, options);
+	});
+};
+
+var getAutoCropRect = function getAutoCropRect(width, height, ratioOut) {
+
+	var x,
+	    y,
+	    w,
+	    h,
+	    ratioIn = height / width;
+
+	// if input is portrait and required is landscape
+	// width is portrait width, height is width times outputRatio
+	if (ratioIn < ratioOut) {
+		h = height;
+		w = h / ratioOut;
+		x = (width - w) * .5;
+		y = 0;
+	}
+
+	// if input is landscape and required is portrait
+	// height is landscape height, width is height divided by outputRatio
+	else {
+			w = width;
+			h = w * ratioOut;
+			x = 0;
+			y = (height - h) * .5;
+		}
+
+	return {
+		x: x,
+		y: y,
+		height: h,
+		width: w
+	};
+};
+
+var transformCanvas = function transformCanvas(canvas) {
+	var transforms = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+	var cb = arguments[2];
+
+
+	var result = create('canvas');
+
+	var rotation = transforms.rotation,
+	    crop = transforms.crop,
+	    size = transforms.size,
+	    filters = transforms.filters;
+
+	// do crop transforms
+
+	if (crop) {
+
+		// do crop
+		var isTilted = rotation % 180 !== 0;
+		var space = {
+			width: isTilted ? canvas.height : canvas.width,
+			height: isTilted ? canvas.width : canvas.height
+		};
+
+		// crop offsets in percentages
+		var px = crop.x / space.width;
+		var py = crop.y / space.height;
+		var pw = crop.width / space.width;
+		var ph = crop.height / space.height;
+
+		// limit crop to size of canvas else safari might return transparent image
+		if (crop.y + crop.height > space.height) {
+			crop.y = Math.max(0, space.height - crop.height);
+		}
+
+		if (crop.x + crop.width > space.width) {
+			crop.x = Math.max(0, space.width - crop.width);
+		}
+
+		// resize canvas to the final crop result size
+		result.width = crop.width;
+		result.height = crop.height;
+
+		// draw the crop
+		var ctx = result.getContext('2d');
+
+		if (rotation === 90) {
+
+			ctx.translate(result.width * .5, result.height * .5);
+			ctx.rotate(-90 * Math.PI / 180);
+			ctx.drawImage(canvas,
+
+			// source rectangle (crop area)
+			(1 - py) * canvas.width - canvas.width * ph, crop.x, crop.height, crop.width,
+
+			// target area (cover)
+			-result.height * .5, -result.width * .5, result.height, result.width);
+		} else if (rotation === 180) {
+
+			ctx.translate(result.width * .5, result.height * .5);
+			ctx.rotate(-180 * Math.PI / 180);
+			ctx.drawImage(canvas,
+
+			// source rectangle (crop area)
+			(1 - (px + pw)) * space.width, (1 - (py + ph)) * space.height, pw * space.width, ph * space.height,
+
+			// target area (cover)
+			-result.width * .5, -result.height * .5, result.width, result.height);
+		} else if (rotation === 270) {
+
+			ctx.translate(result.width * .5, result.height * .5);
+			ctx.rotate(-270 * Math.PI / 180);
+			ctx.drawImage(canvas,
+
+			// source rectangle (crop area)
+			crop.y, (1 - px) * canvas.height - canvas.height * pw, crop.height, crop.width,
+
+			// target area (cover)
+			-result.height * .5, -result.width * .5, result.height, result.width);
+		} else {
+
+			ctx.drawImage(canvas,
+
+			// source rectangle (crop area)
+			crop.x, crop.y, crop.width, crop.height,
+
+			// target area (cover)
+			0, 0, result.width, result.height);
+		}
+	}
+
+	// do size transforms
+	if (size) {
+
+		var scalarX = size.width / result.width;
+		var scalarY = size.height / result.height;
+		var scalar = Math.min(scalarX, scalarY);
+
+		// pick smallest scalar
+		scaleCanvas(result, scalar);
+
+		// sharpen result
+		if (filters.sharpen > 0) {
+			filter(result, sharpen(filters.sharpen));
+		}
+	}
+
+	cb(result);
+};
+
+function scaleCanvas(canvas, scalar) {
+
+	// if not scaling down, bail out
+	if (scalar >= 1) {
+		return;
+	}
+
+	var targetWidth = canvas.width * scalar;
+	var targetHeight = canvas.height * scalar;
+	var w = canvas.width;
+	var h = canvas.height;
+	var tmp = canvas;
+
+	while (w > targetWidth && h > targetHeight) {
+
+		var c = document.createElement('canvas');
+		w = tmp.width * .5;
+		h = tmp.height * .5;
+
+		if (w < targetWidth) {
+			w = targetWidth;
+		}
+
+		if (h < targetHeight) {
+			h = targetHeight;
+		}
+
+		c.width = w;
+		c.height = h;
+		var ctx = c.getContext('2d');
+		ctx.drawImage(tmp, 0, 0, w, h);
+
+		tmp = cloneCanvas(c);
+	}
+
+	canvas.width = targetWidth;
+	canvas.height = targetHeight;
+	var ctx = canvas.getContext('2d');
+	ctx.drawImage(tmp, 0, 0, targetWidth, targetHeight);
+}
+
+var getPixels = function getPixels(canvas) {
+	var ctx = canvas.getContext('2d');
+	return ctx.getImageData(0, 0, canvas.width, canvas.height);
+};
+
+var filter = function filter(canvas, _filter) {
+	var ctx = canvas.getContext('2d');
+	ctx.putImageData(_filter(getPixels(canvas), canvas.width, canvas.height), 0, 0);
+};
+
+var createImageData = function createImageData(w, h, pixels) {
+	var c = document.createElement('canvas');
+	c.width = w;
+	c.height = h;
+	var ctx = c.getContext('2d');
+	var data = ctx.createImageData(c.width, c.height);
+	if (pixels) {
+		data.set(pixels.data);
+	}
+	return data;
+};
+
+var sharpen = function sharpen(mix) {
+
+	return function (pixels, w, h) {
+
+		var weights = [0, -1, 0, -1, 5, -1, 0, -1, 0],
+		    katet = Math.round(Math.sqrt(weights.length)),
+		    half = katet * 0.5 | 0,
+		    dstData = createImageData(w, h),
+		    dstBuff = dstData.data,
+		    srcBuff = pixels.data,
+		    y = h,
+		    x = void 0;
+
+		while (y--) {
+
+			x = w;
+
+			while (x--) {
+
+				var sy = y,
+				    sx = x,
+				    dstOff = (y * w + x) * 4,
+				    r = 0,
+				    g = 0,
+				    b = 0,
+				    a = 0;
+
+				for (var cy = 0; cy < katet; cy++) {
+					for (var cx = 0; cx < katet; cx++) {
+
+						var scy = sy + cy - half;
+						var scx = sx + cx - half;
+
+						if (scy >= 0 && scy < h && scx >= 0 && scx < w) {
+
+							var srcOff = (scy * w + scx) * 4;
+							var wt = weights[cy * katet + cx];
+
+							r += srcBuff[srcOff] * wt;
+							g += srcBuff[srcOff + 1] * wt;
+							b += srcBuff[srcOff + 2] * wt;
+							a += srcBuff[srcOff + 3] * wt;
+						}
+					}
+				}
+
+				dstBuff[dstOff] = r * mix + srcBuff[dstOff] * (1 - mix);
+				dstBuff[dstOff + 1] = g * mix + srcBuff[dstOff + 1] * (1 - mix);
+				dstBuff[dstOff + 2] = b * mix + srcBuff[dstOff + 2] * (1 - mix);
+				dstBuff[dstOff + 3] = srcBuff[dstOff + 3];
+			}
+		}
+
+		return dstData;
+	};
+};
+
+var sizeDist = function sizeDist(rect, canvas) {
+
+	var dx = Math.abs(rect.width - canvas.width);
+	var dy = Math.abs(rect.height - canvas.height);
+
+	return Math.max(dx, dy);
+};
+
+var cloneCanvas = function cloneCanvas(original) {
+	return cloneCanvasScaled(original, 1);
+};
+
+var cloneCanvasScaled = function cloneCanvasScaled(original, scalar) {
+
+	if (!original) {
+		return null;
+	}
+
+	var duplicate = document.createElement('canvas');
+	var ctx = duplicate.getContext('2d');
+	duplicate.width = original.width;
+	duplicate.height = original.height;
+	ctx.drawImage(original, 0, 0);
+	if (scalar > 0 && scalar != 1) {
+		scaleCanvas(duplicate, scalar);
+	}
+
+	return duplicate;
+};
+
+var canvasHasDimensions = function canvasHasDimensions(canvas) {
+	return canvas.width && canvas.height;
+};
+
+var copyCanvas = function copyCanvas(original, destination) {
+
+	var ctx = destination.getContext('2d');
+	if (canvasHasDimensions(destination)) {
+		ctx.drawImage(original, 0, 0, destination.width, destination.height);
+	} else {
+		destination.width = original.width;
+		destination.height = original.height;
+		ctx.drawImage(original, 0, 0);
+	}
+};
+
+var clearCanvas = function clearCanvas(canvas) {
+	var ctx = canvas.getContext('2d');
+	ctx.clearRect(0, 0, canvas.width, canvas.height);
+};
+
+var blurCanvas = function blurCanvas(canvas) {
+	stackBlur(canvas, 0, 0, canvas.width, canvas.height, 3);
+};
+
+var covers = function covers(image, rect) {
+	return parseInt(image.width, 10) >= rect.width && parseInt(image.height, 10) >= rect.height;
+};
+
+var scaleRect = function scaleRect(rect, w, h) {
+	return {
+		x: rect.x * w,
+		y: rect.y * h,
+		width: rect.width * w,
+		height: rect.height * h
+	};
+};
+
+var divideRect = function divideRect(rect, w, h) {
+	return {
+		x: rect.x / w,
+		y: rect.y / h,
+		width: rect.width / w,
+		height: rect.height / h
+	};
+};
+
+var resetFileInput = function resetFileInput(input) {
+
+	// no value, no need to reset
+	if (!input || input.value === '') {
+		return;
+	}
+
+	try {
+		// for modern browsers
+		input.value = '';
+	} catch (err) {}
+
+	// for IE10
+	if (input.value) {
+
+		// quickly append input to temp form and reset form
+		var form = document.createElement('form');
+		var parentNode = input.parentNode;
+		var ref = input.nextSibling;
+		form.appendChild(input);
+		form.reset();
+
+		// re-inject input where it originally was
+		if (ref) {
+			parentNode.insertBefore(input, ref);
+		} else {
+			parentNode.appendChild(input);
+		}
+	}
+};
+
+var clone = function clone(obj) {
+	if ((typeof value === 'undefined' ? 'undefined' : _typeof(value)) === 'object' && value !== null) {
+		return JSON.parse(JSON.stringify(obj));
+	}
+	return obj;
+};
+
+var cloneFile = function cloneFile(file) {
+	var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+
+	if (!file) {
+		return null;
+	}
+	var dupe = file.slice(0, file.size, type || file.type);
+	dupe.name = file.name;
+	if (file.lastModifiedDate) {
+		dupe.lastModifiedDate = new Date(file.lastModifiedDate);
+	}
+	return dupe;
+};
+
+var cloneData = function cloneData(obj) {
+	var dupe = clone(obj);
+	dupe.input.file = cloneFile(obj.input.file);
+	dupe.output.image = cloneCanvas(obj.output.image);
+	return dupe;
+};
+
+/**
+ * @param image
+ * @param type
+ * @param jpegCompression - value between 0 and 100 or undefined/null to use default compression
+ * @returns {*}
+ */
+var toDataURL = function toDataURL(image, type, jpegCompression) {
+	if (!image || !type) {
+		return null;
+	}
+	return image.toDataURL(type, isJPEGMimeType(type) && typeof jpegCompression === 'number' ? jpegCompression / 100 : undefined);
+};
+
+var getMimeTypeFromDataURI = function getMimeTypeFromDataURI(dataUri) {
+	if (!dataUri) {
+		return null;
+	}
+	var matches = dataUri.substr(0, 16).match(/^.+;/);
+	if (matches.length) {
+		return matches[0].substring(5, matches[0].length - 1);
+	}
+	return null;
+};
+
+var flattenData = function flattenData(obj) {
+	var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+	var jpegCompression = arguments[2];
+	var forcedType = arguments[3];
+	var async = arguments[4];
+
+
+	var data = {
+		server: clone(obj.server),
+		meta: clone(obj.meta),
+		input: {
+			name: obj.input.name,
+			type: obj.input.type,
+			size: obj.input.size,
+			width: obj.input.width,
+			height: obj.input.height,
+			field: obj.input.field
+		}
+	};
+
+	if (inArray('input', props) && !async) {
+		data.input.image = toDataURL(obj.input.image, obj.input.type);
+	}
+
+	if (inArray('output', props)) {
+
+		data.output = {
+			name: forcedType ? getFileNameWithoutExtension(obj.input.name) + '.' + forcedType : obj.input.name,
+			type: MimeTypes[forcedType] || obj.input.type,
+			width: obj.output.width,
+			height: obj.output.height
+		};
+
+		data.output.image = toDataURL(obj.output.image, data.output.type, jpegCompression);
+		data.output.type = getMimeTypeFromDataURI(data.output.image);
+
+		// browser problem:
+		// if output is of type png and input was of type jpeg we need to fix extension of filename
+		// so instead of testing the above situation we just always fix extension when handling PNGs
+		if (data.output.type === 'image/png') {
+			data.output.name = getFileNameWithoutExtension(data.input.name) + '.png';
+		}
+	}
+
+	if (inArray('actions', props)) {
+		data.actions = clone(obj.actions);
+	}
+
+	return data;
+};
+
+var downloadCanvas = function downloadCanvas(data, jpegCompression, forcedType) {
+
+	var canvas = data.output.image;
+	var filename = forcedType ? getFileNameWithoutExtension(data.input.name) + '.' + forcedType : data.input.name;
+	var type = MimeTypes[forcedType] || data.input.type;
+
+	// browser problem:
+	// if output is of type png and input was of type jpeg we need to fix extension of filename
+	// so instead of testing the above situation we just always fix extension when handling PNGs
+	if (type === 'image/png') {
+		filename = getFileNameWithoutExtension(data.input.name) + '.png';
+	}
+
+	canvas.toBlob(function (blob) {
+
+		if ('msSaveBlob' in window.navigator) {
+			window.navigator.msSaveBlob(blob, filename);
+			return;
+		}
+
+		var url = (window.URL || window.webkitURL).createObjectURL(blob);
+
+		// setup hidden link
+		var link = create('a');
+		link.style.display = 'none';
+		link.download = filename;
+		link.href = url;
+
+		// attach to DOM otherwise this does not work in Firefox
+		document.body.appendChild(link);
+
+		// fire click
+		link.click();
+
+		// delay on remove otherwise does not work in Firefox
+		setTimeout(function () {
+			document.body.removeChild(link);
+			(window.URL || window.webkitURL).revokeObjectURL(url);
+		}, 0);
+	}, type, typeof jpegCompression === 'number' ? jpegCompression / 100 : undefined);
+};
+
+var toggleDisplayBySelector = function toggleDisplayBySelector(selector, enabled, root) {
+	var node = root.querySelector(selector);
+	if (!node) {
+		return;
+	}
+	node.style.display = enabled ? '' : 'none';
+};
+
+var nodeListToArray = function nodeListToArray(nl) {
+	return Array.prototype.slice.call(nl);
+};
+
+var removeElement = function removeElement(el) {
+	el.parentNode.removeChild(el);
+};
+
+var wrap = function wrap(element) {
+	var wrapper = create('div');
+	if (element.parentNode) {
+		if (element.nextSibling) {
+			element.parentNode.insertBefore(wrapper, element.nextSibling);
+		} else {
+			element.parentNode.appendChild(wrapper);
+		}
+	}
+	wrapper.appendChild(element);
+	return wrapper;
+};
+
+var polarToCartesian = function polarToCartesian(centerX, centerY, radius, angleInDegrees) {
+	var angleInRadians = (angleInDegrees - 90) * Math.PI / 180.0;
+
+	return {
+		x: centerX + radius * Math.cos(angleInRadians),
+		y: centerY + radius * Math.sin(angleInRadians)
+	};
+};
+
+var describeArc = function describeArc(x, y, radius, startAngle, endAngle) {
+
+	var start = polarToCartesian(x, y, radius, endAngle);
+	var end = polarToCartesian(x, y, radius, startAngle);
+
+	var arcSweep = endAngle - startAngle <= 180 ? '0' : '1';
+
+	var d = ['M', start.x, start.y, 'A', radius, radius, 0, arcSweep, 0, end.x, end.y].join(' ');
+
+	return d;
+};
+
+var percentageArc = function percentageArc(x, y, radius, p) {
+	return describeArc(x, y, radius, 0, p * 360);
+};
+var CropArea = function () {
+
+	var resizers = {
+		'n': function n(rect, offset, space, ratio) {
+
+			var t, r, b, l, w, h, p, d;
+
+			// bottom is fixed
+			b = rect.y + rect.height;
+
+			// intended top
+			t = limit(offset.y, 0, b);
+
+			// if is too small vertically
+			if (b - t < space.min.height) {
+				t = b - space.min.height;
+			}
+
+			// if should scale by ratio, pick width by ratio of new height
+			w = ratio ? (b - t) / ratio : rect.width;
+
+			// check if has fallen below min width or height
+			if (w < space.min.width) {
+				w = space.min.width;
+				t = b - w * ratio;
+			}
+
+			// add half to left and half to right edge
+			p = (w - rect.width) * .5;
+			l = rect.x - p;
+			r = rect.x + rect.width + p;
+
+			// check if any of the edges has moved out of the available space, if so,
+			// set max size of rectangle from original position
+			if (l < 0 || r > space.width) {
+
+				// smallest distance to edge of space
+				d = Math.min(rect.x, space.width - (rect.x + rect.width));
+
+				// new left and right offsets
+				l = rect.x - d;
+				r = rect.x + rect.width + d;
+
+				// resulting width
+				w = r - l;
+
+				// resulting height based on ratio
+				h = w * ratio;
+
+				// new top position
+				t = b - h;
+			}
+
+			return {
+				x: l,
+				y: t,
+				width: r - l,
+				height: b - t
+			};
+		},
+		's': function s(rect, offset, space, ratio) {
+
+			var t, r, b, l, w, h, p, d;
+
+			// top is fixed
+			t = rect.y;
+
+			// intended bottom
+			b = limit(offset.y, t, space.height);
+
+			// if is too small vertically
+			if (b - t < space.min.height) {
+				b = t + space.min.height;
+			}
+
+			// if should scale by ratio, pick width by ratio of new height
+			w = ratio ? (b - t) / ratio : rect.width;
+
+			// check if has fallen below min width or height
+			if (w < space.min.width) {
+				w = space.min.width;
+				b = t + w * ratio;
+			}
+
+			// add half to left and half to right edge
+			p = (w - rect.width) * .5;
+			l = rect.x - p;
+			r = rect.x + rect.width + p;
+
+			// check if any of the edges has moved out of the available space, if so,
+			// set max size of rectangle from original position
+			if (l < 0 || r > space.width) {
+
+				// smallest distance to edge of space
+				d = Math.min(rect.x, space.width - (rect.x + rect.width));
+
+				// new left and right offsets
+				l = rect.x - d;
+				r = rect.x + rect.width + d;
+
+				// resulting width
+				w = r - l;
+
+				// resulting height based on ratio
+				h = w * ratio;
+
+				// new bottom position
+				b = t + h;
+			}
+
+			return {
+				x: l,
+				y: t,
+				width: r - l,
+				height: b - t
+			};
+		},
+		'e': function e(rect, offset, space, ratio) {
+
+			var t, r, b, l, w, h, p, d;
+
+			// left is fixed
+			l = rect.x;
+
+			// intended right edge
+			r = limit(offset.x, l, space.width);
+
+			// if is too small vertically
+			if (r - l < space.min.width) {
+				r = l + space.min.width;
+			}
+
+			// if should scale by ratio, pick height by ratio of new width
+			h = ratio ? (r - l) * ratio : rect.height;
+
+			// check if has fallen below min width or height
+			if (h < space.min.height) {
+				h = space.min.height;
+				r = l + h / ratio;
+			}
+
+			// add half to top and bottom
+			p = (h - rect.height) * .5;
+			t = rect.y - p;
+			b = rect.y + rect.height + p;
+
+			// check if any of the edges has moved out of the available space, if so,
+			// set max size of rectangle from original position
+			if (t < 0 || b > space.height) {
+
+				// smallest distance to edge of space
+				d = Math.min(rect.y, space.height - (rect.y + rect.height));
+
+				// new top and bottom offsets
+				t = rect.y - d;
+				b = rect.y + rect.height + d;
+
+				// resulting height
+				h = b - t;
+
+				// resulting width based on ratio
+				w = h / ratio;
+
+				// new right position
+				r = l + w;
+			}
+
+			return {
+				x: l,
+				y: t,
+				width: r - l,
+				height: b - t
+			};
+		},
+		'w': function w(rect, offset, space, ratio) {
+
+			var t, r, b, l, w, h, p, d;
+
+			// right is fixed
+			r = rect.x + rect.width;
+
+			// intended left edge
+			l = limit(offset.x, 0, r);
+
+			// if is too small vertically
+			if (r - l < space.min.width) {
+				l = r - space.min.width;
+			}
+
+			// if should scale by ratio, pick height by ratio of new width
+			h = ratio ? (r - l) * ratio : rect.height;
+
+			// check if has fallen below min width or height
+			if (h < space.min.height) {
+				h = space.min.height;
+				l = r - h / ratio;
+			}
+
+			// add half to top and bottom
+			p = (h - rect.height) * .5;
+			t = rect.y - p;
+			b = rect.y + rect.height + p;
+
+			// check if any of the edges has moved out of the available space, if so,
+			// set max size of rectangle from original position
+			if (t < 0 || b > space.height) {
+
+				// smallest distance to edge of space
+				d = Math.min(rect.y, space.height - (rect.y + rect.height));
+
+				// new top and bottom offsets
+				t = rect.y - d;
+				b = rect.y + rect.height + d;
+
+				// resulting height
+				h = b - t;
+
+				// resulting width based on ratio
+				w = h / ratio;
+
+				// new right position
+				l = r - w;
+			}
+
+			return {
+				x: l,
+				y: t,
+				width: r - l,
+				height: b - t
+			};
+		},
+		'ne': function ne(rect, offset, space, ratio) {
+
+			var t, r, b, l, w, h, d;
+
+			// left and bottom are fixed
+			l = rect.x;
+			b = rect.y + rect.height;
+
+			// intended right edge
+			r = limit(offset.x, l, space.width);
+
+			// if is too small vertically
+			if (r - l < space.min.width) {
+				r = l + space.min.width;
+			}
+
+			// if should scale by ratio, pick height by ratio of new width
+			h = ratio ? (r - l) * ratio : limit(b - offset.y, space.min.height, b);
+
+			// check if has fallen below min width or height
+			if (h < space.min.height) {
+				h = space.min.height;
+				r = l + h / ratio;
+			}
+
+			// add height difference with original height to top
+			t = rect.y - (h - rect.height);
+
+			// check if any of the edges has moved out of the available space, if so,
+			// set max size of rectangle from original position
+			if (t < 0 || b > space.height) {
+
+				// smallest distance to edge of space
+				d = Math.min(rect.y, space.height - (rect.y + rect.height));
+
+				// new top and bottom offsets
+				t = rect.y - d;
+
+				// resulting height
+				h = b - t;
+
+				// resulting width based on ratio
+				w = h / ratio;
+
+				// new right position
+				r = l + w;
+			}
+
+			return {
+				x: l,
+				y: t,
+				width: r - l,
+				height: b - t
+			};
+		},
+		'se': function se(rect, offset, space, ratio) {
+
+			var t, r, b, l, w, h, d;
+
+			// left and top are fixed
+			l = rect.x;
+			t = rect.y;
+
+			// intended right edge
+			r = limit(offset.x, l, space.width);
+
+			// if is too small vertically
+			if (r - l < space.min.width) {
+				r = l + space.min.width;
+			}
+
+			// if should scale by ratio, pick height by ratio of new width
+			h = ratio ? (r - l) * ratio : limit(offset.y - rect.y, space.min.height, space.height - t);
+
+			// check if has fallen below min width or height
+			if (h < space.min.height) {
+				h = space.min.height;
+				r = l + h / ratio;
+			}
+
+			// add height difference with original height to bottom
+			b = rect.y + rect.height + (h - rect.height);
+
+			// check if any of the edges has moved out of the available space, if so,
+			// set max size of rectangle from original position
+			if (t < 0 || b > space.height) {
+
+				// smallest distance to edge of space
+				d = Math.min(rect.y, space.height - (rect.y + rect.height));
+
+				// new bottom offset
+				b = rect.y + rect.height + d;
+
+				// resulting height
+				h = b - t;
+
+				// resulting width based on ratio
+				w = h / ratio;
+
+				// new right position
+				r = l + w;
+			}
+
+			return {
+				x: l,
+				y: t,
+				width: r - l,
+				height: b - t
+			};
+		},
+		'sw': function sw(rect, offset, space, ratio) {
+
+			var t, r, b, l, w, h, d;
+
+			// right and top are fixed
+			r = rect.x + rect.width;
+			t = rect.y;
+
+			// intended left edge
+			l = limit(offset.x, 0, r);
+
+			// if is too small vertically
+			if (r - l < space.min.width) {
+				l = r - space.min.width;
+			}
+
+			// if should scale by ratio, pick height by ratio of new width
+			h = ratio ? (r - l) * ratio : limit(offset.y - rect.y, space.min.height, space.height - t);
+
+			// check if has fallen below min width or height
+			if (h < space.min.height) {
+				h = space.min.height;
+				l = r - h / ratio;
+			}
+
+			// add height difference with original height to bottom
+			b = rect.y + rect.height + (h - rect.height);
+
+			// check if any of the edges has moved out of the available space, if so,
+			// set max size of rectangle from original position
+			if (t < 0 || b > space.height) {
+
+				// smallest distance to edge of space
+				d = Math.min(rect.y, space.height - (rect.y + rect.height));
+
+				// new bottom offset
+				b = rect.y + rect.height + d;
+
+				// resulting height
+				h = b - t;
+
+				// resulting width based on ratio
+				w = h / ratio;
+
+				// new left position
+				l = r - w;
+			}
+
+			return {
+				x: l,
+				y: t,
+				width: r - l,
+				height: b - t
+			};
+		},
+		'nw': function nw(rect, offset, space, ratio) {
+
+			var t, r, b, l, w, h, d;
+
+			// right and bottom are fixed
+			r = rect.x + rect.width;
+			b = rect.y + rect.height;
+
+			// intended left edge
+			l = limit(offset.x, 0, r);
+
+			// if is too small vertically
+			if (r - l < space.min.width) {
+				l = r - space.min.width;
+			}
+
+			// if should scale by ratio, pick height by ratio of new width
+			h = ratio ? (r - l) * ratio : limit(b - offset.y, space.min.height, b);
+
+			// check if has fallen below min width or height
+			if (h < space.min.height) {
+				h = space.min.height;
+				l = r - h / ratio;
+			}
+
+			// add height difference with original height to bottom
+			t = rect.y - (h - rect.height);
+
+			// check if any of the edges has moved out of the available space, if so,
+			// set max size of rectangle from original position
+			if (t < 0 || b > space.height) {
+
+				// smallest distance to edge of space
+				d = Math.min(rect.y, space.height - (rect.y + rect.height));
+
+				// new bottom offset
+				t = rect.y - d;
+
+				// resulting height
+				h = b - t;
+
+				// resulting width based on ratio
+				w = h / ratio;
+
+				// new left position
+				l = r - w;
+			}
+
+			return {
+				x: l,
+				y: t,
+				width: r - l,
+				height: b - t
+			};
+		}
+
+	};
+
+	/**
+  * CropArea
+  */
+	return function () {
+		function CropArea() {
+			var element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.createElement('div');
+
+			_classCallCheck(this, CropArea);
+
+			this._element = element;
+
+			this._interaction = null;
+
+			this._minWidth = 0;
+			this._minHeight = 0;
+
+			this._ratio = null;
+
+			this._rect = {
+				x: 0,
+				y: 0,
+				width: 0,
+				height: 0
+			};
+
+			this._space = {
+				width: 0,
+				height: 0
+			};
+
+			this._rectChanged = false;
+
+			this._init();
+		}
+
+		_createClass(CropArea, [{
+			key: '_init',
+			value: function _init() {
+
+				this._element.className = 'slim-crop-area';
+
+				// lines
+				var lines = create('div', 'grid');
+				this._element.appendChild(lines);
+
+				// corner & edge resize buttons
+				for (var handler in resizers) {
+					if (!resizers.hasOwnProperty(handler)) {
+						continue;
+					}
+					var _btn = create('button', handler);
+					this._element.appendChild(_btn);
+				}
+				var btn = create('button', 'c');
+				this._element.appendChild(btn);
+
+				addEvents(document, Events.DOWN, this);
+			}
+		}, {
+			key: 'reset',
+			value: function reset() {
+
+				this._interaction = null;
+
+				this._rect = {
+					x: 0,
+					y: 0,
+					width: 0,
+					height: 0
+				};
+
+				this._rectChanged = true;
+
+				this._redraw();
+
+				this._element.dispatchEvent(new CustomEvent('change'));
+			}
+		}, {
+			key: 'rescale',
+			value: function rescale(scale) {
+
+				// no rescale
+				if (scale === 1) {
+					return;
+				}
+
+				this._interaction = null;
+
+				this._rectChanged = true;
+
+				this._rect.x *= scale;
+				this._rect.y *= scale;
+				this._rect.width *= scale;
+				this._rect.height *= scale;
+
+				this._redraw();
+
+				this._element.dispatchEvent(new CustomEvent('change'));
+			}
+		}, {
+			key: 'limit',
+			value: function limit(width, height) {
+				this._space.width = width;
+				this._space.height = height;
+			}
+		}, {
+			key: 'offset',
+			value: function offset(x, y) {
+				this._space.x = x;
+				this._space.y = y;
+			}
+		}, {
+			key: 'resize',
+			value: function resize(x, y, width, height) {
+
+				this._interaction = null;
+
+				this._rect = {
+					x: limit(x, 0, this._space.width - this._minWidth),
+					y: limit(y, 0, this._space.height - this._minHeight),
+					width: limit(width, this._minWidth, this._space.width),
+					height: limit(height, this._minHeight, this._space.height)
+				};
+
+				this._rectChanged = true;
+
+				this._redraw();
+
+				this._element.dispatchEvent(new CustomEvent('change'));
+			}
+		}, {
+			key: 'handleEvent',
+			value: function handleEvent(e) {
+
+				switch (e.type) {
+
+					case 'touchstart':
+					case 'pointerdown':
+					case 'mousedown':
+						{
+							this._onStartDrag(e);
+						}
+						break;
+					case 'touchmove':
+					case 'pointermove':
+					case 'mousemove':
+						{
+							this._onDrag(e);
+						}
+						break;
+					case 'touchend':
+					case 'touchcancel':
+					case 'pointerup':
+					case 'mouseup':
+						{
+							this._onStopDrag(e);
+						}
+
+				}
+			}
+		}, {
+			key: '_onStartDrag',
+			value: function _onStartDrag(e) {
+
+				// is not my event?
+				if (!this._element.contains(e.target)) {
+					return;
+				}
+
+				e.preventDefault();
+
+				// listen to drag related events
+				addEvents(document, Events.MOVE, this);
+				addEvents(document, Events.UP, this);
+
+				this._interaction = {
+					type: e.target.className,
+					offset: getEventOffsetScroll(e)
+				};
+
+				this._interaction.offset.x -= this._rect.x;
+				this._interaction.offset.y -= this._rect.y;
+
+				// now dragging
+				this._element.setAttribute('data-dragging', 'true');
+
+				// start the redraw update loop
+				this._redraw();
+			}
+		}, {
+			key: '_onDrag',
+			value: function _onDrag(e) {
+
+				e.preventDefault();
+
+				// get local offset for this event
+				var offset = getEventOffsetScroll(e);
+				var type = this._interaction.type;
+
+				// drag
+				if (type === 'c') {
+
+					this._rect.x = limit(offset.x - this._interaction.offset.x, 0, this._space.width - this._rect.width);
+					this._rect.y = limit(offset.y - this._interaction.offset.y, 0, this._space.height - this._rect.height);
+				}
+
+				// resize
+				else if (resizers[type]) {
+						this._rect = resizers[type](this._rect, {
+							x: offset.x - this._space.x,
+							y: offset.y - this._space.y
+						}, {
+							x: 0,
+							y: 0,
+							width: this._space.width,
+							height: this._space.height,
+							min: {
+								width: this._minWidth,
+								height: this._minHeight
+							}
+						}, this._ratio);
+					}
+
+				this._rectChanged = true;
+
+				// dispatch
+				this._element.dispatchEvent(new CustomEvent('input'));
+			}
+		}, {
+			key: '_onStopDrag',
+			value: function _onStopDrag(e) {
+
+				e.preventDefault();
+
+				// stop listening to drag related events
+				removeEvents(document, Events.MOVE, this);
+				removeEvents(document, Events.UP, this);
+
+				// no longer interacting, so no need to redraw
+				this._interaction = null;
+
+				// now dragging
+				this._element.setAttribute('data-dragging', 'false');
+
+				// fire change event
+				this._element.dispatchEvent(new CustomEvent('change'));
+			}
+		}, {
+			key: '_redraw',
+			value: function _redraw() {
+				var _this = this;
+
+				if (this._rectChanged) {
+
+					var transform = 'translate(' + this._rect.x + 'px,' + this._rect.y + 'px);';
+					this._element.style.cssText = '\n\t\t\t\t\t-webkit-transform: ' + transform + ';\n\t\t\t\t\ttransform: ' + transform + ';\n\t\t\t\t\twidth:' + this._rect.width + 'px;\n\t\t\t\t\theight:' + this._rect.height + 'px;\n\t\t\t\t';
+
+					this._rectChanged = false;
+				}
+
+				// if no longer interacting with crop area stop here
+				if (!this._interaction) {
+					return;
+				}
+
+				// redraw
+				requestAnimationFrame(function () {
+					return _this._redraw();
+				});
+			}
+		}, {
+			key: 'destroy',
+			value: function destroy() {
+
+				this._interaction = false;
+				this._rectChanged = false;
+
+				removeEvents(document, Events.DOWN, this);
+				removeEvents(document, Events.MOVE, this);
+				removeEvents(document, Events.UP, this);
+
+				removeElement(this._element);
+			}
+		}, {
+			key: 'element',
+			get: function get() {
+				return this._element;
+			}
+		}, {
+			key: 'space',
+			get: function get() {
+				return this._space;
+			}
+		}, {
+			key: 'area',
+			get: function get() {
+
+				var x = this._rect.x / this._space.width;
+				var y = this._rect.y / this._space.height;
+				var width = this._rect.width / this._space.width;
+				var height = this._rect.height / this._space.height;
+
+				return {
+					x: x,
+					y: y,
+					width: width,
+					height: height
+				};
+			}
+		}, {
+			key: 'dirty',
+			get: function get() {
+				return this._rect.x !== 0 || this._rect.y !== 0 || this._rect.width !== 0 || this._rect.height !== 0;
+			}
+		}, {
+			key: 'minWidth',
+			set: function set(value) {
+				this._minWidth = value;
+			}
+		}, {
+			key: 'minHeight',
+			set: function set(value) {
+				this._minHeight = value;
+			}
+		}, {
+			key: 'ratio',
+			set: function set(value) {
+				this._ratio = value;
+			}
+		}]);
+
+		return CropArea;
+	}();
+}();
+var ImageEditor = function () {
+
+	/**
+  * ImageEditor
+  * @param element
+  * @param options
+  * @constructor
+  */
+
+	var CropAreaEvents = ['input', 'change'];
+
+	var ImageEditor = function () {
+		function ImageEditor() {
+			var element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.createElement('div');
+			var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+			_classCallCheck(this, ImageEditor);
+
+			this._element = element;
+			this._options = mergeOptions(ImageEditor.options(), options);
+
+			this._ratio = null;
+			this._output = null;
+
+			this._input = null;
+
+			this._preview = null;
+			this._previewBlurred = null;
+
+			this._blurredPreview = false;
+
+			this._cropper = null;
+			this._straightCrop = null;
+			this._previewWrapper = null;
+			this._currentWindowSize = {};
+
+			this._btnGroup = null;
+			this._maskFrame = null;
+
+			this._dirty = false;
+
+			this._wrapperRotation = 0;
+			this._wrapperScale = 1.0;
+
+			this._init();
+		}
+
+		_createClass(ImageEditor, [{
+			key: '_init',
+			value: function _init() {
+				var _this2 = this;
+
+				this._element.className = 'slim-image-editor';
+
+				// container
+				this._container = create('div', 'slim-container');
+
+				// wrapper
+				this._wrapper = create('div', 'slim-wrapper');
+
+				// photo crop mark container
+				this._stage = create('div', 'slim-stage');
+				this._container.appendChild(this._stage);
+
+				// create crop marks
+				this._cropper = new CropArea();
+				CropAreaEvents.forEach(function (e) {
+					_this2._cropper.element.addEventListener(e, _this2);
+				});
+				this._stage.appendChild(this._cropper.element);
+
+				// canvas ghost
+				this._previewWrapper = create('div', 'slim-image-editor-preview slim-crop-preview');
+				this._previewBlurred = create('canvas', 'slim-crop-blur');
+				this._previewWrapper.appendChild(this._previewBlurred);
+				this._wrapper.appendChild(this._previewWrapper);
+
+				this._previewMask = create('div', 'slim-crop-mask');
+				this._preview = create('img');
+				this._previewMask.appendChild(this._preview);
+				//this._previewWrapper.appendChild(this._preview);
+				this._cropper.element.appendChild(this._previewMask);
+
+				// buttons
+				this._btnGroup = create('div', 'slim-editor-btn-group');
+				ImageEditor.Buttons.forEach(function (c) {
+					var prop = capitalizeFirstLetter(c);
+					var label = _this2._options['button' + prop + 'Label'];
+					var title = _this2._options['button' + prop + 'Title'];
+					var className = _this2._options['button' + prop + 'ClassName'];
+					var btn = create('button', 'slim-editor-btn slim-btn-' + c + (className ? ' ' + className : ''));
+					btn.innerHTML = label;
+					btn.title = title || label;
+					btn.type = 'button';
+					btn.setAttribute('data-action', c);
+					btn.addEventListener('click', _this2);
+					_this2._btnGroup.appendChild(btn);
+				});
+
+				// utils
+				this._utilsGroup = create('div', 'slim-editor-utils-group');
+
+				// create rotation button
+				var btn = create('button', 'slim-editor-utils-btn slim-btn-rotate' + (this._options.buttonRotateClassName ? ' ' + this._options.buttonRotateClassName : ''));
+				btn.setAttribute('data-action', 'rotate');
+				btn.addEventListener('click', this);
+				btn.title = this._options.buttonRotateTitle;
+				this._utilsGroup.appendChild(btn);
+
+				this._container.appendChild(this._wrapper);
+
+				this._element.appendChild(this._container);
+				this._element.appendChild(this._utilsGroup);
+				this._element.appendChild(this._btnGroup);
+			}
+		}, {
+			key: 'dirty',
+			value: function dirty() {
+				this._dirty = true;
+			}
+		}, {
+			key: 'handleEvent',
+			value: function handleEvent(e) {
+
+				switch (e.type) {
+					case 'click':
+						this._onClick(e);
+						break;
+					case 'change':
+						this._onGridChange(e);
+						break;
+					case 'input':
+						this._onGridInput(e);
+						break;
+					case 'keydown':
+						this._onKeyDown(e);
+						break;
+					case 'resize':
+						this._onResize(e);
+						break;
+				}
+			}
+		}, {
+			key: '_onKeyDown',
+			value: function _onKeyDown(e) {
+
+				switch (e.keyCode) {
+					case Key.RETURN:
+						{
+							this._confirm();
+							break;
+						}
+					case Key.ESC:
+						{
+							this._cancel();
+							break;
+						}
+				}
+			}
+		}, {
+			key: '_onClick',
+			value: function _onClick(e) {
+
+				if (e.target.classList.contains('slim-btn-cancel')) {
+					this._cancel();
+				}
+
+				if (e.target.classList.contains('slim-btn-confirm')) {
+					this._confirm();
+				}
+
+				if (e.target.classList.contains('slim-btn-rotate')) {
+					this._rotate();
+				}
+			}
+		}, {
+			key: '_onResize',
+			value: function _onResize() {
+
+				// remember window size
+				this._currentWindowSize = {
+					width: window.innerWidth,
+					height: window.innerHeight
+				};
+
+				// redraw the image editor based on new dimensions
+				this._redraw();
+
+				this._redrawCropper(this._cropper.area);
+
+				this._updateWrapperScale();
+
+				// apply rotation and scale
+				this._redrawWrapper();
+			}
+		}, {
+			key: '_redrawWrapper',
+			value: function _redrawWrapper() {
+				var matrix = snabbt.createMatrix();
+				matrix.scale(this._wrapperScale, this._wrapperScale);
+				matrix.rotateZ(this._wrapperRotation * (Math.PI / 180));
+				snabbt.setElementTransform(this._previewWrapper, matrix);
+			}
+		}, {
+			key: '_onGridInput',
+			value: function _onGridInput() {
+
+				this._redrawCropMask();
+			}
+		}, {
+			key: '_onGridChange',
+			value: function _onGridChange() {
+
+				this._redrawCropMask();
+			}
+		}, {
+			key: '_updateWrapperRotation',
+			value: function _updateWrapperRotation() {
+
+				if (this._options.minSize.width > this._input.height || this._options.minSize.height > this._input.width) {
+					this._wrapperRotation += 180;
+				} else {
+					this._wrapperRotation += 90;
+				}
+			}
+		}, {
+			key: '_updateWrapperScale',
+			value: function _updateWrapperScale() {
+
+				// test if is tilted
+				var isTilted = this._wrapperRotation % 180 !== 0;
+
+				// if tilted determine correct scale factor
+				if (isTilted) {
+
+					// maximum size
+					var maxWidth = this._container.offsetWidth;
+					var maxHeight = this._container.offsetHeight;
+
+					// get wrapper size
+					var wrapperWidth = this._wrapper.offsetHeight;
+					var wrapperHeight = this._wrapper.offsetWidth;
+
+					var scalar = maxWidth / wrapperWidth;
+					if (scalar * wrapperHeight > maxHeight) {
+						scalar = maxHeight / wrapperHeight;
+					}
+
+					this._wrapperScale = scalar;
+				} else {
+					this._wrapperScale = 1.0;
+				}
+			}
+
+			/**
+    * Action handlers
+    */
+
+		}, {
+			key: '_cancel',
+			value: function _cancel() {
+
+				this._element.dispatchEvent(new CustomEvent('cancel'));
+			}
+		}, {
+			key: '_confirm',
+			value: function _confirm() {
+
+				var isTilted = this._wrapperRotation % 180 !== 0;
+				var area = this._cropper.area;
+
+				var result = scaleRect(area, isTilted ? this._input.height : this._input.width, isTilted ? this._input.width : this._input.height);
+
+				this._element.dispatchEvent(new CustomEvent('confirm', {
+					detail: {
+						rotation: this._wrapperRotation % 360,
+						crop: result
+					}
+				}));
+			}
+		}, {
+			key: '_rotate',
+			value: function _rotate() {
+				var _this3 = this;
+
+				// rotate!
+				this._updateWrapperRotation();
+
+				// only pass current rect if is 1:1 or free
+				var rect = this.ratio === 1 || this._ratio === null ? this._cropper.area : null;
+				if (rect) {
+					rotate(rect, 90);
+				}
+
+				// wrapper might also need to be scaled
+				this._updateWrapperScale();
+
+				// hide the cropper
+				this._hideCropper();
+
+				// rotation effect
+				snabbt(this._previewWrapper, {
+					rotation: [0, 0, this._wrapperRotation * (Math.PI / 180)],
+					scale: [this._wrapperScale, this._wrapperScale],
+					easing: 'spring',
+					springConstant: .8,
+					springDeceleration: .65,
+					complete: function complete() {
+
+						// redraws auto cropper
+						_this3._redrawCropper(rect);
+
+						// shows the cropper
+						_this3._showCropper();
+					}
+				});
+			}
+		}, {
+			key: '_showCropper',
+			value: function _showCropper() {
+
+				snabbt(this._stage, {
+					easing: 'ease',
+					duration: 250,
+					fromOpacity: 0,
+					opacity: 1.0
+				});
+			}
+		}, {
+			key: '_hideCropper',
+			value: function _hideCropper() {
+
+				snabbt(this._stage, {
+					duration: 0,
+					fromOpacity: 0,
+					opacity: 0
+				});
+			}
+		}, {
+			key: '_redrawCropMask',
+			value: function _redrawCropMask() {
+				var _this4 = this;
+
+				// get rotation
+				var rotation = this._wrapperRotation % 360;
+
+				// get scale
+				var scale = this._wrapperScale;
+
+				// get image size
+				var canvas = {
+					width: this._wrapper.offsetWidth,
+					height: this._wrapper.offsetHeight
+				};
+
+				// get default mask cropper area
+				var mask = this._cropper.area;
+				var preview = {
+					x: 0,
+					y: 0
+				};
+
+				if (rotation === 0) {
+					preview.x = -mask.x;
+					preview.y = -mask.y;
+				} else if (rotation === 90) {
+					preview.x = -(1 - mask.y);
+					preview.y = -mask.x;
+				} else if (rotation === 180) {
+					preview.x = -(1 - mask.x);
+					preview.y = -(1 - mask.y);
+				} else if (rotation === 270) {
+					preview.x = -mask.y;
+					preview.y = -(1 - mask.x);
+				}
+
+				// scale rect to fit canvas
+				preview.x *= canvas.width;
+				preview.y *= canvas.height;
+
+				// update on next frame (so it's in sync with crop area redraw)
+				cancelAnimationFrame(this._maskFrame);
+				this._maskFrame = requestAnimationFrame(function () {
+
+					var transform = 'scale(' + scale + ') rotate(' + -rotation + 'deg) translate(' + preview.x + 'px, ' + preview.y + 'px);';
+					_this4._preview.style.cssText = '\n\t\t\t\t\twidth: ' + _this4._previewSize.width + 'px;\n\t\t\t\t\theight: ' + _this4._previewSize.height + 'px;\n\t\t\t\t\t-webkit-transform: ' + transform + ';\n\t\t\t\t\ttransform: ' + transform + ';\n\t\t\t\t';
+				});
+			}
+		}, {
+			key: 'open',
+			value: function open(image, ratio, crop, rotation, complete) {
+				var _this5 = this;
+
+				// test if is same image
+				if (this._input && !this._dirty && this._ratio === ratio) {
+					complete();
+					return;
+				}
+
+				// remember current window size
+				this._currentWindowSize = {
+					width: window.innerWidth,
+					height: window.innerHeight
+				};
+
+				// reset dirty value
+				this._dirty = false;
+
+				// reset rotation
+				this._wrapperRotation = rotation || 0;
+
+				// we'll always have to blur the preview of a newly opened image
+				this._blurredPreview = false;
+
+				// set ratio
+				this._ratio = ratio;
+
+				// reset preview size
+				this._previewSize = null;
+
+				// hide editor
+				this._element.style.opacity = '0';
+
+				// set as new input image
+				this._input = image;
+
+				// calculate crop
+				var tilted = rotation % 180 !== 0;
+				var relativeCrop = divideRect(crop, tilted ? image.height : image.width, tilted ? image.width : image.height);
+
+				// preview has now loaded
+				this._preview.onload = function () {
+
+					// reset onload listener
+					_this5._preview.onload = null;
+
+					// setup cropper
+					_this5._cropper.ratio = _this5.ratio;
+
+					// redraw view (for first time)
+					_this5._redraw();
+
+					// redraw cropper
+					_this5._redrawCropper(relativeCrop);
+
+					// done
+					complete();
+
+					// fade in
+					_this5._element.style.opacity = '';
+				};
+
+				// load lower resolution preview image
+				this._preview.src = cloneCanvasScaled(this._input, Math.min(this._container.offsetWidth / this._input.width, this._container.offsetHeight / this._input.height)).toDataURL();
+			}
+		}, {
+			key: '_redrawCropper',
+			value: function _redrawCropper(rect) {
+
+				var isTilted = this._wrapperRotation % 180 !== 0;
+
+				// image ratio
+				var imageRatio = isTilted ? this._input.height / this._input.width : this._input.width / this._input.height;
+
+				// get dimensions of image wrapper
+				var width = this._wrapper.offsetWidth;
+				var height = this._wrapper.offsetHeight;
+
+				// get space
+				var maxWidth = this._container.offsetWidth;
+				var maxHeight = this._container.offsetHeight;
+
+				// rescale wrapper
+				this._updateWrapperScale();
+
+				// position cropper container to fit wrapper
+				var sw = this._wrapperScale * (isTilted ? height : width);
+				var sh = this._wrapperScale * (isTilted ? width : height);
+				var sx = isTilted ? (maxWidth - sw) * .5 : this._wrapper.offsetLeft;
+				var sy = isTilted ? (maxHeight - sh) * .5 : this._wrapper.offsetTop;
+
+				this._stage.style.cssText = '\n\t\t\t\tleft:' + sx + 'px;\n\t\t\t\ttop:' + sy + 'px;\n\t\t\t\twidth:' + sw + 'px;\n\t\t\t\theight:' + sh + 'px;\n\t\t\t';
+
+				// set new size limit for crops
+				// use image ratio so we have exact amount of pixels
+				this._cropper.limit(sw, sw / imageRatio);
+				this._cropper.offset(sx + this._element.offsetLeft, sy + this._element.offsetTop);
+
+				// set min and max height of cropper
+				this._cropper.minWidth = this._wrapperScale * this._options.minSize.width * this.scalar;
+				this._cropper.minHeight = this._wrapperScale * this._options.minSize.height * this.scalar;
+
+				// set crop rect
+				var crop = null;
+				if (rect) {
+					crop = {
+						x: rect.x * sw,
+						y: rect.y * sh,
+						width: rect.width * sw,
+						height: rect.height * sh
+					};
+				} else {
+					crop = getAutoCropRect(sw, sh, this._ratio || sh / sw);
+				}
+
+				this._cropper.resize(crop.x, crop.y, crop.width, crop.height);
+			}
+		}, {
+			key: '_redraw',
+			value: function _redraw() {
+
+				// image ratio
+				var ratio = this._input.height / this._input.width;
+
+				// determine rounded size
+				var maxWidth = this._container.clientWidth;
+				var maxHeight = this._container.clientHeight;
+
+				var width = maxWidth;
+				var height = width * ratio;
+
+				if (height > maxHeight) {
+					height = maxHeight;
+					width = height / ratio;
+				}
+
+				width = Math.round(width);
+				height = Math.round(height);
+
+				// rescale and recenter wrapper
+				var x = (maxWidth - width) / 2;
+				var y = (maxHeight - height) / 2;
+
+				this._wrapper.style.cssText = '\n\t\t\t\tleft:' + x + 'px;\n\t\t\t\ttop:' + y + 'px;\n\t\t\t\twidth:' + width + 'px;\n\t\t\t\theight:' + height + 'px;\n\t\t\t';
+
+				// set image size based on container dimensions
+				this._previewBlurred.style.cssText = '\n\t\t\t\twidth:' + width + 'px;\n\t\t\t\theight:' + height + 'px;\n\t\t\t';
+
+				this._preview.style.cssText = '\n\t\t\t\twidth:' + width + 'px;\n\t\t\t\theight:' + height + 'px;\n\t\t\t';
+
+				this._previewSize = {
+					width: width,
+					height: height
+				};
+
+				// scale and blur the blurry preview
+				if (!this._blurredPreview) {
+
+					this._previewBlurred.width = 300;
+					this._previewBlurred.height = this._previewBlurred.width * ratio;
+
+					copyCanvas(this._input, this._previewBlurred);
+
+					blurCanvas(this._previewBlurred, 3);
+
+					this._blurredPreview = true;
+				}
+			}
+		}, {
+			key: 'show',
+			value: function show() {
+				var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};
+
+
+				// test if window size has changed since previous showing
+				if (this._currentWindowSize.width !== window.innerWidth || this._currentWindowSize.height !== window.innerHeight) {
+
+					// if so, reposition elements
+					this._redraw();
+
+					// redraw cropper position
+					this._redrawCropper(this._cropper.area);
+				}
+
+				// listen to keydown so we can close or confirm with RETURN / ESC
+				document.addEventListener('keydown', this);
+
+				// when window is scaled we want to resize the editor
+				window.addEventListener('resize', this);
+
+				// fade in preview
+				var rotation = this._wrapperRotation * (Math.PI / 180);
+				snabbt(this._previewWrapper, {
+					fromRotation: [0, 0, rotation],
+					rotation: [0, 0, rotation],
+					fromPosition: [0, 0, 0],
+					position: [0, 0, 0],
+					fromOpacity: 0,
+					opacity: 1,
+					fromScale: [this._wrapperScale - .02, this._wrapperScale - .02],
+					scale: [this._wrapperScale, this._wrapperScale],
+					easing: 'spring',
+					springConstant: .3,
+					springDeceleration: .85,
+					delay: 450,
+					complete: function complete() {
+						// don't reset transforms because we need rotation to stick
+					}
+				});
+
+				if (this._cropper.dirty) {
+
+					// now show cropper
+					snabbt(this._stage, {
+						fromPosition: [0, 0, 0],
+						position: [0, 0, 0],
+						fromOpacity: 0,
+						opacity: 1,
+						duration: 250,
+						delay: 850,
+						complete: function complete() {
+							resetTransforms(this);
+							callback();
+						}
+					});
+				} else {
+
+					// now show cropper
+					snabbt(this._stage, {
+						fromPosition: [0, 0, 0],
+						position: [0, 0, 0],
+						fromOpacity: 0,
+						opacity: 1,
+						duration: 250,
+						delay: 1000,
+						complete: function complete() {
+							resetTransforms(this);
+						}
+					});
+				}
+
+				// now show buttons
+				snabbt(this._btnGroup.childNodes, {
+					fromScale: [.9, .9],
+					scale: [1, 1],
+					fromOpacity: 0,
+					opacity: 1,
+					delay: function delay(i) {
+						return 1000 + i * 100;
+					},
+					easing: 'spring',
+					springConstant: .3,
+					springDeceleration: .85,
+					complete: function complete() {
+						resetTransforms(this);
+					}
+				});
+
+				snabbt(this._utilsGroup.childNodes, {
+					fromScale: [.9, .9],
+					scale: [1, 1],
+					fromOpacity: 0,
+					opacity: 1,
+					easing: 'spring',
+					springConstant: .3,
+					springDeceleration: .85,
+					delay: 1250,
+					complete: function complete() {
+						resetTransforms(this);
+					}
+				});
+			}
+		}, {
+			key: 'hide',
+			value: function hide() {
+				var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};
+
+
+				// no more need to listen to keydown
+				document.removeEventListener('keydown', this);
+
+				// no more need to resize editor when window is scaled
+				window.removeEventListener('resize', this);
+
+				// fade out buttons
+				snabbt(this._utilsGroup.childNodes, {
+					fromOpacity: 1,
+					opacity: 0,
+					duration: 250
+				});
+
+				snabbt(this._btnGroup.childNodes, {
+					fromOpacity: 1,
+					opacity: 0,
+					delay: 200,
+					duration: 350
+				});
+
+				snabbt([this._stage, this._previewWrapper], {
+					fromPosition: [0, 0, 0],
+					position: [0, -250, 0],
+					fromOpacity: 1,
+					opacity: 0,
+					easing: 'spring',
+					springConstant: .3,
+					springDeceleration: .75,
+					delay: 250,
+					allDone: function allDone() {
+
+						callback();
+					}
+				});
+			}
+		}, {
+			key: 'destroy',
+			value: function destroy() {
+				var _this6 = this;
+
+				nodeListToArray(this._btnGroup.children).forEach(function (btn) {
+					btn.removeEventListener('click', _this6);
+				});
+
+				CropAreaEvents.forEach(function (e) {
+					_this6._cropper.element.removeEventListener(e, _this6);
+				});
+
+				this._cropper.destroy();
+
+				// if still attached to DOM, detach
+				if (this._element.parentNode) {
+					removeElement(this._element);
+				}
+			}
+		}, {
+			key: 'showRotateButton',
+			set: function set(enabled) {
+				if (enabled) {
+					this._element.classList.remove('slim-rotation-disabled');
+				} else {
+					this._element.classList.add('slim-rotation-disabled');
+				}
+			}
+		}, {
+			key: 'element',
+			get: function get() {
+				return this._element;
+			}
+		}, {
+			key: 'ratio',
+			get: function get() {
+				if (this._ratio === 'input') {
+					return this._input.height / this._input.width;
+				}
+				return this._ratio;
+			}
+		}, {
+			key: 'offset',
+			get: function get() {
+				return this._element.getBoundingClientRect();
+			}
+		}, {
+			key: 'original',
+			get: function get() {
+				return this._input;
+			}
+		}, {
+			key: 'scalar',
+			get: function get() {
+				return this._previewSize.width / this._input.width;
+			}
+		}], [{
+			key: 'options',
+			value: function options() {
+
+				return {
+					buttonCancelClassName: null,
+					buttonConfirmClassName: null,
+					buttonCancelLabel: 'Cancel',
+					buttonConfirmLabel: 'Confirm',
+					buttonCancelTitle: null,
+					buttonConfirmTitle: null,
+
+					buttonRotateTitle: 'Rotate',
+					buttonRotateClassName: null,
+
+					minSize: {
+						width: 0,
+						height: 0
+					}
+				};
+			}
+		}]);
+
+		return ImageEditor;
+	}();
+
+	ImageEditor.Buttons = ['cancel', 'confirm'];
+
+	return ImageEditor;
+}(CropArea);
+var FileHopper = function () {
+
+	/**
+  * FileHopper
+  * @param element
+  * @param options
+  * @constructor
+  */
+	var DragDropEvents = ['dragover', 'dragleave', 'drop'];
+
+	return function () {
+		function FileHopper() {
+			var element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document.createElement('div');
+
+			_classCallCheck(this, FileHopper);
+
+			this._element = element;
+			this._accept = [];
+			this._allowURLs = false;
+
+			this._dragPath = null;
+
+			this._init();
+		}
+
+		// public properties
+
+
+		_createClass(FileHopper, [{
+			key: 'isValidDataTransfer',
+			value: function isValidDataTransfer(dataTransfer) {
+
+				if (dataTransfer.files && dataTransfer.files.length) {
+					return this.areValidDataTransferFiles(dataTransfer.files);
+				}
+
+				if (dataTransfer.items && dataTransfer.items.length) {
+					return this.areValidDataTransferItems(dataTransfer.items);
+				}
+
+				return null;
+			}
+		}, {
+			key: 'areValidDataTransferFiles',
+			value: function areValidDataTransferFiles(files) {
+				if (this._accept.length && files) {
+					return this._accept.indexOf(files[0].type) !== -1;
+				}
+				return true;
+			}
+		}, {
+			key: 'areValidDataTransferItems',
+			value: function areValidDataTransferItems(items) {
+
+				if (this._accept.length && items) {
+
+					// is possibly dropping url
+					if (this._allowURLs && items[0].kind === 'string') {
+						return null;
+					}
+
+					// is http website so firefox will not return file type
+					if (items[0].type && items[0].type.indexOf('application') === 0) {
+						return null;
+					}
+
+					return this._accept.indexOf(items[0].type) !== -1;
+				}
+
+				return true;
+			}
+
+			// public methods
+
+		}, {
+			key: 'reset',
+			value: function reset() {
+				this._element.files = null;
+			}
+
+			// private
+
+		}, {
+			key: '_init',
+			value: function _init() {
+				var _this7 = this;
+
+				this._element.className = 'slim-file-hopper';
+
+				DragDropEvents.forEach(function (e) {
+					_this7._element.addEventListener(e, _this7);
+				});
+			}
+
+			// the input has changed
+
+		}, {
+			key: 'handleEvent',
+			value: function handleEvent(e) {
+
+				switch (e.type) {
+					case 'dragover':
+						this._onDragOver(e);
+						break;
+					case 'dragleave':
+						this._onDragLeave(e);
+						break;
+					case 'drop':
+						this._onDrop(e);
+						break;
+				}
+			}
+		}, {
+			key: '_onDrop',
+			value: function _onDrop(e) {
+
+				// prevents browser from opening image
+				e.preventDefault();
+
+				// test if a url was dropped
+				var remote = null;
+
+				if (this._allowURLs) {
+					var url = e.dataTransfer.getData('url');
+					var meta = e.dataTransfer.getData('text/html');
+
+					if (meta && meta.length) {
+						var parsed = meta.match(/src\s*=\s*"(.+?)"/);
+						if (parsed) {
+							remote = parsed[1];
+						}
+					} else if (url && url.length) {
+						remote = url;
+					}
+				}
+
+				if (remote) {
+					this._element.files = [{ remote: remote }];
+				}
+				// nope, must have been a file
+				else {
+
+						// test type in older browsers
+						var filesValidity = this.isValidDataTransfer(e.dataTransfer);
+						if (!filesValidity) {
+
+							// invalid files, stop here
+							this._element.dispatchEvent(new CustomEvent('file-invalid-drop'));
+
+							// no longer hovering
+							this._dragPath = null;
+							return;
+						}
+
+						// store dropped files on element files property, so can be accessed by same function as file input handler
+						this._element.files = e.dataTransfer.files;
+					}
+
+				// file has been dropped
+				this._element.dispatchEvent(new CustomEvent('file-drop', {
+					detail: getOffsetByEvent(e)
+				}));
+
+				// file list has changed, let's notify others
+				this._element.dispatchEvent(new CustomEvent('change'));
+
+				// no longer hovering
+				this._dragPath = null;
+			}
+		}, {
+			key: '_onDragOver',
+			value: function _onDragOver(e) {
+
+				// prevents browser from opening image
+				e.preventDefault();
+
+				// set drop effect
+				e.dataTransfer.dropEffect = 'copy';
+
+				// determin if is valid data
+				var dataValidity = this.isValidDataTransfer(e.dataTransfer);
+				// if validity is null is undetermined
+				if (dataValidity !== null && !dataValidity) {
+
+					// indicate drop mode to user
+					e.dataTransfer.dropEffect = 'none';
+
+					// invalid files, stop here
+					this._element.dispatchEvent(new CustomEvent('file-invalid'));
+					return;
+				}
+
+				// now hovering file over the area
+				if (!this._dragPath) {
+					this._dragPath = [];
+				}
+
+				// push location
+				this._dragPath.push(getOffsetByEvent(e));
+
+				// file is hovering over element
+				this._element.dispatchEvent(new CustomEvent('file-over', {
+					detail: {
+						x: last(this._dragPath).x,
+						y: last(this._dragPath).y
+					}
+				}));
+			}
+		}, {
+			key: '_onDragLeave',
+			value: function _onDragLeave(e) {
+
+				// user has dragged file out of element area
+				this._element.dispatchEvent(new CustomEvent('file-out', {
+					detail: getOffsetByEvent(e)
+				}));
+
+				// now longer hovering file
+				this._dragPath = null;
+			}
+		}, {
+			key: 'destroy',
+			value: function destroy() {
+				var _this8 = this;
+
+				DragDropEvents.forEach(function (e) {
+					_this8._element.removeEventListener(e, _this8);
+				});
+
+				removeElement(this._element);
+
+				this._element = null;
+				this._dragPath = null;
+				this._accept = null;
+			}
+		}, {
+			key: 'element',
+			get: function get() {
+				return this._element;
+			}
+		}, {
+			key: 'dragPath',
+			get: function get() {
+				return this._dragPath;
+			}
+		}, {
+			key: 'enabled',
+			get: function get() {
+				return this._element.style.display === '';
+			},
+			set: function set(value) {
+				this._element.style.display = value ? '' : 'none';
+			}
+		}, {
+			key: 'allowURLs',
+			set: function set(value) {
+				this._allowURLs = value;
+			}
+		}, {
+			key: 'accept',
+			set: function set(mimetypes) {
+				this._accept = mimetypes;
+			},
+			get: function get() {
+				return this._accept;
+			}
+		}]);
+
+		return FileHopper;
+	}();
+}();
+var Popover = function () {
+
+	/**
+  * Popover
+  */
+	return function () {
+		function Popover() {
+			_classCallCheck(this, Popover);
+
+			this._element = null;
+			this._inner = null;
+
+			this._init();
+		}
+
+		_createClass(Popover, [{
+			key: '_init',
+			value: function _init() {
+
+				this._element = create('div', 'slim-popover');
+				this._element.setAttribute('data-state', 'off');
+				document.body.appendChild(this._element);
+			}
+		}, {
+			key: 'show',
+			value: function show() {
+				var _this9 = this;
+
+				var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};
+
+
+				// turn on
+				this._element.setAttribute('data-state', 'on');
+
+				// show and animate in
+				snabbt(this._element, {
+					fromOpacity: 0,
+					opacity: 1,
+					duration: 350,
+					complete: function complete() {
+
+						// clean up transforms
+						resetTransforms(_this9._element);
+
+						// ready!
+						callback();
+					}
+				});
+			}
+		}, {
+			key: 'hide',
+			value: function hide() {
+				var _this10 = this;
+
+				var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};
+
+
+				// animate out and hide
+				snabbt(this._element, {
+					fromOpacity: 1,
+					opacity: 0,
+					duration: 500,
+					complete: function complete() {
+
+						// clean up transforms
+						resetTransforms(_this10._element);
+
+						// hide the editor
+						_this10._element.setAttribute('data-state', 'off');
+
+						// ready!
+						callback();
+					}
+				});
+			}
+		}, {
+			key: 'destroy',
+			value: function destroy() {
+				if (!this._element.parentNode) {
+					return;
+				}
+				this._element.parentNode.removeChild(this._element);
+				this._element = null;
+				this._inner = null;
+			}
+		}, {
+			key: 'inner',
+			set: function set(element) {
+
+				this._inner = element;
+				if (this._element.firstChild) {
+					this._element.removeChild(this._element.firstChild);
+				}
+				this._element.appendChild(this._inner);
+			}
+		}]);
+
+		return Popover;
+	}();
+}();
+var intSplit = function intSplit(v, c) {
+	return v.split(c).map(function (v) {
+		return parseInt(v, 10);
+	});
+};
+
+var isWrapper = function isWrapper(element) {
+	return element.nodeName === 'DIV' || element.nodeName === 'SPAN';
+};
+
+var CropType = {
+	AUTO: 'auto',
+	INITIAL: 'initial',
+	MANUAL: 'manual'
+};
+
+var Rect = ['x', 'y', 'width', 'height'];
+
+var HopperEvents = ['file-invalid-drop', 'file-invalid', 'file-drop', 'file-over', 'file-out', 'click'];
+
+var ImageEditorEvents = ['cancel', 'confirm'];
+
+var SlimButtons = ['remove', 'edit', 'download', 'upload'];
+
+var SlimPopover = null;
+var SlimCount = 0;
+
+var SlimLoaderHTML = '\n<div class="slim-loader">\n\t<svg>\n\t\t<path class="slim-loader-background" fill="none" stroke-width="3" />\n\t\t<path class="slim-loader-foreground" fill="none" stroke-width="3" />\n\t</svg>\n</div>\n';
+
+var SlimUploadStatusHTML = '\n<div class="slim-upload-status"></div>\n';
+
+var stringToSize = function stringToSize(str) {
+	var size = str.split(',');
+	return {
+		width: parseInt(size[0], 10),
+		height: parseInt(size[1], 10)
+	};
+};
+
+var Slim = function () {
+	function Slim(element) {
+		var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+		_classCallCheck(this, Slim);
+
+		// create popover element if not already created
+		if (!SlimPopover) {
+			SlimPopover = new Popover();
+		}
+
+		// we create a new counter, we use this counter to determine if we need to clean up the popover
+		this._uid = SlimCount++;
+
+		// the options to use
+		this._options = mergeOptions(Slim.options(), options);
+
+		// test options correctness
+		if (this._options.forceSize) {
+			if (typeof this._options.forceSize === 'string') {
+				this._options.forceSize = stringToSize(this._options.forceSize);
+			}
+			this._options.ratio = this._options.forceSize.width + ':' + this._options.forceSize.height;
+			this._options.size = clone(this._options.forceSize);
+		}
+
+		// test for size set as string
+		if (typeof this._options.size === 'string') {
+			this._options.size = stringToSize(this._options.size);
+		}
+
+		// test for size set as string
+		if (typeof this._options.minSize === 'string') {
+			this._options.minSize = stringToSize(this._options.minSize);
+		}
+
+		// reference to original element so we can restore original situation
+		this._originalElement = element;
+		this._originalElementInner = element.innerHTML;
+		this._originalElementAttributes = getElementAttributes(element);
+
+		// should be file input, image or slim wrapper, if not wrapper, wrap
+		if (!isWrapper(element)) {
+
+			this._element = wrap(element);
+			this._element.className = element.className;
+			element.className = '';
+
+			// ratio is used for CSS so let's set default attribute
+			this._element.setAttribute('data-ratio', this._options.ratio);
+		} else {
+			this._element = element;
+		}
+		this._element.classList.add('slim');
+		this._element.setAttribute('data-state', 'init');
+
+		// editor state
+		this._state = [];
+
+		// internal timer array for async processes
+		this._timers = [];
+
+		// the source element (can either be an input or an img)
+		this._input = null;
+
+		// the source element unique name if is input type file
+		this._inputReference = null;
+
+		// the output element (hidden input that contains the resulting json object)
+		this._output = null;
+
+		// current image ratio
+		this._ratio = null;
+
+		// was required field
+		this._isRequired = false;
+
+		// components
+		this._imageHopper = null;
+		this._imageEditor = null;
+
+		// progress path
+		this._progressEnabled = true;
+
+		// resulting data
+		this._data = {};
+		this._resetData();
+
+		// the circle below the mouse hover point
+		this._drip = null;
+
+		// had initial image
+		this._hasInitialImage = false;
+
+		// initial crop
+		this._initialCrop = this._options.crop;
+
+		// initial rotation
+		this._initialRotation = this._options.rotation && this._options.rotation % 90 === 0 ? this._options.rotation : null;
+
+		// set to true when destroy method is called, used to halt any timeouts or async processes
+		this._isBeingDestroyed = false;
+
+		// stop here if not supported
+		if (!Slim.supported) {
+			this._fallback();
+		} else {
+			// let's go!
+			this._init();
+		}
+	}
+
+	_createClass(Slim, [{
+		key: 'setRotation',
+		value: function setRotation(rotation, callback) {
+
+			if (typeof rotation !== 'number' && rotation % 90 !== 0) {
+				return;
+			}
+
+			this._data.actions.rotation = rotation;
+			var isTilted = this._data.actions.rotation % 180 !== 0;
+
+			if (this._data.input.image) {
+				var w = isTilted ? this._data.input.image.height : this._data.input.image.width;
+				var h = isTilted ? this._data.input.image.width : this._data.input.image.height;
+				this._data.actions.crop = getAutoCropRect(w, h, this._ratio);
+				this._data.actions.crop.type = CropType.AUTO;
+			}
+
+			if (this._data.input.image && callback) {
+				this._manualTransform(callback);
+			}
+		}
+	}, {
+		key: 'setSize',
+		value: function setSize(dimensions, callback) {
+
+			if (typeof dimensions === 'string') {
+				dimensions = stringToSize(dimensions);
+			}
+
+			if (!dimensions || !dimensions.width || !dimensions.height) {
+				return;
+			}
+
+			this._options.size = clone(dimensions);
+			this._data.actions.size = clone(dimensions);
+
+			// if a crop area is set do re-crop to conform to size
+			if (this._data.input.image && callback) {
+				this._manualTransform(callback);
+			}
+		}
+	}, {
+		key: 'setRatio',
+		value: function setRatio(ratio, callback) {
+			var _this11 = this;
+
+			if (!ratio || typeof ratio !== 'string') {
+				return;
+			}
+
+			this._options.ratio = ratio;
+
+			if (this._isFixedRatio()) {
+
+				var parts = intSplit(this._options.ratio, ':');
+				this._ratio = parts[1] / parts[0];
+
+				if (this._data.input.image && callback) {
+					this._cropAuto(function (data) {
+						_this11._scaleDropArea(_this11._ratio);
+						if (callback) {
+							callback(data);
+						}
+					});
+				} else {
+
+					if (this._data.input.image) {
+						this._data.actions.crop = getAutoCropRect(this._data.input.image.width, this._data.input.image.height, this._ratio);
+						this._data.actions.crop.type = CropType.AUTO;
+					}
+
+					this._scaleDropArea(this._ratio);
+
+					if (callback) {
+						callback(null);
+					}
+				}
+			}
+		}
+
+		// methods
+		// Test if this Slim object has been bound to the given element
+
+	}, {
+		key: 'isAttachedTo',
+		value: function isAttachedTo(element) {
+			return this._element === element || this._originalElement === element;
+		}
+	}, {
+		key: 'isDetached',
+		value: function isDetached() {
+			return this._element.parentNode === null;
+		}
+	}, {
+		key: 'load',
+		value: function load(src) {
+			var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+			var callback = arguments[2];
+
+
+			if (typeof options === 'function') {
+				callback = options;
+			} else {
+
+				// store in options
+				this._options.crop = options.crop;
+
+				// set rotation
+				this._options.rotation = options.rotation;
+
+				// initial rotation
+				this._initialRotation = options.rotation && options.rotation % 90 === 0 ? options.rotation : null;
+
+				// set initial crop
+				this._initialCrop = this._options.crop;
+			}
+
+			this._load(src, callback);
+		}
+	}, {
+		key: 'upload',
+		value: function upload(callback) {
+			this._doUpload(callback);
+		}
+	}, {
+		key: 'download',
+		value: function download() {
+			this._doDownload();
+		}
+	}, {
+		key: 'remove',
+		value: function remove() {
+			return this._doRemove();
+		}
+	}, {
+		key: 'destroy',
+		value: function destroy() {
+			this._doDestroy();
+		}
+	}, {
+		key: 'edit',
+		value: function edit() {
+			this._doEdit();
+		}
+	}, {
+		key: 'crop',
+		value: function crop(rect, callback) {
+			this._crop(rect.x, rect.y, rect.width, rect.height, callback);
+		}
+	}, {
+		key: 'containsImage',
+		value: function containsImage() {
+			return this._data.input.name !== null;
+		}
+
+		/**
+   * State Related
+   */
+
+	}, {
+		key: '_canInstantEdit',
+		value: function _canInstantEdit() {
+			return this._options.instantEdit && !this._isInitialising;
+		}
+	}, {
+		key: '_getFileInput',
+		value: function _getFileInput() {
+			return this._element.querySelector('input[type=file]');
+		}
+	}, {
+		key: '_getInitialImage',
+		value: function _getInitialImage() {
+			return this._element.querySelector('img');
+		}
+	}, {
+		key: '_getInputElement',
+		value: function _getInputElement() {
+			return this._getFileInput() || this._getInitialImage();
+		}
+	}, {
+		key: '_getRatioSpacerElement',
+		value: function _getRatioSpacerElement() {
+			return this._element.children[0];
+		}
+	}, {
+		key: '_isImageOnly',
+		value: function _isImageOnly() {
+			return this._input.nodeName !== 'INPUT';
+		}
+	}, {
+		key: '_isFixedRatio',
+		value: function _isFixedRatio() {
+			return this._options.ratio.indexOf(':') !== -1;
+		}
+	}, {
+		key: '_isAutoCrop',
+		value: function _isAutoCrop() {
+			return this._data.actions.crop.type === CropType.AUTO;
+		}
+	}, {
+		key: '_toggleButton',
+		value: function _toggleButton(action, state) {
+			toggleDisplayBySelector('.slim-btn[data-action="' + action + '"]', state, this._element);
+		}
+	}, {
+		key: '_clearState',
+		value: function _clearState() {
+			this._state = [];
+			this._updateState();
+		}
+	}, {
+		key: '_removeState',
+		value: function _removeState(state) {
+			this._state = this._state.filter(function (item) {
+				return item !== state;
+			});
+			this._updateState();
+		}
+	}, {
+		key: '_addState',
+		value: function _addState(state) {
+			if (inArray(state, this._state)) {
+				return;
+			}
+			this._state.push(state);
+			this._updateState();
+		}
+	}, {
+		key: '_updateState',
+		value: function _updateState() {
+			if (!this._element) {
+				return;
+			}
+			this._element.setAttribute('data-state', this._state.join(','));
+		}
+	}, {
+		key: '_resetData',
+		value: function _resetData() {
+
+			// resets data object
+			this._data = {
+				server: null,
+				meta: clone(this._options.meta),
+				input: {
+					field: this._inputReference,
+					name: null,
+					type: null,
+					width: 0,
+					height: 0,
+					file: null
+				},
+				output: {
+					image: null,
+					width: 0,
+					height: 0
+				},
+				actions: {
+					rotation: null,
+					crop: null,
+					size: null
+				}
+			};
+
+			// resets hidden input clone (has not yet been created when reset call in constructor, hence the check)
+			if (this._output) {
+				this._output.value = '';
+			}
+
+			// should reset file input
+			resetFileInput(this._getFileInput());
+		}
+
+		/**
+   * Initialisation
+   */
+
+	}, {
+		key: '_init',
+		value: function _init() {
+			var _this12 = this;
+
+			// busy initialising
+			this._isInitialising = true;
+
+			// cropper root is not file input
+			this._addState('empty');
+
+			// define input reference field name
+			if (inArray('input', this._options.post)) {
+				this._inputReference = 'slim_input_' + this._uid;
+			}
+
+			// get input element
+			this._input = this._getInputElement();
+
+			// if no input supplied we'll automatically create one
+			if (!this._input) {
+				this._input = create('input');
+				this._input.type = 'file';
+				this._element.appendChild(this._input);
+			}
+
+			// get required state of input element
+			this._isRequired = this._input.required === true;
+
+			// set or create output field
+			this._output = this._element.querySelector('input[type=hidden]');
+
+			// if no output element defined we'll create one automagically
+			if (!this._output) {
+				this._output = create('input');
+				this._output.type = 'hidden';
+				this._output.name = this._input.name || this._options.defaultInputName;
+				this._element.appendChild(this._output);
+			}
+
+			// prevent the original file input field from posting (value will be duplicated to output field)
+			this._input.removeAttribute('name');
+
+			// create drop area
+			var area = create('div', 'slim-area');
+
+			// test if contains initial image
+			var initialImage = this._getInitialImage();
+			var initialImageSrc = (initialImage || {}).src;
+			if (initialImageSrc) {
+				this._hasInitialImage = true;
+			} else {
+				this._initialCrop = null;
+				this._initialRotation = null;
+			}
+
+			var resultHTML = '\n\t\t<div class="slim-result">\n\t\t\t<img class="in" style="opacity:0" ' + (initialImageSrc ? 'src="' + initialImageSrc + '"' : '') + '><img><img style="opacity:0">\n\t\t</div>';
+
+			// add drop overlay
+			if (this._isImageOnly()) {
+				area.innerHTML = '\n\t\t\t\t' + SlimLoaderHTML + '\n\t\t\t\t' + SlimUploadStatusHTML + '\n\t\t\t\t' + resultHTML + '\n\t\t\t';
+			} else {
+
+				// if should post input data
+				if (inArray('input', this._options.post)) {
+
+					this._data.input.field = this._inputReference;
+
+					// if is sync post
+					// and should post input data
+					if (!this._options.service) {
+						this._input.name = this._inputReference;
+					}
+				}
+
+				// set common image mime type to the accept attribute
+				var mimetypes = void 0;
+				if (!this._input.hasAttribute('accept') || this._input.getAttribute('accept') === 'image/*') {
+					mimetypes = getCommonMimeTypes();
+					this._input.setAttribute('accept', mimetypes.join(','));
+				} else {
+					mimetypes = this._input.accept.split(',').map(function (mimetype) {
+						return mimetype.trim();
+					}).filter(function (mimetype) {
+						return mimetype.length > 0;
+					});
+				}
+
+				// setup hopper
+				this._imageHopper = new FileHopper();
+				this._imageHopper.accept = mimetypes;
+				this._imageHopper.allowURLs = typeof this._options.fetcher === 'string';
+				this._element.appendChild(this._imageHopper.element);
+				HopperEvents.forEach(function (e) {
+					_this12._imageHopper.element.addEventListener(e, _this12);
+				});
+
+				// render area
+				area.innerHTML = '\n\t\t\t\t' + SlimLoaderHTML + '\n\t\t\t\t' + SlimUploadStatusHTML + '\n\t\t\t\t<div class="slim-drip"><span><span></span></span></div>\n\t\t\t\t<div class="slim-status"><div class="slim-label">' + (this._options.label || '') + '</div><div class="slim-label-loading">' + (this._options.labelLoading || '') + '</div></div>\n\t\t\t\t' + resultHTML + '\n\t\t\t';
+
+				// start listening for events so we can load image on file input change
+				this._input.addEventListener('change', this);
+			}
+
+			// add area node
+			this._element.appendChild(area);
+
+			// add button group
+			this._btnGroup = create('div', 'slim-btn-group');
+			this._btnGroup.style.display = 'none';
+			this._element.appendChild(this._btnGroup);
+			SlimButtons.filter(function (c) {
+				return _this12._isButtonAllowed(c);
+			}).forEach(function (c) {
+				var prop = capitalizeFirstLetter(c);
+				var label = _this12._options['button' + prop + 'Label'];
+				var title = _this12._options['button' + prop + 'Title'] || label;
+				var className = _this12._options['button' + prop + 'ClassName'];
+				var btn = create('button', 'slim-btn slim-btn-' + c + (className ? ' ' + className : ''));
+				btn.innerHTML = label;
+				btn.title = title;
+				btn.type = 'button';
+				btn.addEventListener('click', _this12);
+				btn.setAttribute('data-action', c);
+				_this12._btnGroup.appendChild(btn);
+			});
+
+			// add ratio padding
+			if (this._isFixedRatio()) {
+				var parts = intSplit(this._options.ratio, ':');
+				this._ratio = parts[1] / parts[0];
+				this._scaleDropArea(this._ratio);
+			}
+
+			// setup loader
+			this._updateProgress(.5);
+
+			// preload source
+			if (initialImageSrc) {
+
+				this._load(initialImageSrc, function () {
+					_this12._onInit();
+				});
+			} else {
+				this._onInit();
+			}
+		}
+	}, {
+		key: '_onInit',
+		value: function _onInit() {
+			var _this13 = this;
+
+			// we're done initialising
+			this._isInitialising = false;
+
+			// done initialising now, else is only called after image load
+			var done = function done() {
+				// we call this async so the constructor of Slim has returned before the onInit is called, allowing clean immidiate destroy
+				var timer = setTimeout(function () {
+					_this13._options.didInit.apply(_this13, [_this13.data]);
+				}, 0);
+				_this13._timers.push(timer);
+			};
+
+			// save initial image
+			if (this._options.saveInitialImage && this.containsImage()) {
+
+				if (!this._options.service) {
+					this._save(function () {
+						done();
+					}, false);
+				}
+			} else {
+
+				// by default upload button is disabled for existing images
+				if (this._options.service && this.containsImage()) {
+					this._toggleButton('upload', false);
+				}
+
+				done();
+			}
+		}
+	}, {
+		key: '_updateProgress',
+		value: function _updateProgress(progress) {
+
+			progress = Math.min(.99999, progress);
+
+			if (!this._element) {
+				return;
+			}
+
+			if (!this._progressEnabled) {
+				return;
+			}
+
+			var loader = this._element.querySelector('.slim-loader');
+			if (!loader) {
+				return;
+			}
+
+			var size = loader.offsetWidth;
+			var paths = loader.querySelectorAll('path');
+			var ringWidth = parseInt(paths[0].getAttribute('stroke-width'), 10);
+
+			paths[0].setAttribute('d', percentageArc(size * .5, size * .5, size * .5 - ringWidth, .9999));
+
+			paths[1].setAttribute('d', percentageArc(size * .5, size * .5, size * .5 - ringWidth, progress));
+		}
+	}, {
+		key: '_startProgress',
+		value: function _startProgress(cb) {
+			var _this14 = this;
+
+			if (!this._element) {
+				return;
+			}
+
+			this._progressEnabled = false;
+
+			var loader = this._element.querySelector('.slim-loader');
+			if (!loader) {
+				return;
+			}
+			var ring = loader.children[0];
+
+			this._stopProgressLoop(function () {
+
+				loader.removeAttribute('style');
+				ring.removeAttribute('style');
+
+				_this14._progressEnabled = true;
+
+				_this14._updateProgress(0);
+
+				_this14._progressEnabled = false;
+
+				snabbt(ring, {
+
+					fromOpacity: 0,
+					opacity: 1,
+					duration: 250,
+					complete: function complete() {
+						_this14._progressEnabled = true;
+						if (cb) {
+							cb();
+						}
+					}
+				});
+			});
+		}
+	}, {
+		key: '_stopProgress',
+		value: function _stopProgress() {
+			var _this15 = this;
+
+			if (!this._element) {
+				return;
+			}
+
+			var loader = this._element.querySelector('.slim-loader');
+			if (!loader) {
+				return;
+			}
+			var ring = loader.children[0];
+
+			this._updateProgress(1);
+
+			snabbt(ring, {
+				fromOpacity: 1,
+				opacity: 0,
+				duration: 250,
+				complete: function complete() {
+
+					loader.removeAttribute('style');
+					ring.removeAttribute('style');
+
+					_this15._updateProgress(.5);
+
+					_this15._progressEnabled = false;
+				}
+			});
+		}
+	}, {
+		key: '_startProgressLoop',
+		value: function _startProgressLoop() {
+
+			if (!this._element) {
+				return;
+			}
+
+			// start loading animation
+			var loader = this._element.querySelector('.slim-loader');
+			if (!loader) {
+				return;
+			}
+
+			var ring = loader.children[0];
+			loader.removeAttribute('style');
+			ring.removeAttribute('style');
+
+			// set infinite load state
+			this._updateProgress(.5);
+
+			// repeat!
+			var repeat = 1000;
+
+			snabbt(loader, 'stop');
+
+			snabbt(loader, {
+				rotation: [0, 0, -(Math.PI * 2) * repeat],
+				easing: 'linear',
+				duration: repeat * 1000
+			});
+
+			snabbt(ring, {
+				fromOpacity: 0,
+				opacity: 1,
+				duration: 250
+			});
+		}
+	}, {
+		key: '_stopProgressLoop',
+		value: function _stopProgressLoop(callback) {
+
+			if (!this._element) {
+				return;
+			}
+
+			var loader = this._element.querySelector('.slim-loader');
+			if (!loader) {
+				return;
+			}
+
+			var ring = loader.children[0];
+
+			snabbt(ring, {
+				fromOpacity: parseFloat(ring.style.opacity),
+				opacity: 0,
+				duration: 250,
+				complete: function complete() {
+
+					snabbt(loader, 'stop');
+
+					loader.removeAttribute('style');
+					ring.removeAttribute('style');
+
+					if (callback) {
+						callback();
+					}
+				}
+			});
+		}
+	}, {
+		key: '_isButtonAllowed',
+		value: function _isButtonAllowed(button) {
+
+			if (button === 'edit') {
+				return this._options.edit;
+			}
+
+			if (button === 'download') {
+				return this._options.download;
+			}
+
+			if (button === 'upload') {
+
+				// if no service defined upload button makes no sense
+				if (!this._options.service) {
+					return false;
+				}
+
+				// if push mode is set, no need for upload button
+				if (this._options.push) {
+					return false;
+				}
+
+				// set upload button
+				return true;
+			}
+
+			if (button === 'remove') {
+				return !this._isImageOnly();
+			}
+
+			return true;
+		}
+	}, {
+		key: '_fallback',
+		value: function _fallback() {
+
+			// create status area
+			var area = create('div', 'slim-area');
+			area.innerHTML = '\n\t\t\t<div class="slim-status"><div class="slim-label">' + (this._options.label || '') + '</div></div>\n\t\t';
+			this._element.appendChild(area);
+
+			this._throwError(this._options.statusNoSupport);
+		}
+
+		/**
+   * Event routing
+   */
+
+	}, {
+		key: 'handleEvent',
+		value: function handleEvent(e) {
+
+			switch (e.type) {
+				case 'click':
+					this._onClick(e);
+					break;
+				case 'change':
+					this._onChange(e);
+					break;
+				case 'cancel':
+					this._onCancel(e);
+					break;
+				case 'confirm':
+					this._onConfirm(e);
+					break;
+				case 'file-over':
+					this._onFileOver(e);
+					break;
+				case 'file-out':
+					this._onFileOut(e);
+					break;
+				case 'file-drop':
+					this._onDropFile(e);
+					break;
+				case 'file-invalid':
+					this._onInvalidFile(e);
+					break;
+				case 'file-invalid-drop':
+					this._onInvalidFileDrop(e);
+					break;
+			}
+		}
+	}, {
+		key: '_getIntro',
+		value: function _getIntro() {
+			return this._element.querySelector('.slim-result .in');
+		}
+	}, {
+		key: '_getOutro',
+		value: function _getOutro() {
+			return this._element.querySelector('.slim-result .out');
+		}
+	}, {
+		key: '_getInOut',
+		value: function _getInOut() {
+			return this._element.querySelectorAll('.slim-result img');
+		}
+	}, {
+		key: '_getDrip',
+		value: function _getDrip() {
+			if (!this._drip) {
+				this._drip = this._element.querySelector('.slim-drip > span');
+			}
+			return this._drip;
+		}
+
+		// errors
+
+	}, {
+		key: '_throwError',
+		value: function _throwError(error) {
+
+			this._addState('error');
+
+			this._element.querySelector('.slim-label').style.display = 'none';
+
+			var node = this._element.querySelector('.slim-error');
+			if (!node) {
+				node = create('div', 'slim-error');
+				this._element.querySelector('.slim-status').appendChild(node);
+			}
+
+			node.innerHTML = error;
+		}
+	}, {
+		key: '_removeError',
+		value: function _removeError() {
+
+			this._removeState('error');
+			this._element.querySelector('.slim-label').style.display = '';
+
+			var error = this._element.querySelector('.slim-error');
+			if (error) {
+				error.parentNode.removeChild(error);
+			}
+		}
+	}, {
+		key: '_openFileDialog',
+		value: function _openFileDialog() {
+			this._removeError();
+			this._input.click();
+		}
+
+		// drop area clicked
+
+	}, {
+		key: '_onClick',
+		value: function _onClick(e) {
+			var _this16 = this;
+
+			var list = e.target.classList;
+			var target = e.target;
+
+			// no preview, so possible to drop file
+			if (list.contains('slim-file-hopper')) {
+				this._openFileDialog();
+				return;
+			}
+
+			// decide what button was clicked
+			switch (target.getAttribute('data-action')) {
+				case 'remove':
+					this._options.willRemove.apply(this, [this.data, function () {
+						_this16._doRemove();
+					}]);
+					break;
+				case 'edit':
+					this._doEdit();
+					break;
+				case 'download':
+					this._doDownload();
+					break;
+				case 'upload':
+					this._doUpload();
+					break;
+			}
+		}
+	}, {
+		key: '_onInvalidFileDrop',
+		value: function _onInvalidFileDrop() {
+
+			this._onInvalidFile();
+
+			this._removeState('file-over');
+
+			// animate out drip
+			var drip = this._getDrip();
+			snabbt(drip.firstChild, {
+				fromScale: [.5, .5],
+				scale: [0, 0],
+				fromOpacity: .5,
+				opacity: 0,
+				duration: 150,
+				complete: function complete() {
+
+					// clean up transforms
+					resetTransforms(drip.firstChild);
+				}
+			});
+		}
+	}, {
+		key: '_onInvalidFile',
+		value: function _onInvalidFile() {
+
+			var types = this._imageHopper.accept.map(getExtensionByMimeType);
+			var error = this._options.statusFileType.replace('$0', types.join(', '));
+			this._throwError(error);
+		}
+	}, {
+		key: '_onImageTooSmall',
+		value: function _onImageTooSmall() {
+
+			var error = this._options.statusImageTooSmall.replace('$0', this._options.minSize.width + ' \xD7 ' + this._options.minSize.height);
+			this._throwError(error);
+		}
+	}, {
+		key: '_onOverWeightFile',
+		value: function _onOverWeightFile() {
+
+			var error = this._options.statusFileSize.replace('$0', this._options.maxFileSize);
+			this._throwError(error);
+		}
+	}, {
+		key: '_onRemoteURLProblem',
+		value: function _onRemoteURLProblem(error) {
+			this._throwError(error);
+		}
+	}, {
+		key: '_onFileOver',
+		value: function _onFileOver(e) {
+
+			this._addState('file-over');
+			this._removeError();
+
+			// animations
+			var drip = this._getDrip();
+
+			// move around drip
+			var matrix = snabbt.createMatrix();
+			matrix.translate(e.detail.x, e.detail.y, 0);
+			snabbt.setElementTransform(drip, matrix);
+
+			// on first entry fade in blob
+			if (this._imageHopper.dragPath.length == 1) {
+
+				// show
+				drip.style.opacity = 1;
+
+				// animate in
+				snabbt(drip.firstChild, {
+					fromOpacity: 0,
+					opacity: .5,
+					fromScale: [0, 0],
+					scale: [.5, .5],
+					duration: 150
+				});
+			}
+		}
+	}, {
+		key: '_onFileOut',
+		value: function _onFileOut(e) {
+
+			this._removeState('file-over');
+			this._removeState('file-invalid');
+			this._removeError();
+
+			// move to last position
+			var drip = this._getDrip();
+			var matrix = snabbt.createMatrix();
+			matrix.translate(e.detail.x, e.detail.y, 0);
+			snabbt.setElementTransform(drip, matrix);
+
+			// animate out
+			snabbt(drip.firstChild, {
+				fromScale: [.5, .5],
+				scale: [0, 0],
+				fromOpacity: .5,
+				opacity: 0,
+				duration: 150,
+				complete: function complete() {
+
+					// clean up transforms
+					resetTransforms(drip.firstChild);
+				}
+			});
+		}
+
+		/**
+   * When a file was literally dropped on the drop area
+   * @param e
+   * @private
+   */
+
+	}, {
+		key: '_onDropFile',
+		value: function _onDropFile(e) {
+			var _this17 = this;
+
+			this._removeState('file-over');
+
+			// get drip node reference and set to last position
+			var drip = this._getDrip();
+			var matrix = snabbt.createMatrix();
+			matrix.translate(e.detail.x, e.detail.y, 0);
+			snabbt.setElementTransform(drip, matrix);
+
+			// get element minimum 10 entries distant from the last entry so we can calculate velocity of movement
+			var l = this._imageHopper.dragPath.length;
+			var jump = this._imageHopper.dragPath[l - Math.min(10, l)];
+
+			// velocity
+			var dx = e.detail.x - jump.x;
+			var dy = e.detail.y - jump.y;
+
+			snabbt(drip, {
+				fromPosition: [e.detail.x, e.detail.y, 0],
+				position: [e.detail.x + dx, e.detail.y + dy, 0],
+				duration: 200
+			});
+
+			// animate out drip
+			snabbt(drip.firstChild, {
+
+				fromScale: [.5, .5],
+				scale: [2, 2],
+				fromOpacity: 1,
+				opacity: 0,
+				duration: 200,
+
+				complete: function complete() {
+
+					// clean up transforms
+					resetTransforms(drip.firstChild);
+
+					// load dropped resource
+					_this17._load(e.target.files[0]);
+				}
+			});
+		}
+
+		/**
+   * When a file has been selected after a click on the drop area
+   * @param e
+   * @private
+   */
+
+	}, {
+		key: '_onChange',
+		value: function _onChange(e) {
+
+			if (e.target.files.length) {
+				this._load(e.target.files[0]);
+			}
+		}
+
+		/**
+   * Loads a resource (blocking operation)
+   * @param resource
+   * @param callback(err)
+   * @private
+   */
+
+	}, {
+		key: '_load',
+		value: function _load(resource, callback) {
+			var _this18 = this;
+
+			// stop here
+			if (this._isBeingDestroyed) {
+				return;
+			}
+
+			// if currently contains image, remove it
+			if (this.containsImage()) {
+
+				clearTimeout(this._replaceTimeout);
+
+				this._doRemove(function () {
+
+					_this18._replaceTimeout = setTimeout(function () {
+						_this18._load(resource, callback);
+					}, 100);
+				});
+
+				return;
+			}
+
+			// no longer empty
+			this._removeState('empty');
+			this._addState('busy');
+
+			// start loading indicator
+			this._startProgressLoop();
+
+			// can't drop any other image while loading
+			if (this._imageHopper) {
+				this._imageHopper.enabled = false;
+			}
+
+			clearTimeout(this._loadTimeout);
+			var load = function load() {
+				clearTimeout(_this18._loadTimeout);
+				_this18._loadTimeout = setTimeout(function () {
+
+					if (_this18._isBeingDestroyed) {
+						return;
+					}
+
+					_this18._addState('loading');
+
+					snabbt(_this18._element.querySelector('.slim-label-loading'), {
+						fromOpacity: 0,
+						opacity: 1,
+						duration: 250
+					});
+				}, 500);
+			};
+
+			// early exit
+			var exit = function exit() {
+				if (_this18._imageHopper) {
+					_this18._imageHopper.enabled = true;
+				}
+				_this18._removeState('loading');
+				_this18._removeState('busy');
+				_this18._addState('empty');
+				_this18._stopProgressLoop();
+			};
+
+			// turn string based resources (url / base64) into file objects
+			if (typeof resource === 'string') {
+
+				if (resourceIsBase64Data(resource)) {
+					// resource is base64 data, turn into file
+					this._load(base64ToBlob(resource), callback);
+				} else {
+
+					// will take a while, show loading indicator
+					load();
+
+					// resource is url, load with XHR
+					loadURL(resource, function (file) {
+						// continue with file object
+						_this18._load(file, callback);
+					});
+				}
+
+				// don't continue, wait for load
+				return;
+			} else if (typeof resource.remote !== 'undefined' && this._options.fetcher) {
+
+				loadRemoteURL(this._options.fetcher, resource.remote, function (error) {
+
+					exit();
+
+					_this18._onRemoteURLProblem('<p>' + error + '</p>');
+
+					if (callback) {
+						callback.apply(_this18, ['remote-url-problem']);
+					}
+				}, function (file) {
+					// continue with file object
+					_this18._load(file, callback);
+				});
+
+				// don't continue wait for server fetch
+				return;
+			}
+
+			// let's continue with file resource
+			var file = resource;
+
+			// re-test if is valid file type
+			// in case of loading base64 data or url
+			if (this._imageHopper && this._imageHopper.accept.indexOf(file.type) === -1) {
+
+				exit();
+
+				this._onInvalidFile();
+				if (callback) {
+					callback.apply(this, ['file-invalid']);
+				}
+				return;
+			}
+
+			// test if too big
+			if (file.size && this._options.maxFileSize && bytesToMegaBytes(file.size) > this._options.maxFileSize) {
+
+				exit();
+
+				this._onOverWeightFile();
+				if (callback) {
+					callback.apply(this, ['file-too-big']);
+				}
+				return;
+			}
+
+			// if has loaded image editor set to dirty
+			if (this._imageEditor) {
+				this._imageEditor.dirty();
+			}
+
+			// continue
+			this._data.input.name = getFileNameByFile(file);
+			this._data.input.type = getFileTypeByFile(file);
+			this._data.input.size = file.size;
+			this._data.input.file = file;
+
+			// fetch resource
+			getImageAsCanvas(file, this._options.internalCanvasSize, function (image, meta) {
+
+				var rewind = function rewind() {
+
+					// rewind state
+					if (_this18._imageHopper) {
+						_this18._imageHopper.enabled = true;
+					}
+
+					_this18._removeState('loading');
+					_this18._removeState('busy');
+					_this18._addState('empty');
+					_this18._stopProgressLoop();
+					_this18._resetData();
+				};
+
+				// if no image, something went wrong
+				if (!image) {
+
+					rewind();
+
+					if (callback) {
+						callback.apply(_this18, ['file-not-found']);
+					}
+
+					return;
+				}
+
+				// test if image is too small
+				if (!covers(image, _this18._options.minSize)) {
+
+					rewind();
+
+					_this18._onImageTooSmall();
+
+					if (callback) {
+						callback.apply(_this18, ['image-too-small']);
+					}
+
+					return;
+				}
+
+				var status = _this18._options.didLoad.apply(_this18, [file, image, meta]);
+				if (status !== true) {
+
+					rewind();
+
+					if (status !== false) {
+						_this18._throwError(status);
+					}
+
+					if (callback) {
+						callback.apply(_this18, [status]);
+					}
+
+					return;
+				}
+
+				// done loading file
+				_this18._removeState('loading');
+
+				var revealCanvas = function revealCanvas(done) {
+
+					// done, enable hopper
+					if (_this18._imageHopper && _this18._options.dropReplace) {
+						_this18._imageHopper.enabled = true;
+					}
+
+					// do intro stuff
+					var intro = _this18._getIntro();
+
+					// setup base animation
+					var animation = {
+						fromScale: [1.25, 1.25],
+						scale: [1, 1],
+						fromOpacity: 0,
+						opacity: 1,
+						complete: function complete() {
+
+							resetTransforms(intro);
+
+							intro.style.opacity = 1;
+
+							done();
+						}
+
+					};
+
+					// if not attached to DOM, don't animate
+					if (_this18.isDetached()) {
+						animation.duration = 1;
+					} else {
+						animation.easing = 'spring';
+						animation.springConstant = .3;
+						animation.springDeceleration = .7;
+					}
+
+					// if is instant edit mode don't zoom out but zoom in
+					if (_this18._canInstantEdit()) {
+						animation.delay = 500;
+						animation.duration = 1;
+
+						// instant edit mode just fire up the editor immidiately
+						_this18._doEdit();
+					}
+
+					// reveal loaded image
+					snabbt(intro, animation);
+				};
+
+				// load the image
+				_this18._loadCanvas(image,
+
+				// done loading the canvas
+				function (isUploading) {
+
+					_this18._addState('preview');
+
+					revealCanvas(function () {
+
+						// don't show buttons when instant editing
+						// the buttons will be triggered by the closing of the popup
+						if (!_this18._canInstantEdit() && !isUploading) {
+							_this18._showButtons();
+						}
+
+						if (!isUploading) {
+							_this18._stopProgressLoop();
+							_this18._removeState('busy');
+						}
+
+						if (callback) {
+							callback.apply(_this18, [null, _this18.data]);
+						}
+					});
+				},
+
+				// done uploading
+				function () {
+
+					// don't show buttons when instant editing
+					if (!_this18._canInstantEdit()) {
+						_this18._showButtons();
+					}
+
+					_this18._removeState('busy');
+				});
+			});
+		}
+	}, {
+		key: '_loadCanvas',
+		value: function _loadCanvas(image, ready, complete) {
+			var _this19 = this;
+
+			// halt here if cropper is currently being destroyed
+			if (this._isBeingDestroyed) {
+				return;
+			}
+
+			// store raw data
+			this._data.input.image = image;
+			this._data.input.width = image.width;
+			this._data.input.height = image.height;
+
+			if (this._initialRotation) {
+				this._data.actions.rotation = this._initialRotation;
+				this._initialRotation = null;
+			}
+
+			var isTilted = this._data.actions.rotation % 180 !== 0;
+
+			// scales the drop area
+			// if is 'input' or 'free' parameter
+			if (!this._isFixedRatio()) {
+				if (this._initialCrop) {
+					this._ratio = this._initialCrop.height / this._initialCrop.width;
+				} else {
+					this._ratio = isTilted ? image.width / image.height : image.height / image.width;
+				}
+				this._scaleDropArea(this._ratio);
+			}
+
+			if (this._initialCrop) {
+
+				// use initial supplied crop rectangle
+				this._data.actions.crop = clone(this._initialCrop);
+				this._data.actions.crop.type = CropType.INITIAL;
+
+				// clear initial crop, it's no longer useful
+				this._initialCrop = null;
+			} else {
+				// get automagical crop rectangle
+				this._data.actions.crop = getAutoCropRect(isTilted ? image.height : image.width, isTilted ? image.width : image.height, this._ratio);
+				this._data.actions.crop.type = CropType.AUTO;
+			}
+
+			// if max size set
+			if (this._options.size) {
+				this._data.actions.size = {
+					width: this._options.size.width,
+					height: this._options.size.height
+				};
+			}
+
+			// do initial auto transform
+			this._applyTransforms(image, function (transformedImage) {
+
+				var intro = _this19._getIntro();
+				var scalar = intro.offsetWidth / transformedImage.width;
+
+				// store data, if has preview image this prevents initial load from pushing
+				var willUpload = false;
+
+				// can only do auto upload when service is defined and push is enabled...
+				if (_this19._options.service && _this19._options.push) {
+
+					// ...and is not transformation of initial image
+					// + is not instant edit mode
+					if (!_this19._hasInitialImage && !_this19._canInstantEdit()) {
+						willUpload = true;
+						_this19._stopProgressLoop(function () {
+							_this19._startProgress(function () {
+								_this19._updateProgress(.1);
+							});
+						});
+					}
+				}
+
+				// no service set, and instant edit
+				if (!_this19._canInstantEdit()) {
+
+					// store data (possibly)
+					_this19._save(function () {
+						if (_this19._isBeingDestroyed) {
+							return;
+						}
+						if (willUpload) {
+							_this19._stopProgress();
+							complete();
+						}
+					}, willUpload);
+				}
+
+				// show intro animation
+				intro.src = '';
+				intro.src = cloneCanvasScaled(transformedImage, scalar).toDataURL();
+				intro.onload = function () {
+
+					intro.onload = null;
+
+					// bail out if we've been cleaned up
+					if (_this19._isBeingDestroyed) {
+						return;
+					}
+
+					if (ready) {
+						ready(willUpload);
+					}
+				};
+			});
+		}
+	}, {
+		key: '_applyTransforms',
+		value: function _applyTransforms(image, ready) {
+			var _this20 = this;
+
+			var actions = clone(this._data.actions);
+			actions.filters = {
+				sharpen: this._options.filterSharpen / 100
+			};
+
+			transformCanvas(image, actions, function (transformedImage) {
+
+				var outputImage = transformedImage;
+
+				// if should force/correct output size?
+				// - is forced size set?
+				// - is a discrepancy found between requested output size and transformed size
+				if (_this20._options.forceSize || _this20._options.size && sizeDist(_this20._options.size, transformedImage) == 1) {
+					outputImage = create('canvas');
+					outputImage.width = _this20._options.size.width;
+					outputImage.height = _this20._options.size.height;
+					var ctx = outputImage.getContext('2d');
+					ctx.drawImage(transformedImage, 0, 0, _this20._options.size.width, _this20._options.size.height);
+				}
+
+				// store output
+				_this20._data.output.width = outputImage.width;
+				_this20._data.output.height = outputImage.height;
+				_this20._data.output.image = outputImage;
+
+				_this20._onTransformCanvas(function (transformedData) {
+
+					_this20._data = transformedData;
+
+					_this20._options.didTransform.apply(_this20, [_this20.data]);
+
+					ready(_this20._data.output.image);
+				});
+			});
+		}
+	}, {
+		key: '_onTransformCanvas',
+		value: function _onTransformCanvas(ready) {
+
+			this._options.willTransform.apply(this, [this.data, ready]);
+		}
+
+		/**
+   * Creates the editor nodes
+   * @private
+   */
+
+	}, {
+		key: '_appendEditor',
+		value: function _appendEditor() {
+			var _this21 = this;
+
+			// we already have an editor
+			if (this._imageEditor) {
+				return;
+			}
+
+			// add editor
+			this._imageEditor = new ImageEditor(create('div'), {
+				minSize: this._options.minSize,
+
+				buttonConfirmClassName: this._options.buttonConfirmClassName,
+				buttonCancelClassName: this._options.buttonCancelClassName,
+				buttonRotateClassName: this._options.buttonRotateClassName,
+
+				buttonConfirmLabel: this._options.buttonConfirmLabel,
+				buttonCancelLabel: this._options.buttonCancelLabel,
+				buttonRotateLabel: this._options.buttonRotateLabel,
+
+				buttonConfirmTitle: this._options.buttonConfirmTitle,
+				buttonCancelTitle: this._options.buttonCancelTitle,
+				buttonRotateTitle: this._options.buttonRotateTitle
+
+			});
+
+			// listen to events
+			ImageEditorEvents.forEach(function (e) {
+				_this21._imageEditor.element.addEventListener(e, _this21);
+			});
+		}
+	}, {
+		key: '_scaleDropArea',
+		value: function _scaleDropArea(ratio) {
+			var node = this._getRatioSpacerElement();
+			if (!node || !this._element) {
+				return;
+			}
+			node.style.marginBottom = ratio * 100 + '%';
+			this._element.setAttribute('data-ratio', '1:' + ratio);
+		}
+
+		/**
+   * Data Layer
+   * @private
+   */
+		// image editor closed
+
+	}, {
+		key: '_onCancel',
+		value: function _onCancel(e) {
+
+			this._removeState('editor');
+
+			this._options.didCancel.apply(this);
+
+			this._showButtons();
+
+			this._hideEditor();
+
+			if (this._options.instantEdit && !this._hasInitialImage && this._isAutoCrop()) {
+				this._doRemove();
+			}
+		}
+
+		// user confirmed changes
+
+	}, {
+		key: '_onConfirm',
+		value: function _onConfirm(e) {
+			var _this22 = this;
+
+			// if
+			// - service set
+			// - and we are pushing
+			// - and we don't instant edit
+			// we will upload
+			var willUpload = this._options.service && this._options.push;
+			if (willUpload) {
+				this._startProgress(function () {
+					_this22._updateProgress(.1);
+				});
+			} else {
+				this._startProgressLoop();
+			}
+
+			this._removeState('editor');
+
+			this._addState('busy');
+
+			// clear data
+			this._output.value = '';
+
+			// apply new action object to this._data
+			this._data.actions.rotation = e.detail.rotation;
+			this._data.actions.crop = e.detail.crop;
+			this._data.actions.crop.type = CropType.MANUAL;
+
+			// do transforms
+			this._applyTransforms(this._data.input.image, function (transformedImage) {
+
+				// user confirmed the crop (and changes have been applied to data)
+				_this22._options.didConfirm.apply(_this22, [_this22.data]);
+
+				// set new image result
+				var images = _this22._getInOut();
+				var intro = images[0].className === 'out' ? images[0] : images[1];
+				var outro = intro === images[0] ? images[1] : images[0];
+
+				intro.className = 'in';
+				intro.style.opacity = '0';
+				intro.style.zIndex = '2';
+				outro.className = 'out';
+				outro.style.zIndex = '1';
+
+				// new image get's
+				intro.src = '';
+				intro.src = cloneCanvasScaled(transformedImage, intro.offsetWidth / transformedImage.width).toDataURL();
+				intro.onload = function () {
+
+					intro.onload = null;
+
+					// scale the dropzone
+					if (_this22._options.ratio === 'free') {
+						_this22._ratio = intro.naturalHeight / intro.naturalWidth;
+						_this22._scaleDropArea(_this22._ratio);
+					}
+
+					// close the editor
+					_this22._hideEditor();
+
+					// wait a tiny bit so animations sync up nicely
+					var timer = setTimeout(function () {
+
+						// show the preview
+						_this22._showPreview(intro, function () {
+
+							// save the data
+							_this22._save(function (err, data, res) {
+
+								// done!
+								_this22._toggleButton('upload', true);
+
+								if (willUpload) {
+									_this22._stopProgress();
+								} else {
+									_this22._stopProgressLoop();
+								}
+
+								_this22._removeState('busy');
+
+								_this22._showButtons();
+							}, willUpload);
+						});
+					}, 250);
+
+					_this22._timers.push(timer);
+				};
+			});
+		}
+	}, {
+		key: '_cropAuto',
+		value: function _cropAuto() {
+			var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function (data) {};
+
+
+			var isTilted = this._data.actions.rotation % 180 !== 0;
+
+			var rect = getAutoCropRect(isTilted ? this._data.input.image.width : this._data.input.image.height, isTilted ? this._data.input.image.height : this._data.input.image.width, this._ratio);
+
+			this._crop(rect.x, rect.y, rect.width, rect.height, callback, CropType.AUTO);
+		}
+	}, {
+		key: '_crop',
+		value: function _crop(x, y, width, height) {
+			var callback = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : function (data) {};
+			var cropType = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : CropType.MANUAL;
+
+
+			// clear data
+			this._output.value = '';
+
+			// apply new action object to this._data
+			this._data.actions.crop = {
+				x: x,
+				y: y,
+				width: width,
+				height: height
+			};
+			this._data.actions.crop.type = cropType;
+
+			this._manualTransform(callback);
+		}
+	}, {
+		key: '_manualTransform',
+		value: function _manualTransform(callback) {
+			var _this23 = this;
+
+			this._startProgressLoop();
+			this._addState('busy');
+
+			// do transforms
+			this._applyTransforms(this._data.input.image, function (transformedImage) {
+
+				// set new image result
+				var images = _this23._getInOut();
+				var intro = images[0].className === 'out' ? images[0] : images[1];
+				var outro = intro === images[0] ? images[1] : images[0];
+
+				intro.className = 'in';
+				intro.style.opacity = '1';
+				intro.style.zIndex = '2';
+				outro.className = 'out';
+				outro.style.zIndex = '0';
+
+				// new image
+				intro.src = '';
+				intro.src = cloneCanvasScaled(transformedImage, intro.offsetWidth / transformedImage.width).toDataURL();
+				intro.onload = function () {
+					intro.onload = null;
+
+					// scale the dropzone
+					if (_this23._options.ratio === 'free') {
+						_this23._ratio = intro.naturalHeight / intro.naturalWidth;
+						_this23._scaleDropArea(_this23._ratio);
+					}
+
+					// determine if will also upload
+					var willUpload = _this23._options.service && _this23._options.push;
+
+					var save = function save() {
+
+						// save the data
+						_this23._save(function (err, data, res) {
+
+							// stop loader
+							if (!willUpload) {
+								_this23._stopProgressLoop();
+							}
+
+							_this23._removeState('busy');
+
+							callback.apply(_this23, [_this23.data]);
+						}, willUpload);
+					};
+
+					if (willUpload) {
+						_this23._startProgress(save);
+					} else {
+						save();
+					}
+				};
+			});
+		}
+	}, {
+		key: '_save',
+		value: function _save() {
+			var _this24 = this;
+
+			var callback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};
+			var allowUpload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+
+
+			if (this._isBeingDestroyed) {
+				return;
+			}
+
+			// flatten data also turns output canvas into data uri
+			// removes input file object and image object
+			var data = this.dataBase64;
+
+			// decide if we need to
+			// - A. Store the data in an output field
+			// - B. Upload the data and store the response in output field
+
+			// - we are not doing async uploading (in which case output is used for response)
+			// - we are not initialising a replaceable image
+			if (!this._options.service && !(this._isInitialising && !this._isImageOnly())) {
+
+				this._options.willSave.apply(this, [data, function (data) {
+
+					_this24._store(data);
+
+					_this24._options.didSave.apply(_this24, [data]);
+				}]);
+			}
+
+			if (this._isBeingDestroyed) {
+				return;
+			}
+
+			// is remote service defined upload async
+			if (this._options.service && allowUpload) {
+
+				// allow user to modify the data
+				this._options.willSave.apply(this, [data, function (data) {
+
+					_this24._addState('upload');
+
+					if (_this24._imageHopper && _this24._options.dropReplace) {
+						_this24._imageHopper.enabled = false;
+					}
+
+					// do the actual uploading
+					_this24._upload(data, function (err, res) {
+
+						if (_this24._imageHopper && _this24._options.dropReplace) {
+							_this24._imageHopper.enabled = true;
+						}
+
+						// store response
+						if (!err) {
+							_this24._storeServerResponse(res);
+						}
+
+						// we did upload data
+						_this24._options.didUpload.apply(_this24, [err, data, res]);
+
+						_this24._removeState('upload');
+
+						// done!
+						callback(err, data, res);
+					});
+				}]);
+			}
+
+			// if no service, we're done here
+			if (!this._options.service || !allowUpload) {
+				callback();
+			}
+		}
+
+		// stores active file information in hidden output field
+
+	}, {
+		key: '_storeServerResponse',
+		value: function _storeServerResponse(data) {
+
+			// remove required flag
+			if (this._isRequired) {
+				this._input.required = false;
+			}
+
+			// store data returned from server
+			this._data.server = data;
+
+			// sync with output value
+			this._output.value = (typeof data === 'undefined' ? 'undefined' : _typeof(data)) === 'object' ? JSON.stringify(this._data.server) : data;
+		}
+
+		// stores data in output field
+
+	}, {
+		key: '_store',
+		value: function _store(data) {
+
+			if (this._isRequired) {
+				this._input.required = false;
+			}
+
+			this._output.value = JSON.stringify(data);
+		}
+
+		// uploads given data to server
+
+	}, {
+		key: '_upload',
+		value: function _upload(data, callback) {
+			var _this25 = this;
+
+			var formData = new FormData();
+
+			// if image data is defined, turn it into a file object (we can send files if we're uploading)
+			if (this._data.output.image !== null && this._options.uploadBase64 === false) {
+				var output = base64ToBlob(data.output.image, data.output.name);
+				var field = 'slim_output_' + this._uid;
+				data.output.image = null;
+				data.output.field = field;
+				formData.append(field, output, data.output.name);
+			}
+
+			// output dataset
+			formData.append(this._output.name, JSON.stringify(data));
+
+			// if input should be posted along, append data
+			// to FormData object as file
+			if (inArray('input', this._options.post)) {
+				formData.append(this._inputReference, this._data.input.file, this._data.input.file.name);
+			}
+
+			var statusNode = this._element.querySelector('.slim-upload-status');
+
+			var requestDecorator = this._options.willRequest;
+
+			send(
+			// url to service
+			this._options.service,
+
+			// data
+			formData,
+
+			// decorator (useful to add headers to request
+			requestDecorator,
+
+			// progress
+			function (loaded, total) {
+
+				_this25._updateProgress(Math.max(.1, loaded / total));
+			},
+
+			// success
+			function (obj) {
+
+				var timer = setTimeout(function () {
+
+					// it's possible that Slim has been destroyed in the mean time.
+					if (_this25._isBeingDestroyed) {
+						return;
+					}
+
+					statusNode.innerHTML = _this25._options.statusUploadSuccess;
+					statusNode.setAttribute('data-state', 'success');
+					statusNode.style.opacity = 1;
+
+					// hide status update after 2 seconds
+					var timer = setTimeout(function () {
+						statusNode.style.opacity = 0;
+					}, 2000);
+
+					_this25._timers.push(timer);
+				}, 250);
+
+				_this25._timers.push(timer);
+
+				callback(null, obj);
+			},
+
+			// error
+			function (status) {
+
+				var html = '';
+				if (status === 'file-too-big') {
+					html = _this25._options.statusContentLength;
+				} else {
+					html = _this25._options.didReceiveServerError.apply(_this25, [status, _this25._options.statusUnknownResponse]);
+				}
+
+				// when an error occurs the status update is not automatically hidden
+				var timer = setTimeout(function () {
+
+					statusNode.innerHTML = html;
+					statusNode.setAttribute('data-state', 'error');
+					statusNode.style.opacity = 1;
+				}, 250);
+
+				_this25._timers.push(timer);
+
+				callback(status);
+			});
+		}
+	}, {
+		key: '_showEditor',
+		value: function _showEditor() {
+
+			SlimPopover.show();
+
+			this._imageEditor.show();
+		}
+	}, {
+		key: '_hideEditor',
+		value: function _hideEditor() {
+
+			this._imageEditor.hide();
+
+			var timer = setTimeout(function () {
+
+				SlimPopover.hide();
+			}, 250);
+
+			this._timers.push(timer);
+		}
+
+		/**
+   * Animations
+   */
+
+	}, {
+		key: '_showPreview',
+		value: function _showPreview(intro, callback) {
+
+			snabbt(intro, {
+
+				fromPosition: [0, 50, 0],
+				position: [0, 0, 0],
+
+				fromScale: [1.5, 1.5],
+				scale: [1, 1],
+
+				fromOpacity: 0,
+				opacity: 1,
+
+				easing: 'spring',
+				springConstant: .3,
+				springDeceleration: .7,
+
+				complete: function complete() {
+
+					resetTransforms(intro);
+
+					if (callback) {
+						callback();
+					}
+				}
+
+			});
+		}
+	}, {
+		key: '_hideResult',
+		value: function _hideResult(callback) {
+
+			var intro = this._getIntro();
+			if (!intro) {
+				return;
+			}
+
+			snabbt(intro, {
+
+				fromScale: [1, 1],
+				scale: [.5, .5],
+
+				fromOpacity: 1,
+				opacity: 0,
+
+				easing: 'spring',
+				springConstant: .3,
+				springDeceleration: .75,
+
+				complete: function complete() {
+					resetTransforms(intro);
+					if (callback) {
+						callback();
+					}
+				}
+
+			});
+		}
+	}, {
+		key: '_showButtons',
+		value: function _showButtons(callback) {
+
+			if (!this._btnGroup) {
+				return;
+			}
+
+			this._btnGroup.style.display = '';
+
+			// setup animation
+			var animation = {
+				fromScale: [.5, .5],
+				scale: [1, 1],
+				fromPosition: [0, 10, 0],
+				position: [0, 0, 0],
+				fromOpacity: 0,
+				opacity: 1,
+				complete: function complete() {
+					resetTransforms(this);
+				},
+				allDone: function allDone() {
+					if (callback) {
+						callback();
+					}
+				}
+			};
+
+			// don't animate when detached
+			if (this.isDetached()) {
+				animation.duration = 1;
+			} else {
+				animation.delay = function (i) {
+					return 250 + i * 50;
+				};
+				animation.easing = 'spring';
+				animation.springConstant = .3;
+				animation.springDeceleration = .85;
+			}
+
+			snabbt(this._btnGroup.childNodes, animation);
+		}
+	}, {
+		key: '_hideButtons',
+		value: function _hideButtons(callback) {
+			var _this26 = this;
+
+			if (!this._btnGroup) {
+				return;
+			}
+
+			var animation = {
+				fromScale: [1, 1],
+				scale: [.85, .85],
+				fromOpacity: 1,
+				opacity: 0,
+				allDone: function allDone() {
+					_this26._btnGroup.style.display = 'none';
+					if (callback) {
+						callback();
+					}
+				}
+			};
+
+			// don't animate when detached
+			if (this.isDetached()) {
+				animation.duration = 1;
+			} else {
+				animation.easing = 'spring';
+				animation.springConstant = .3;
+				animation.springDeceleration = .75;
+			}
+
+			// go hide the buttons
+			snabbt(this._btnGroup.childNodes, animation);
+		}
+	}, {
+		key: '_hideStatus',
+		value: function _hideStatus() {
+
+			var statusNode = this._element.querySelector('.slim-upload-status');
+			statusNode.style.opacity = 0;
+		}
+	}, {
+		key: '_doEdit',
+		value: function _doEdit() {
+			var _this27 = this;
+
+			// if no input data available, can't edit anything
+			if (!this._data.input.image) {
+				return;
+			}
+
+			// now in editor mode
+			this._addState('editor');
+
+			// create editor (if not already created)
+			if (!this._imageEditor) {
+				this._appendEditor();
+			}
+
+			// hide or show rotate button
+			this._imageEditor.showRotateButton = this._options.rotateButton;
+
+			// append to popover
+			SlimPopover.inner = this._imageEditor.element;
+
+			// read the data
+			this._imageEditor.open(
+
+			// send copy of canvas to the editor
+			cloneCanvas(this._data.input.image),
+
+			// determine ratio
+			this._options.ratio === 'free' ? null : this._ratio,
+
+			// the initial crop to show
+			this._data.actions.crop,
+
+			// the initial rotation of the image
+			this._data.actions.rotation,
+
+			// handle editor load
+			function () {
+
+				_this27._showEditor();
+
+				_this27._hideButtons();
+
+				_this27._hideStatus();
+			});
+		}
+	}, {
+		key: '_doRemove',
+		value: function _doRemove(done) {
+			var _this28 = this;
+
+			// cannot remove when is only one image
+			if (this._isImageOnly()) {
+				return;
+			}
+
+			this._clearState();
+			this._addState('empty');
+
+			this._hasInitialImage = false;
+			if (this._imageHopper) {
+				this._imageHopper.enabled = true;
+			}
+
+			if (this._isRequired) {
+				this._input.required = true;
+			}
+
+			var out = this._getOutro();
+			if (out) {
+				out.style.opacity = '0';
+			}
+
+			// get public available clone of data
+			var data = this.data;
+
+			// now reset all data
+			this._resetData();
+
+			var timer = setTimeout(function () {
+
+				if (_this28._isBeingDestroyed) {
+					return;
+				}
+
+				_this28._hideButtons(function () {
+
+					_this28._toggleButton('upload', true);
+				});
+
+				_this28._hideStatus();
+
+				_this28._hideResult();
+
+				_this28._options.didRemove.apply(_this28, [data]);
+
+				if (done) {
+					done();
+				}
+			}, this.isDetached() ? 0 : 250);
+
+			this._timers.push(timer);
+
+			return data;
+		}
+	}, {
+		key: '_doUpload',
+		value: function _doUpload(callback) {
+			var _this29 = this;
+
+			// if no input data available, can't upload anything
+			if (!this._data.input.image) {
+				return;
+			}
+
+			this._addState('upload');
+			this._startProgress();
+
+			this._hideButtons(function () {
+
+				// block upload button
+				_this29._toggleButton('upload', false);
+
+				_this29._save(function (err, data, res) {
+
+					_this29._removeState('upload');
+					_this29._stopProgress();
+
+					if (callback) {
+						callback.apply(_this29, [err, data, res]);
+					}
+
+					if (err) {
+						_this29._toggleButton('upload', true);
+					}
+
+					_this29._showButtons();
+				});
+			});
+		}
+	}, {
+		key: '_doDownload',
+		value: function _doDownload() {
+
+			var image = this._data.output.image;
+			if (!image) {
+				return;
+			}
+
+			downloadCanvas(this._data, this._options.jpegCompression, this._options.forceType);
+		}
+	}, {
+		key: '_doDestroy',
+		value: function _doDestroy() {
+			var _this30 = this;
+
+			// set destroy flag to halt any running functionality
+			this._isBeingDestroyed = true;
+
+			// clear timers
+			this._timers.forEach(function (timer) {
+				clearTimeout(timer);
+			});
+			this._timers = [];
+
+			// clean up snabbt animations
+			snabbt(this._element, 'detach');
+
+			// this removes the image hopper if it's attached
+			if (this._imageHopper) {
+				HopperEvents.forEach(function (e) {
+					_this30._imageHopper.element.removeEventListener(e, _this30);
+				});
+				this._imageHopper.destroy();
+				this._imageHopper = null;
+			}
+
+			// this block removes the image editor
+			if (this._imageEditor) {
+				ImageEditorEvents.forEach(function (e) {
+					_this30._imageEditor.element.removeEventListener(e, _this30);
+				});
+				this._imageEditor.destroy();
+				this._imageEditor = null;
+			}
+
+			// remove button event listeners
+			nodeListToArray(this._btnGroup.children).forEach(function (btn) {
+				btn.removeEventListener('click', _this30);
+			});
+
+			// stop listening to input
+			this._input.removeEventListener('change', this);
+
+			// detect if was wrapped, if so, remove wrapping (needs to have parent node)
+			if (this._element !== this._originalElement && this._element.parentNode) {
+				this._element.parentNode.replaceChild(this._originalElement, this._element);
+			}
+
+			// restore HTML of original element
+			this._originalElement.innerHTML = this._originalElementInner;
+
+			// get current attributes and remove all, then add original attributes
+			function matchesAttributeInList(a, attributes) {
+				return attributes.filter(function (attr) {
+					return a.name === attr.name && a.value === attr.value;
+				}).length !== 0;
+			}
+
+			var attributes = getElementAttributes(this._originalElement);
+			attributes.forEach(function (attribute) {
+
+				// if attribute  is contained in original element attribute list and is the same, don't remove
+				if (matchesAttributeInList(attribute, _this30._originalElementAttributes)) {
+					return;
+				}
+
+				// else remove
+				_this30._originalElement.removeAttribute(attribute.name);
+			});
+
+			this._originalElementAttributes.forEach(function (attribute) {
+
+				// attribute was never removed
+				if (matchesAttributeInList(attribute, attributes)) {
+					return;
+				}
+
+				// add attribute
+				_this30._originalElement.setAttribute(attribute.name, attribute.value);
+			});
+
+			// now destroyed this counter so the total Slim count can be lowered
+			SlimCount = Math.max(0, SlimCount - 1);
+
+			// if slim count has reached 0 it's time to clean up the popover
+			if (SlimPopover && SlimCount === 0) {
+				SlimPopover.destroy();
+				SlimPopover = null;
+			}
+
+			this._originalElement = null;
+			this._element = null;
+			this._input = null;
+			this._output = null;
+			this._btnGroup = null;
+			this._options = null;
+		}
+	}, {
+		key: 'dataBase64',
+
+
+		/**
+   * Public API
+   */
+		// properties
+		get: function get() {
+			return flattenData(this._data, this._options.post, this._options.jpegCompression, this._options.forceType, this._options.service !== null);
+		}
+	}, {
+		key: 'data',
+		get: function get() {
+			return cloneData(this._data);
+		}
+	}, {
+		key: 'element',
+		get: function get() {
+			return this._element;
+		}
+	}, {
+		key: 'service',
+		set: function set(service) {
+			this._options.service = service;
+		}
+	}, {
+		key: 'size',
+		set: function set(dimensions) {
+			this.setSize(dimensions, null);
+		}
+	}, {
+		key: 'rotation',
+		set: function set(rotation) {
+			this.setRotation(rotation, null);
+		}
+	}, {
+		key: 'ratio',
+		set: function set(ratio) {
+			this.setRatio(ratio, null);
+		}
+	}], [{
+		key: 'options',
+		value: function options() {
+
+			var defaults = {
+
+				// edit button is enabled by default
+				edit: true,
+
+				// immidiately summons editor on load
+				instantEdit: false,
+
+				// set to true to upload data as base64 string
+				uploadBase64: false,
+
+				// metadata values
+				meta: {},
+
+				// ratio of crop by default is the same as input image ratio
+				ratio: 'free',
+
+				// dimensions to resize the resulting image to
+				size: null,
+
+				// set initial rotation
+				rotation: null,
+
+				// initial crop settings for example: {x:0, y:0, width:100, height:100}
+				crop: null,
+
+				// post these values
+				post: ['output', 'actions'],
+
+				// call this service to submit cropped data
+				service: null,
+
+				// sharpen filter value, really low values might improve image output
+				filterSharpen: 0,
+
+				// when service is set, and this is set to true, Soon will auto upload all crops (also auto crops)
+				push: false,
+
+				// default fallback name for field
+				defaultInputName: 'slim[]',
+
+				// minimum size of cropped area object with width and height property
+				minSize: {
+					width: 100,
+					height: 100
+				},
+
+				// maximum file size in MB to upload
+				maxFileSize: null,
+
+				// compression of JPEG (between 0 and 100)
+				jpegCompression: null,
+
+				// render download link
+				download: false,
+
+				// save initially loaded image
+				saveInitialImage: false,
+
+				// the type to force (jpe|jpg|jpeg or png)
+				forceType: false,
+
+				// the forced output size of the image
+				forceSize: null,
+
+				// disable drop to replace
+				dropReplace: true,
+
+				// remote URL service
+				fetcher: null,
+
+				// set the internal canvas size
+				internalCanvasSize: {
+					width: 4096,
+					height: 4096
+				},
+
+				// enable or disable rotation
+				rotateButton: true,
+
+				// label HTML to show inside drop area
+				label: '<p>Drop your image here</p>',
+				labelLoading: '<p>Loading image...</p>',
+
+				// error messages
+				statusFileType: '<p>Invalid file type, expects: $0.</p>',
+				statusFileSize: '<p>File is too big, maximum file size: $0 MB.</p>',
+				statusNoSupport: '<p>Your browser does not support image cropping.</p>',
+				statusImageTooSmall: '<p>Image is too small, minimum size is: $0 pixels.</p>',
+				statusContentLength: '<span class="slim-upload-status-icon"></span> The file is probably too big',
+				statusUnknownResponse: '<span class="slim-upload-status-icon"></span> An unknown error occurred',
+				statusUploadSuccess: '<span class="slim-upload-status-icon"></span> Saved',
+
+				// callback methods
+				didInit: function didInit(data) {},
+				didLoad: function didLoad(file, image, meta) {
+					return true;
+				},
+				didSave: function didSave(data) {},
+				didUpload: function didUpload(err, data, res) {},
+				didReceiveServerError: function didReceiveServerError(err, defaultError) {
+					return defaultError;
+				},
+				didRemove: function didRemove(data) {},
+				didTransform: function didTransform(data) {},
+				didConfirm: function didConfirm(data) {},
+				didCancel: function didCancel() {},
+
+				willTransform: function willTransform(data, cb) {
+					cb(data);
+				},
+				willSave: function willSave(data, cb) {
+					cb(data);
+				},
+				willRemove: function willRemove(data, cb) {
+					cb();
+				},
+				willRequest: function willRequest(xhr) {}
+
+			};
+
+			// add default button labels
+			SlimButtons.concat(ImageEditor.Buttons).concat('rotate').forEach(function (btn) {
+				var capitalized = capitalizeFirstLetter(btn);
+				defaults['button' + capitalized + 'ClassName'] = null;
+				defaults['button' + capitalized + 'Label'] = capitalized;
+				defaults['button' + capitalized + 'Title'] = capitalized;
+			});
+
+			return defaults;
+		}
+	}]);
+
+	return Slim;
+}();
+
+/**
+ * Slim Static Methods
+ */
+
+
+(function () {
+
+	var instances = [];
+
+	var indexOfElement = function indexOfElement(element) {
+		var i = 0;
+		var l = instances.length;
+		for (; i < l; i++) {
+			if (instances[i].isAttachedTo(element)) {
+				return i;
+			}
+		}
+		return -1;
+	};
+
+	function toLabel(v) {
+		// if value set, use as label
+		if (v) {
+			return '<p>' + v + '</p>';
+		}
+
+		// else use default text
+		return null;
+	}
+
+	function toFunctionReference(name) {
+		var ref = window;
+		var levels = name.split('.');
+		levels.forEach(function (level, index) {
+			if (!ref[levels[index]]) {
+				return;
+			}
+			ref = ref[levels[index]];
+		});
+		return ref !== window ? ref : null;
+	}
+
+	var passThrough = function passThrough(v) {
+		return v;
+	};
+	var defaultFalse = function defaultFalse(v) {
+		return v === 'true';
+	};
+	var defaultTrue = function defaultTrue(v) {
+		return v ? v === 'true' : true;
+	};
+	var defaultLabel = function defaultLabel(v) {
+		return toLabel(v);
+	};
+	var defaultFunction = function defaultFunction(v) {
+		return v ? toFunctionReference(v) : null;
+	};
+	var defaultSize = function defaultSize(v) {
+		if (!v) {
+			return null;
+		}
+		var parts = intSplit(v, ',');
+		return {
+			width: parts[0],
+			height: parts[1]
+		};
+	};
+
+	var toFloat = function toFloat(v) {
+		if (!v) {
+			return null;
+		}
+		return parseFloat(v);
+	};
+
+	var toInt = function toInt(v) {
+		if (!v) {
+			return null;
+		}
+		return parseInt(v, 10);
+	};
+
+	var toRect = function toRect(v) {
+		if (!v) {
+			return null;
+		}
+		var obj = {};
+		v.split(',').map(function (p) {
+			return parseInt(p, 10);
+		}).forEach(function (v, i) {
+			obj[Rect[i]] = v;
+		});
+		return obj;
+	};
+
+	var defaults = {
+
+		// is user allowed to download the cropped image?
+		'download': defaultFalse,
+
+		// is user allowed to edit the cropped image?
+		'edit': defaultTrue,
+
+		// open editor immidiately on file drop
+		'instantEdit': defaultFalse,
+
+		// minimum crop size in pixels of original image
+		'minSize': defaultSize,
+
+		// the final bounding box of the output image
+		'size': defaultSize,
+
+		// the forced output size of the image
+		'forceSize': defaultSize,
+
+		// the internal data canvas size
+		'internalCanvasSize': defaultSize,
+
+		// url to post to
+		'service': function service(v) {
+			return typeof v === 'undefined' ? null : v;
+		},
+
+		// url to fetch service
+		'fetcher': function fetcher(v) {
+			return typeof v === 'undefined' ? null : v;
+		},
+
+		// set auto push mode
+		'push': defaultFalse,
+
+		// initial rotation
+		'rotation': function rotation(v) {
+			return typeof v === 'undefined' ? null : parseInt(v, 10);
+		},
+
+		// set crop rect
+		'crop': toRect,
+
+		// what to post
+		'post': function post(v) {
+			if (!v) {
+				return null;
+			}
+			return v.split(',').map(function (item) {
+				return item.trim();
+			});
+		},
+
+		// default input name
+		'defaultInputName': passThrough,
+
+		// the ratio of the crop
+		'ratio': function ratio(v) {
+			if (!v) {
+				return null;
+			}
+			return v;
+		},
+
+		// maximum file size
+		'maxFileSize': toFloat,
+
+		// sharpen filter
+		'filterSharpen': toInt,
+
+		// jpeg compression
+		'jpegCompression': toInt,
+
+		// base64 data uploading
+		'uploadBase64': defaultFalse,
+
+		// sets file type to force output to
+		'forceType': passThrough,
+
+		// drop to replace
+		'dropReplace': defaultTrue,
+
+		// bool determining if initial image should be saved
+		'saveInitialImage': defaultFalse,
+
+		// rotate button
+		'rotateButton': defaultTrue,
+
+		// default labels
+		'label': defaultLabel,
+		'labelLoading': defaultLabel
+
+	};
+
+	// labels
+	['FileSize', 'FileType', 'NoSupport', 'ImageTooSmall'].forEach(function (status) {
+		defaults['status' + status] = defaultLabel;
+	});
+
+	// status
+	['ContentLength', 'UnknownResponse', 'UploadSuccess'].forEach(function (status) {
+		defaults['status' + status] = passThrough;
+	});
+
+	// the did callbacks
+	['Init', 'Load', 'Save', 'Upload', 'Remove', 'Transform', 'ReceiveServerError', 'Confirm'].forEach(function (cb) {
+		defaults['did' + cb] = defaultFunction;
+	});
+
+	// the will callbacks
+	['Transform', 'Save', 'Remove', 'Request'].forEach(function (cb) {
+		defaults['will' + cb] = defaultFunction;
+	});
+
+	// button defaults
+	var buttonOptions = ['ClassName', 'Label', 'Title'];
+	SlimButtons.concat(ImageEditor.Buttons).concat('rotate').forEach(function (btn) {
+		var capitalized = capitalizeFirstLetter(btn);
+		buttonOptions.forEach(function (opt) {
+			defaults['button' + capitalized + opt] = passThrough;
+		});
+	});
+
+	Slim.supported = function () {
+
+		return !(
+
+		// is opera mini
+		Object.prototype.toString.call(window.operamini) === '[object OperaMini]' ||
+
+		// no event listener support
+		typeof window.addEventListener === 'undefined' ||
+
+		// no file reader support
+		typeof window.FileReader === 'undefined' ||
+
+		// no .createObjectURL support, used by download method but also convenient to exclude Android 4.3 and lower
+		// Android 4.3 and lower don't support XHR2 responseType blob
+		typeof window.URL === 'undefined' || typeof window.URL.createObjectURL === 'undefined');
+	}();
+
+	Slim.parse = function (context) {
+		var elements;
+		var element;
+		var i;
+		var croppers = [];
+
+		// find all crop elements and bind Crop behavior
+		elements = context.querySelectorAll('.slim:not([data-state])');
+		i = elements.length;
+
+		while (i--) {
+			element = elements[i];
+			croppers.push(Slim.create(element, Slim.getOptionsFromAttributes(element)));
+		}
+
+		return croppers;
+	};
+
+	Slim.getOptionsFromAttributes = function (element) {
+
+		var dataset = getDataset(element);
+
+		var options = {
+			meta: {}
+		};
+
+		for (var prop in dataset) {
+
+			var valueTransformer = defaults[prop];
+			var _value = dataset[prop];
+
+			if (valueTransformer) {
+				_value = valueTransformer(_value);
+				_value = _value === null ? clone(Slim.options()[prop]) : _value;
+				options[prop] = _value;
+			} else if (prop.indexOf('meta') === 0) {
+				options['meta'][lowercaseFirstLetter(prop.substr(4))] = _value;
+			}
+		}
+
+		return options;
+	};
+
+	Slim.find = function (element) {
+		var result = instances.filter(function (instance) {
+			return instance.isAttachedTo(element);
+		});
+		return result ? result[0] : null;
+	};
+
+	Slim.create = function (element, options) {
+
+		// if already in array, can't create another slim
+		if (Slim.find(element)) {
+			return;
+		}
+
+		// if no options supplied, try to get the options from the element
+		if (!options) {
+			options = Slim.getOptionsFromAttributes(element);
+		}
+
+		// instance
+		var slim = new Slim(element, options);
+
+		// add new slim
+		instances.push(slim);
+
+		// return the slim instance
+		return slim;
+	};
+
+	Slim.destroy = function (element) {
+		var index = indexOfElement(element);
+
+		if (index < 0) {
+			return false;
+		}
+
+		instances[index].destroy();
+		instances.splice(index, 1);
+
+		return true;
+	};
+})();
+    return Slim;
+}());
+
+	// helpers
+	function argsToArray(args) {
+		return Array.prototype.slice.call(args);
+	}
+
+	function isConstructor(parameters) {
+		return typeof parameters[0] === 'object' || parameters.length === 0;
+	}
+
+	function isGetter(slim, method, parameters) {
+		var descriptor = Object.getOwnPropertyDescriptor(Slim.prototype, method);
+		return descriptor ? typeof descriptor.get !== 'undefined' : false;
+	}
+
+	function isSetter(slim, method, parameters) {
+		var descriptor = Object.getOwnPropertyDescriptor(Slim.prototype, method);
+		return descriptor ? typeof descriptor.set !== 'undefined' : false;
+	}
+
+	function isMethod(slim, method) {
+		return typeof slim[method] === 'function';
+	}
+
+	// plugin
+	$.fn['slim'] = function() {
+
+		// get arguments as array
+		var parameters = argsToArray(arguments);
+
+		// is method
+		if (isConstructor(parameters)) {
+			return this.each(function(){
+				Slim.create(this, parameters[0]);
+			});
+		}
+		else {
+			var method = parameters.shift();
+			switch (method) {
+				case 'supported':
+					return Slim.supported;
+				case 'destroy':
+					return this.each(function(){
+						Slim.destroy(this);
+					});
+				case 'parse':
+					return this.each(function(){
+						Slim.parse(this);
+					});
+				default:
+					var results = [];
+					this.each(function(){
+
+						var slim = Slim.find(this);
+						if (!slim) {
+							return;
+						}
+
+						if (isMethod(slim, method)) {
+							results.push(slim[method].apply(slim, parameters));
+						}
+
+						else if (isGetter(slim, method)) {
+							results.push(slim[method]);
+						}
+
+						else if (isSetter(slim, method)) {
+							results.push(slim[method] = parameters[0]);
+						}
+
+					});
+					return results;
+			}
+		}
+
+	};
+
+}(window.jQuery));
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/js/jquery.slim.min.js b/deployed/jsn/components/com_jsn/assets/js/jquery.slim.min.js
new file mode 100644
index 00000000..fde52549
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/js/jquery.slim.min.js
@@ -0,0 +1,7 @@
+/*
+ * Slim v4.6.1 - Image Cropping Made Easy
+ * Copyright (c) 2017 Rik Schennink - http://slimimagecropper.com
+ */
+!function(t,e){"use strict";function i(t){return Array.prototype.slice.call(t)}function n(t){return"object"==typeof t[0]||0===t.length}function o(t,e,i){var n=Object.getOwnPropertyDescriptor(s.prototype,e);return!!n&&"undefined"!=typeof n.get}function a(t,e,i){var n=Object.getOwnPropertyDescriptor(s.prototype,e);return!!n&&"undefined"!=typeof n.set}function r(t,e){return"function"==typeof t[e]}if(t){var s=function(){function t(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function i(t,e){if(!(e>=1)){for(var i=t.width*e,n=t.height*e,o=t.width,a=t.height,r=t;o>i&&a>n;){var s=document.createElement("canvas");o=.5*r.width,a=.5*r.height,o<i&&(o=i),a<n&&(a=n),s.width=o,s.height=a;var h=s.getContext("2d");h.drawImage(r,0,0,o,a),r=st(s)}t.width=i,t.height=n;var h=t.getContext("2d");h.drawImage(r,0,0,i,n)}}!function(){function t(t,i){i=i||{bubbles:!1,cancelable:!1,detail:e};var n=document.createEvent("CustomEvent");return n.initCustomEvent(t,i.bubbles,i.cancelable,i.detail),n}return"function"!=typeof window.CustomEvent&&(t.prototype=window.Event.prototype,void(window.CustomEvent=t))}();var n=function(t,e,i){var o,a,r=document.createElement("img");if(r.onerror=e,r.onload=function(){!a||i&&i.noRevoke||n.revokeObjectURL(a),e&&e(n.scale(r,i))},n.isInstanceOf("Blob",t)||n.isInstanceOf("File",t))o=a=n.createObjectURL(t),r._type=t.type;else{if("string"!=typeof t)return!1;o=t,i&&i.crossOrigin&&(r.crossOrigin=i.crossOrigin)}return o?(r.src=o,r):n.readFile(t,function(t){var i=t.target;i&&i.result?r.src=i.result:e&&e(t)})},o=window.createObjectURL&&window||window.URL&&URL.revokeObjectURL&&URL||window.webkitURL&&webkitURL;n.isInstanceOf=function(t,e){return Object.prototype.toString.call(e)==="[object "+t+"]"},n.transformCoordinates=function(){},n.getTransformedOptions=function(t,e){var i,n,o,a,r=e.aspectRatio;if(!r)return e;i={};for(n in e)e.hasOwnProperty(n)&&(i[n]=e[n]);return i.crop=!0,o=t.naturalWidth||t.width,a=t.naturalHeight||t.height,o/a>r?(i.maxWidth=a*r,i.maxHeight=a):(i.maxWidth=o,i.maxHeight=o/r),i},n.renderImageToCanvas=function(t,e,i,n,o,a,r,s,h,u){return t.getContext("2d").drawImage(e,i,n,o,a,r,s,h,u),t},n.hasCanvasOption=function(t){return t.canvas||t.crop||!!t.aspectRatio},n.scale=function(t,i){function o(){var t=Math.max((h||b)/b,(u||k)/k);t>1&&(b*=t,k*=t)}function a(){var t=Math.min((r||b)/b,(s||k)/k);t<1&&(b*=t,k*=t)}i=i||{};var r,s,h,u,l,c,p,d,f,_,m,g=document.createElement("canvas"),v=t.getContext||n.hasCanvasOption(i)&&g.getContext,y=t.naturalWidth||t.width,w=t.naturalHeight||t.height,b=y,k=w;if(v&&(i=n.getTransformedOptions(t,i),p=i.left||0,d=i.top||0,i.sourceWidth?(l=i.sourceWidth,i.right!==e&&i.left===e&&(p=y-l-i.right)):l=y-p-(i.right||0),i.sourceHeight?(c=i.sourceHeight,i.bottom!==e&&i.top===e&&(d=w-c-i.bottom)):c=w-d-(i.bottom||0),b=l,k=c),r=i.maxWidth,s=i.maxHeight,h=i.minWidth,u=i.minHeight,v&&r&&s&&i.crop?(b=r,k=s,m=l/c-r/s,m<0?(c=s*l/r,i.top===e&&i.bottom===e&&(d=(w-c)/2)):m>0&&(l=r*c/s,i.left===e&&i.right===e&&(p=(y-l)/2))):((i.contain||i.cover)&&(h=r=r||h,u=s=s||u),i.cover?(a(),o()):(o(),a())),v){if(f=i.pixelRatio,f>1&&(g.style.width=b+"px",g.style.height=k+"px",b*=f,k*=f,g.getContext("2d").scale(f,f)),_=i.downsamplingRatio,_>0&&_<1&&b<l&&k<c)for(;l*_>b;)g.width=l*_,g.height=c*_,n.renderImageToCanvas(g,t,p,d,l,c,0,0,g.width,g.height),l=g.width,c=g.height,t=document.createElement("canvas"),t.width=l,t.height=c,n.renderImageToCanvas(t,g,0,0,l,c,0,0,l,c);return g.width=b,g.height=k,n.transformCoordinates(g,i),n.renderImageToCanvas(g,t,p,d,l,c,0,0,b,k)}return t.width=b,t.height=k,t},n.createObjectURL=function(t){return!!o&&o.createObjectURL(t)},n.revokeObjectURL=function(t){return!!o&&o.revokeObjectURL(t)},n.readFile=function(t,e,i){if(window.FileReader){var n=new FileReader;if(n.onload=n.onerror=e,i=i||"readAsDataURL",n[i])return n[i](t),n}return!1};var a=n.hasCanvasOption,r=n.transformCoordinates,s=n.getTransformedOptions;n.hasCanvasOption=function(t){return!!t.orientation||a.call(n,t)},n.transformCoordinates=function(t,e){r.call(n,t,e);var i=t.getContext("2d"),o=t.width,a=t.height,s=t.style.width,h=t.style.height,u=e.orientation;if(u&&!(u>8))switch(u>4&&(t.width=a,t.height=o,t.style.width=h,t.style.height=s),u){case 2:i.translate(o,0),i.scale(-1,1);break;case 3:i.translate(o,a),i.rotate(Math.PI);break;case 4:i.translate(0,a),i.scale(1,-1);break;case 5:i.rotate(.5*Math.PI),i.scale(1,-1);break;case 6:i.rotate(.5*Math.PI),i.translate(0,-a);break;case 7:i.rotate(.5*Math.PI),i.translate(o,-a),i.scale(-1,1);break;case 8:i.rotate(-.5*Math.PI),i.translate(-o,0)}},n.getTransformedOptions=function(t,e){var i,o,a=s.call(n,t,e),r=a.orientation;if(!r||r>8||1===r)return a;i={};for(o in a)a.hasOwnProperty(o)&&(i[o]=a[o]);switch(a.orientation){case 2:i.left=a.right,i.right=a.left;break;case 3:i.left=a.right,i.top=a.bottom,i.right=a.left,i.bottom=a.top;break;case 4:i.top=a.bottom,i.bottom=a.top;break;case 5:i.left=a.top,i.top=a.left,i.right=a.bottom,i.bottom=a.right;break;case 6:i.left=a.top,i.top=a.right,i.right=a.bottom,i.bottom=a.left;break;case 7:i.left=a.bottom,i.top=a.right,i.right=a.top,i.bottom=a.left;break;case 8:i.left=a.bottom,i.top=a.left,i.right=a.top,i.bottom=a.right}return a.orientation>4&&(i.maxWidth=a.maxHeight,i.maxHeight=a.maxWidth,i.minWidth=a.minHeight,i.minHeight=a.minWidth,i.sourceWidth=a.sourceHeight,i.sourceHeight=a.sourceWidth),i};var h=window.Blob&&(Blob.prototype.slice||Blob.prototype.webkitSlice||Blob.prototype.mozSlice);n.blobSlice=h&&function(){var t=this.slice||this.webkitSlice||this.mozSlice;return t.apply(this,arguments)},n.metaDataParsers={jpeg:{65505:[]}},n.parseMetaData=function(t,e,i){i=i||{};var o=this,a=i.maxMetaDataSize||262144,r={},s=!(window.DataView&&t&&t.size>=12&&"image/jpeg"===t.type&&n.blobSlice);!s&&n.readFile(n.blobSlice.call(t,0,a),function(t){if(t.target.error)return void e(r);var a,s,h,u,l=t.target.result,c=new DataView(l),p=2,d=c.byteLength-4,f=p;if(65496===c.getUint16(0)){for(;p<d&&(a=c.getUint16(p),a>=65504&&a<=65519||65534===a)&&(s=c.getUint16(p+2)+2,!(p+s>c.byteLength));){if(h=n.metaDataParsers.jpeg[a])for(u=0;u<h.length;u+=1)h[u].call(o,c,p,s,r,i);p+=s,f=p}!i.disableImageHead&&f>6&&(l.slice?r.imageHead=l.slice(0,f):r.imageHead=new Uint8Array(l).subarray(0,f))}e(r)},"readAsArrayBuffer")||e(r)},n.ExifMap=function(){return this},n.ExifMap.prototype.map={Orientation:274},n.ExifMap.prototype.get=function(t){return this[t]||this[this.map[t]]},n.getExifThumbnail=function(t,e,i){var n,o,a;if(i&&!(e+i>t.byteLength)){for(n=[],o=0;o<i;o+=1)a=t.getUint8(e+o),n.push((a<16?"0":"")+a.toString(16));return"data:image/jpeg,%"+n.join("%")}},n.exifTagTypes={1:{getValue:function(t,e){return t.getUint8(e)},size:1},2:{getValue:function(t,e){return String.fromCharCode(t.getUint8(e))},size:1,ascii:!0},3:{getValue:function(t,e,i){return t.getUint16(e,i)},size:2},4:{getValue:function(t,e,i){return t.getUint32(e,i)},size:4},5:{getValue:function(t,e,i){return t.getUint32(e,i)/t.getUint32(e+4,i)},size:8},9:{getValue:function(t,e,i){return t.getInt32(e,i)},size:4},10:{getValue:function(t,e,i){return t.getInt32(e,i)/t.getInt32(e+4,i)},size:8}},n.exifTagTypes[7]=n.exifTagTypes[1],n.getExifValue=function(t,e,i,o,a,r){var s,h,u,l,c,p,d=n.exifTagTypes[o];if(d&&(s=d.size*a,h=s>4?e+t.getUint32(i+8,r):i+8,!(h+s>t.byteLength))){if(1===a)return d.getValue(t,h,r);for(u=[],l=0;l<a;l+=1)u[l]=d.getValue(t,h+l*d.size,r);if(d.ascii){for(c="",l=0;l<u.length&&(p=u[l],"\0"!==p);l+=1)c+=p;return c}return u}},n.parseExifTag=function(t,e,i,o,a){var r=t.getUint16(i,o);a.exif[r]=n.getExifValue(t,e,i,t.getUint16(i+2,o),t.getUint32(i+4,o),o)},n.parseExifTags=function(t,e,i,n,o){var a,r,s;if(!(i+6>t.byteLength||(a=t.getUint16(i,n),r=i+2+12*a,r+4>t.byteLength))){for(s=0;s<a;s+=1)this.parseExifTag(t,e,i+2+12*s,n,o);return t.getUint32(r,n)}},n.parseExifData=function(t,e,i,o,a){if(!a.disableExif){var r,s,h,u=e+10;if(1165519206===t.getUint32(e+4)&&!(u+8>t.byteLength)&&0===t.getUint16(e+8)){switch(t.getUint16(u)){case 18761:r=!0;break;case 19789:r=!1;break;default:return}42===t.getUint16(u+2,r)&&(s=t.getUint32(u+4,r),o.exif=new n.ExifMap,s=n.parseExifTags(t,u,u+s,r,o),s&&!a.disableExifThumbnail&&(h={exif:{}},s=n.parseExifTags(t,u,u+s,r,h),h.exif[513]&&(o.exif.Thumbnail=n.getExifThumbnail(t,u+h.exif[513],h.exif[514]))),o.exif[34665]&&!a.disableExifSub&&n.parseExifTags(t,u,u+o.exif[34665],r,o),o.exif[34853]&&!a.disableExifGps&&n.parseExifTags(t,u,u+o.exif[34853],r,o))}}},n.metaDataParsers.jpeg[65505].push(n.parseExifData);var u=function(){var t=[],i=[],n=[],o="transform",a=window.getComputedStyle(document.documentElement,""),r=(Array.prototype.slice.call(a).join("").match(/-(moz|webkit|ms)-/)||""===a.OLink&&["","o"])[1];"webkit"===r&&(o="webkitTransform");var s=function(t,i,n){var o=t;if(o.length!==e){for(var a={chainers:[],then:function(t){return this.snabbt(t)},snabbt:function(t){var e=this.chainers.length;return this.chainers.forEach(function(i,n){i.snabbt(h(t,n,e))}),a},setValue:function(t){return this.chainers.forEach(function(e){e.setValue(t)}),a},finish:function(){return this.chainers.forEach(function(t){t.finish()}),a},rollback:function(){return this.chainers.forEach(function(t){t.rollback()}),a}},r=0,s=o.length;r<s;++r)"string"==typeof i?a.chainers.push(u(o[r],i,h(n,r,s))):a.chainers.push(u(o[r],h(i,r,s),n));return a}return"string"==typeof i?u(o,i,h(n,0,1)):u(o,h(i,0,1),n)},h=function(t,e,i){if(!t)return t;var n=J(t);$(t.delay)&&(n.delay=t.delay(e,i)),$(t.callback)&&(n.complete=function(){t.callback.call(this,e,i)});var o=$(t.allDone),a=$(t.complete);(a||o)&&(n.complete=function(){a&&t.complete.call(this,e,i),o&&e==i-1&&t.allDone()}),$(t.valueFeeder)&&(n.valueFeeder=function(n,o){return t.valueFeeder(n,o,e,i)}),$(t.easing)&&(n.easing=function(n){return t.easing(n,e,i)});var r=["position","rotation","skew","rotationPost","scale","width","height","opacity","fromPosition","fromRotation","fromSkew","fromRotationPost","fromScale","fromWidth","fromHeight","fromOpacity","transformOrigin","duration","delay"];return r.forEach(function(o){$(t[o])&&(n[o]=t[o](e,i))}),n},u=function(t,e,n){function o(e){if(f.tick(e),f.updateElement(t),!f.isStopped())return f.completed()?void(a.loop>1&&!f.isStopped()?(a.loop-=1,f.restart(),k(o)):(a.complete&&a.complete.call(t),_.length&&(a=_.pop(),s=y(a,u,!0),u=y(a,J(u)),a=w(s,u,a),f=S(a),i.push([t,f]),f.tick(e),k(o)))):k(o)}if("attention"===e)return l(t,n);if("stop"===e)return c(t);if("detach"===e)return d(t);var a=e;m();var r=v(t),s=r;s=y(a,s,!0);var u=J(r);u=y(a,u);var p=w(s,u,a),f=S(p);i.push([t,f]),f.updateElement(t,!0);var _=[],g={snabbt:function(t){return _.unshift(h(t,0,1)),g},then:function(t){return this.snabbt(t)}};return k(o),a.manual?f:g},l=function(t,e){function n(i){a.tick(i),a.updateElement(t),a.completed()?(e.callback&&e.callback(t),e.loop&&e.loop>1&&(e.loop--,a.restart(),k(n))):k(n)}var o=y(e,j({}));e.movement=o;var a=E(e);i.push([t,a]),k(n)},c=function(t){for(var e=0,n=i.length;e<n;++e){var o=i[e],a=o[0],r=o[1];a===t&&r.stop()}},p=function(t,e){for(var i=0,n=t.length;i<n;++i)if(t[i][0]===e)return i;return-1},d=function(t){var e,o,a=[],r=i.concat(n),s=r.length;for(o=0;o<s;++o)e=r[o][0],(t.contains(e)||t===e)&&a.push(e);for(s=a.length,o=0;o<s;++o)f(a[o])},f=function(t){c(t);var e=p(i,t);e>=0&&i.splice(e,1),e=p(n,t),e>=0&&n.splice(e,1)},_=function(t,e){for(var i=0,n=t.length;i<n;++i){var o=t[i],a=o[0],r=o[1];if(a===e){var s=r.getCurrentState();return r.stop(),s}}},m=function(){n=n.filter(function(t){return g(t[0]).body})},g=function(t){for(var e=t;e.parentNode;)e=e.parentNode;return e},v=function(t){var e=_(i,t);return e?e:_(n,t)},y=function(t,e,i){e||(e=j({position:[0,0,0],rotation:[0,0,0],rotationPost:[0,0,0],scale:[1,1],skew:[0,0]}));var n="position",o="rotation",a="skew",r="rotationPost",s="scale",h="scalePost",u="width",l="height",c="opacity";return i&&(n="fromPosition",o="fromRotation",a="fromSkew",r="fromRotationPost",s="fromScale",h="fromScalePost",u="fromWidth",l="fromHeight",c="fromOpacity"),e.position=G(t[n],e.position),e.rotation=G(t[o],e.rotation),e.rotationPost=G(t[r],e.rotationPost),e.skew=G(t[a],e.skew),e.scale=G(t[s],e.scale),e.scalePost=G(t[h],e.scalePost),e.opacity=t[c],e.width=t[u],e.height=t[l],e},w=function(t,e,i){return i.startState=t,i.endState=e,i},b=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.msRequestAnimationFrame||function(t){return setTimeout(t,1e3/60)},k=function(e){0===t.length&&b(x),t.push(e)},x=function(e){for(var o=t.length,a=0;a<o;++a)t[a](e);t.splice(0,o);var r=i.filter(function(t){return t[1].completed()});n=n.filter(function(t){for(var e=0,i=r.length;e<i;++e)if(t[0]===r[e][0])return!1;return!0}),n=n.concat(r),i=i.filter(function(t){return!t[1].completed()}),0!==t.length&&b(x)},S=function(t){var i=t.startState,n=t.endState,o=G(t.duration,500),a=G(t.delay,0),r=t.perspective,s=L(G(t.easing,"linear"),t),h=0===o?n.clone():i.clone();t.transformOrigin;h.transformOrigin=t.transformOrigin;var u,l,c=0,p=0,d=!1,f=!1,_=t.manual,m=0,g=a/o;return l=t.valueFeeder?V(t.valueFeeder,i,n,h):q(i,n,h),{stop:function(){d=!0},isStopped:function(){return d},finish:function(t){_=!1;var e=o*m;c=p-e,u=t,s.resetFrom=m},rollback:function(t){_=!1,l.setReverse();var e=o*(1-m);c=p-e,u=t,s.resetFrom=m},restart:function(){c=e,s.resetFrom(0)},tick:function(t){if(!d){if(_)return p=t,void this.updateCurrentTransform();if(c||(c=t),t-c>a){f=!0,p=t-a;var e=Math.min(Math.max(0,p-c),o);s.tick(e/o),this.updateCurrentTransform(),this.completed()&&u&&u()}}},getCurrentState:function(){return h},setValue:function(t){f=!0,m=Math.min(Math.max(t,1e-4),1+g)},updateCurrentTransform:function(){var t=s.getValue();if(_){var e=Math.max(1e-5,m-g);s.tick(e),t=s.getValue()}l.tween(t)},completed:function(){return!!d||0!==c&&s.completed()},updateElement:function(t,e){if(f||e){var i=l.asMatrix(),n=l.getProperties();X(t,i,r),Y(t,n)}}}},E=function(t){var i=t.movement;t.initialVelocity=.1,t.equilibriumPosition=0;var n=I(t),o=!1,a=i.position,r=i.rotation,s=i.rotationPost,h=i.scale,u=i.skew,l=j({position:a?[0,0,0]:e,rotation:r?[0,0,0]:e,rotationPost:s?[0,0,0]:e,scale:h?[0,0]:e,skew:u?[0,0]:e});return{stop:function(){o=!0},isStopped:function(t){return o},tick:function(t){o||n.equilibrium||(n.tick(),this.updateMovement())},updateMovement:function(){var t=n.getValue();a&&(l.position[0]=i.position[0]*t,l.position[1]=i.position[1]*t,l.position[2]=i.position[2]*t),r&&(l.rotation[0]=i.rotation[0]*t,l.rotation[1]=i.rotation[1]*t,l.rotation[2]=i.rotation[2]*t),s&&(l.rotationPost[0]=i.rotationPost[0]*t,l.rotationPost[1]=i.rotationPost[1]*t,l.rotationPost[2]=i.rotationPost[2]*t),h&&(l.scale[0]=1+i.scale[0]*t,l.scale[1]=1+i.scale[1]*t),u&&(l.skew[0]=i.skew[0]*t,l.skew[1]=i.skew[1]*t)},updateElement:function(t){X(t,l.asMatrix()),Y(t,l.getProperties())},getCurrentState:function(){return l},completed:function(){return n.equilibrium||o},restart:function(){n=I(t)}}},C=function(t){return t},T=function(t){return(Math.cos(t*Math.PI+Math.PI)+1)/2},P=function(t){return t*t},R=function(t){return-Math.pow(t-1,2)+1},I=function(t){var e=G(t.startPosition,0),i=G(t.equilibriumPosition,1),n=G(t.initialVelocity,0),o=G(t.springConstant,.8),a=G(t.springDeceleration,.9),r=G(t.springMass,10),s=!1;return{tick:function(t){if(0!==t&&!s){var h=-(e-i)*o,u=h/r;n+=u,e+=n,n*=a,Math.abs(e-i)<.001&&Math.abs(n)<.001&&(s=!0)}},resetFrom:function(t){e=t,n=0},getValue:function(){return s?i:e},completed:function(){return s}}},O={linear:C,ease:T,easeIn:P,easeOut:R},L=function(t,e){if("spring"==t)return I(e);var i=t;$(t)||(i=O[t]);var n,o=i,a=0;return{tick:function(t){a=o(t),n=t},resetFrom:function(t){n=0},getValue:function(){return a},completed:function(){return n>=1&&n}}},M=function(t,e,i,n){t[0]=1,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=1,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=1,t[11]=0,t[12]=e,t[13]=i,t[14]=n,t[15]=1},D=function(t,e){t[0]=1,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=Math.cos(e),t[6]=-Math.sin(e),t[7]=0,t[8]=0,t[9]=Math.sin(e),t[10]=Math.cos(e),t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1},z=function(t,e){t[0]=Math.cos(e),t[1]=0,t[2]=Math.sin(e),t[3]=0,t[4]=0,t[5]=1,t[6]=0,t[7]=0,t[8]=-Math.sin(e),t[9]=0,t[10]=Math.cos(e),t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1},A=function(t,e){t[0]=Math.cos(e),t[1]=-Math.sin(e),t[2]=0,t[3]=0,t[4]=Math.sin(e),t[5]=Math.cos(e),t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=1,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1},U=function(t,e,i){t[0]=1,t[1]=Math.tan(e),t[2]=0,t[3]=0,t[4]=Math.tan(i),t[5]=1,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=1,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1},H=function(t,e,i){t[0]=e,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=i,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=1,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1},B=function(t){t[0]=1,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=1,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=1,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1},N=function(t,e){e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e[4]=t[4],e[5]=t[5],e[6]=t[6],e[7]=t[7],e[8]=t[8],e[9]=t[9],e[10]=t[10],e[11]=t[11],e[12]=t[12],e[13]=t[13],e[14]=t[14],e[15]=t[15]},F=function(){var t=new Float32Array(16),e=new Float32Array(16),i=new Float32Array(16);return B(t),{data:t,asCSS:function(){for(var e="matrix3d(",i=0;i<15;++i)e+=Math.abs(t[i])<1e-4?"0,":t[i].toFixed(10)+",";return e+=Math.abs(t[15])<1e-4?"0)":t[15].toFixed(10)+")"},clear:function(){B(t)},translate:function(n,o,a){return N(t,e),M(i,n,o,a),W(e,i,t),this},rotateX:function(n){return N(t,e),D(i,n),W(e,i,t),this},rotateY:function(n){return N(t,e),z(i,n),W(e,i,t),this},rotateZ:function(n){return N(t,e),A(i,n),W(e,i,t),this},scale:function(n,o){return N(t,e),H(i,n,o),W(e,i,t),this},skew:function(n,o){return N(t,e),U(i,n,o),W(e,i,t),this}}},W=function(t,e,i){return i[0]=t[0]*e[0]+t[1]*e[4]+t[2]*e[8]+t[3]*e[12],i[1]=t[0]*e[1]+t[1]*e[5]+t[2]*e[9]+t[3]*e[13],i[2]=t[0]*e[2]+t[1]*e[6]+t[2]*e[10]+t[3]*e[14],i[3]=t[0]*e[3]+t[1]*e[7]+t[2]*e[11]+t[3]*e[15],i[4]=t[4]*e[0]+t[5]*e[4]+t[6]*e[8]+t[7]*e[12],i[5]=t[4]*e[1]+t[5]*e[5]+t[6]*e[9]+t[7]*e[13],i[6]=t[4]*e[2]+t[5]*e[6]+t[6]*e[10]+t[7]*e[14],i[7]=t[4]*e[3]+t[5]*e[7]+t[6]*e[11]+t[7]*e[15],i[8]=t[8]*e[0]+t[9]*e[4]+t[10]*e[8]+t[11]*e[12],i[9]=t[8]*e[1]+t[9]*e[5]+t[10]*e[9]+t[11]*e[13],i[10]=t[8]*e[2]+t[9]*e[6]+t[10]*e[10]+t[11]*e[14],i[11]=t[8]*e[3]+t[9]*e[7]+t[10]*e[11]+t[11]*e[15],i[12]=t[12]*e[0]+t[13]*e[4]+t[14]*e[8]+t[15]*e[12],i[13]=t[12]*e[1]+t[13]*e[5]+t[14]*e[9]+t[15]*e[13],i[14]=t[12]*e[2]+t[13]*e[6]+t[14]*e[10]+t[15]*e[14],i[15]=t[12]*e[3]+t[13]*e[7]+t[14]*e[11]+t[15]*e[15],i},j=function(t){var i=F(),n={opacity:e,width:e,height:e};return{position:t.position,rotation:t.rotation,rotationPost:t.rotationPost,skew:t.skew,scale:t.scale,scalePost:t.scalePost,opacity:t.opacity,width:t.width,height:t.height,clone:function(){return j({position:this.position?this.position.slice(0):e,rotation:this.rotation?this.rotation.slice(0):e,rotationPost:this.rotationPost?this.rotationPost.slice(0):e,skew:this.skew?this.skew.slice(0):e,scale:this.scale?this.scale.slice(0):e,scalePost:this.scalePost?this.scalePost.slice(0):e,height:this.height,width:this.width,opacity:this.opacity})},asMatrix:function(){var t=i;return t.clear(),this.transformOrigin&&t.translate(-this.transformOrigin[0],-this.transformOrigin[1],-this.transformOrigin[2]),this.scale&&t.scale(this.scale[0],this.scale[1]),this.skew&&t.skew(this.skew[0],this.skew[1]),this.rotation&&(t.rotateX(this.rotation[0]),t.rotateY(this.rotation[1]),t.rotateZ(this.rotation[2])),this.position&&t.translate(this.position[0],this.position[1],this.position[2]),this.rotationPost&&(t.rotateX(this.rotationPost[0]),t.rotateY(this.rotationPost[1]),t.rotateZ(this.rotationPost[2])),this.scalePost&&t.scale(this.scalePost[0],this.scalePost[1]),this.transformOrigin&&t.translate(this.transformOrigin[0],this.transformOrigin[1],this.transformOrigin[2]),t},getProperties:function(){return n.opacity=this.opacity,n.width=this.width+"px",n.height=this.height+"px",n}}},q=function(t,i,n){var o=t,a=i,r=n,s=a.position!==e,h=a.rotation!==e,u=a.rotationPost!==e,l=a.scale!==e,c=a.skew!==e,p=a.width!==e,d=a.height!==e,f=a.opacity!==e;return{tween:function(t){if(s){var e=a.position[0]-o.position[0],i=a.position[1]-o.position[1],n=a.position[2]-o.position[2];r.position[0]=o.position[0]+t*e,r.position[1]=o.position[1]+t*i,r.position[2]=o.position[2]+t*n}if(h){var _=a.rotation[0]-o.rotation[0],m=a.rotation[1]-o.rotation[1],g=a.rotation[2]-o.rotation[2];r.rotation[0]=o.rotation[0]+t*_,r.rotation[1]=o.rotation[1]+t*m,r.rotation[2]=o.rotation[2]+t*g}if(u){var v=a.rotationPost[0]-o.rotationPost[0],y=a.rotationPost[1]-o.rotationPost[1],w=a.rotationPost[2]-o.rotationPost[2];r.rotationPost[0]=o.rotationPost[0]+t*v,r.rotationPost[1]=o.rotationPost[1]+t*y,r.rotationPost[2]=o.rotationPost[2]+t*w}if(c){var b=a.scale[0]-o.scale[0],k=a.scale[1]-o.scale[1];r.scale[0]=o.scale[0]+t*b,r.scale[1]=o.scale[1]+t*k}if(l){var x=a.skew[0]-o.skew[0],S=a.skew[1]-o.skew[1];r.skew[0]=o.skew[0]+t*x,r.skew[1]=o.skew[1]+t*S}if(p){var E=a.width-o.width;r.width=o.width+t*E}if(d){var C=a.height-o.height;r.height=o.height+t*C}if(f){var T=a.opacity-o.opacity;r.opacity=o.opacity+t*T}},asMatrix:function(){return r.asMatrix()},getProperties:function(){return r.getProperties()},setReverse:function(){var t=o;o=a,a=t}}},V=function(t,i,n,o){var a=t(0,F()),r=i,s=n,h=o,u=!1;return{tween:function(i){u&&(i=1-i),a.clear(),a=t(i,a);var n=s.width-r.width,o=s.height-r.height,l=s.opacity-r.opacity;s.width!==e&&(h.width=r.width+i*n),s.height!==e&&(h.height=r.height+i*o),s.opacity!==e&&(h.opacity=r.opacity+i*l)},asMatrix:function(){return a},getProperties:function(){return h.getProperties()},setReverse:function(){u=!0}}},G=function(t,e){return"undefined"==typeof t?e:t},X=function(t,e,i){var n="";i&&(n="perspective("+i+"px) ");var a=e.asCSS();t.style[o]=n+a},Y=function(t,e){for(var i in e)t.style[i]=e[i]},$=function(t){return"function"==typeof t},J=function(t){if(!t)return t;var e={};for(var i in t)e[i]=t[i];return e};return s.createMatrix=F,s.setElementTransform=X,s}(),l=function(){function t(t,e,i,n,o){if("string"==typeof t)t=document.getElementById(t);else if(!t instanceof HTMLCanvasElement)return;var a,r=t.getContext("2d");try{try{a=r.getImageData(e,i,n,o)}catch(s){throw new Error("unable to access local image data: "+s)}}catch(s){throw new Error("unable to access image data: "+s)}return a}function e(e,n,o,a,r,s){if(!(isNaN(s)||s<1)){s|=0;var h=t(e,n,o,a,r);h=i(h,n,o,a,r,s),e.getContext("2d").putImageData(h,n,o)}}function i(t,e,i,r,s,h){var u,l,c,p,d,f,_,m,g,v,y,w,b,k,x,S,E,C,T,P,R,I,O,L,M=t.data,D=h+h+1,z=r-1,A=s-1,U=h+1,H=U*(U+1)/2,B=new n,N=B;for(c=1;c<D;c++)if(N=N.next=new n,c==U)var F=N;N.next=B;var W=null,j=null;_=f=0;var q=o[h],V=a[h];for(l=0;l<s;l++){for(S=E=C=T=m=g=v=y=0,w=U*(P=M[f]),b=U*(R=M[f+1]),k=U*(I=M[f+2]),x=U*(O=M[f+3]),m+=H*P,g+=H*R,v+=H*I,y+=H*O,N=B,c=0;c<U;c++)N.r=P,N.g=R,N.b=I,N.a=O,N=N.next;for(c=1;c<U;c++)p=f+((z<c?z:c)<<2),m+=(N.r=P=M[p])*(L=U-c),g+=(N.g=R=M[p+1])*L,v+=(N.b=I=M[p+2])*L,y+=(N.a=O=M[p+3])*L,S+=P,E+=R,C+=I,T+=O,N=N.next;for(W=B,j=F,u=0;u<r;u++)M[f+3]=O=y*q>>V,0!=O?(O=255/O,M[f]=(m*q>>V)*O,M[f+1]=(g*q>>V)*O,M[f+2]=(v*q>>V)*O):M[f]=M[f+1]=M[f+2]=0,m-=w,g-=b,v-=k,y-=x,w-=W.r,b-=W.g,k-=W.b,x-=W.a,p=_+((p=u+h+1)<z?p:z)<<2,S+=W.r=M[p],E+=W.g=M[p+1],C+=W.b=M[p+2],T+=W.a=M[p+3],m+=S,g+=E,v+=C,y+=T,W=W.next,w+=P=j.r,b+=R=j.g,k+=I=j.b,x+=O=j.a,S-=P,E-=R,C-=I,T-=O,j=j.next,f+=4;_+=r}for(u=0;u<r;u++){for(E=C=T=S=g=v=y=m=0,f=u<<2,w=U*(P=M[f]),b=U*(R=M[f+1]),k=U*(I=M[f+2]),x=U*(O=M[f+3]),m+=H*P,g+=H*R,v+=H*I,y+=H*O,N=B,c=0;c<U;c++)N.r=P,N.g=R,N.b=I,N.a=O,N=N.next;for(d=r,c=1;c<=h;c++)f=d+u<<2,m+=(N.r=P=M[f])*(L=U-c),g+=(N.g=R=M[f+1])*L,v+=(N.b=I=M[f+2])*L,y+=(N.a=O=M[f+3])*L,S+=P,E+=R,C+=I,T+=O,N=N.next,c<A&&(d+=r);for(f=u,W=B,j=F,l=0;l<s;l++)p=f<<2,M[p+3]=O=y*q>>V,O>0?(O=255/O,M[p]=(m*q>>V)*O,M[p+1]=(g*q>>V)*O,M[p+2]=(v*q>>V)*O):M[p]=M[p+1]=M[p+2]=0,m-=w,g-=b,v-=k,y-=x,w-=W.r,b-=W.g,k-=W.b,x-=W.a,p=u+((p=l+U)<A?p:A)*r<<2,m+=S+=W.r=M[p],g+=E+=W.g=M[p+1],v+=C+=W.b=M[p+2],y+=T+=W.a=M[p+3],W=W.next,w+=P=j.r,b+=R=j.g,k+=I=j.b,x+=O=j.a,S-=P,E-=R,C-=I,T-=O,j=j.next,f+=r}return t}function n(){this.r=0,this.g=0,this.b=0,this.a=0,this.next=null}var o=[512,512,456,512,328,456,335,512,405,328,271,456,388,335,292,512,454,405,364,328,298,271,496,456,420,388,360,335,312,292,273,512,482,454,428,405,383,364,345,328,312,298,284,271,259,496,475,456,437,420,404,388,374,360,347,335,323,312,302,292,282,273,265,512,497,482,468,454,441,428,417,405,394,383,373,364,354,345,337,328,320,312,305,298,291,284,278,271,265,259,507,496,485,475,465,456,446,437,428,420,412,404,396,388,381,374,367,360,354,347,341,335,329,323,318,312,307,302,297,292,287,282,278,273,269,265,261,512,505,497,489,482,475,468,461,454,447,441,435,428,422,417,411,405,399,394,389,383,378,373,368,364,359,354,350,345,341,337,332,328,324,320,316,312,309,305,301,298,294,291,287,284,281,278,274,271,268,265,262,259,257,507,501,496,491,485,480,475,470,465,460,456,451,446,442,437,433,428,424,420,416,412,408,404,400,396,392,388,385,381,377,374,370,367,363,360,357,354,350,347,344,341,338,335,332,329,326,323,320,318,315,312,310,307,304,302,299,297,294,292,289,287,285,282,280,278,275,273,271,269,267,265,263,261,259],a=[9,11,12,13,13,14,14,15,15,15,15,16,16,16,16,17,17,17,17,17,17,17,18,18,18,18,18,18,18,18,18,19,19,19,19,19,19,19,19,19,19,19,19,19,19,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24];return e}();HTMLCanvasElement.prototype.toBlob||Object.defineProperty(HTMLCanvasElement.prototype,"toBlob",{value:function(t,e,i){for(var n=atob(this.toDataURL(e,i).split(",")[1]),o=n.length,a=new Uint8Array(o),r=0;r<o;r++)a[r]=n.charCodeAt(r);t(new Blob([a],{type:e||"image/png"}))}});var c=function(){function t(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}return function(e,i,n){return i&&t(e.prototype,i),n&&t(e,n),e}}(),p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},d=function(t){if("undefined"==typeof t.dataset){var e,i,n={},o=t.attributes;for(e in o)o.hasOwnProperty(e)&&o[e].name&&/^data-[a-z_\-\d]*$/i.test(o[e].name)&&(i=f(o[e].name.substr(5)),n[i]=o[e].value);return n}return t.dataset},f=function(t){return t.replace(/\-./g,function(t){return t.charAt(1).toUpperCase()})},_=function(t){for(var e=[],i=Array.prototype.slice.call(t.attributes),n=i.length,o=0;o<n;o++)e.push({name:i[o].name,value:i[o].value});return e},m=function(t){return{x:"undefined"==typeof t.offsetX?t.layerX:t.offsetX,y:"undefined"==typeof t.offsetY?t.layerY:t.offsetY}},g=function(t,e){var i,n={},o=e||{};for(i in t)t.hasOwnProperty(i)&&(n[i]="undefined"==typeof o[i]?t[i]:o[i]);return n},v={ESC:27,RETURN:13},y={DOWN:["touchstart","pointerdown","mousedown"],MOVE:["touchmove","pointermove","mousemove"],UP:["touchend","touchcancel","pointerup","mouseup"]},w={jpeg:"image/jpeg",jpg:"image/jpeg",jpe:"image/jpeg",png:"image/png",gif:"image/gif",bmp:"image/bmp"},b=/(\.png|\.bmp|\.gif|\.jpg|\.jpe|\.jpg|\.jpeg)$/,k=function(t,e){var i=document.createElement(t);return e&&(i.className=e),i},x=function(t,e,i){e.forEach(function(e){t.addEventListener(e,i,!1)})},S=function(t,e,i){e.forEach(function(e){t.removeEventListener(e,i,!1)})},E=function(t){var e=t.changedTouches?t.changedTouches[0]:t;if(e)return{x:e.pageX,y:e.pageY}},C=function(t,e){var i=.5,n=.5,o=Math.PI/180*e,a=Math.cos(o),r=Math.sin(o),s=t.x,h=t.y,u=t.x+t.width,l=t.y+t.height,c=a*(s-i)+r*(h-n)+i,p=a*(h-n)-r*(s-i)+n,d=a*(u-i)+r*(l-n)+i,f=a*(l-n)-r*(u-i)+n;c<=d?(t.x=c,t.width=d-c):(t.x=d,t.width=c-d),p<=f?(t.y=p,t.height=f-p):(t.y=f,t.height=p-f)},T=function(t){var e=E(t);return e.x-=window.pageXOffset||document.documentElement.scrollLeft,e.y-=window.pageYOffset||document.documentElement.scrollTop,e},P=function(t){return t.charAt(0).toLowerCase()+t.slice(1)},R=function(t){return t.charAt(0).toUpperCase()+t.slice(1)},I=function(t){return t[t.length-1]},O=function(t,e,i){return Math.max(e,Math.min(i,t))},L=function(t,e){if(!e)return!1;for(var i=0;i<e.length;i++)if(e[i]===t)return!0;return!1},M=function(t,e,i,n,o,a){var r=new XMLHttpRequest;n&&r.upload.addEventListener("progress",function(t){n(t.loaded,t.total)}),r.open("POST",t,!0),i&&i(r),r.onreadystatechange=function(){if(4===r.readyState&&r.status>=200&&r.status<300){var t=r.responseText;if(!t.length)return void o();if(t.indexOf("Content-Length")!==-1)return void a("file-too-big");var e=void 0;try{e=JSON.parse(r.responseText)}catch(i){}if("object"===("undefined"==typeof e?"undefined":p(e))&&"failure"===e.status)return void a(e.message);o(e||t)}else if(4===r.readyState){var n=void 0;try{n=JSON.parse(r.responseText)}catch(i){}if("object"===("undefined"==typeof n?"undefined":p(n))&&"failure"===n.status)return void a(n.message);a("fail")}},r.send(e)},D=function(t){t&&(t.style.webkitTransform="",t.style.transform="")},z=function(t){return t/1e6},A=function(){var t=[],e=void 0,i=void 0;for(e in w)w.hasOwnProperty(e)&&(i=w[e],t.indexOf(i)==-1&&t.push(i));return t},U=function(t){return"image/jpeg"===t},H=function(t){var e=void 0;for(e in w)if(w.hasOwnProperty(e)&&w[e]===t)return e;return t},B=function(t){var e=void 0;for(e in w)if(w.hasOwnProperty(e)&&t.indexOf(w[e])!==-1)return w[e];return null},N=function(t){return t.split("/").pop().split("?").shift()},F=function(t){var i=arguments.length>1&&arguments[1]!==e?arguments[1]:"";return(i+t).slice(-i.length)},W=function(t){return t.getFullYear()+"-"+F(t.getMonth()+1,"00")+"-"+F(t.getDate(),"00")+"_"+F(t.getHours(),"00")+"-"+F(t.getMinutes(),"00")+"-"+F(t.getSeconds(),"00")},j=function(t){return"undefined"==typeof t.name?W(new Date)+"."+H(q(t)):t.name},q=function(t){return t.type||"image/jpeg"},V=function(t){if("string"!=typeof t)return W(new Date);var e=N(t);return e.split(".").shift()},G=function(t,e){return t.lastModifiedDate=new Date,t.name=e,t},X=function(t){return/^data:image/.test(t)},Y=function(t,e,i,n){var o=new XMLHttpRequest;o.open("GET",t+"?url="+e,!0),o.responseType="json",o.onload=function(t){return"failure"===this.response.status?void i(this.response.message):void $(this.response.body,n)},o.send()},$=function(t,e){var i=new XMLHttpRequest;i.open("GET",t,!0),i.responseType="blob",i.onload=function(i){var n=N(t),o=B(this.response.type);b.test(n)||(n+="."+H(o));var a=G(this.response,n);e(gt(a,o))},i.send()},J=function(t){var e=t.split(",")[1],i=e.replace(/\s/g,"");return atob(i)},Z=function(t,e){for(var i=J(t),n=new ArrayBuffer(i.length),o=new Uint8Array(n),a=0;a<i.length;a++)o[a]=i.charCodeAt(a);var r=wt(t);return"undefined"==typeof e&&(e=W(new Date)+"."+H(r)),G(K(n,r),e)},K=function(t,e){var i=window.BlobBuilder=window.BlobBuilder||window.WebKitBlobBuilder||window.MozBlobBuilder||window.MSBlobBuilder;if(i){var n=new i;return n.append(t),n.getBlob(e)}return new Blob([t],{type:e})},Q=function(t,e,i){var o="string"!=typeof t||0!==t.indexOf("data:image");n.parseMetaData(t,function(a){var r={canvas:!0,crossOrigin:o};e&&(r.maxWidth=e.width,r.maxHeight=e.height),a.exif&&(r.orientation=a.exif.get("Orientation")),n(t,function(t){return"error"===t.type?void i():void i(t,a)},r)})},tt=function(t,e,i){var n,o,a,r,s=e/t;return s<i?(r=e,a=r/i,n=.5*(t-a),o=0):(a=t,r=a*i,n=0,o=.5*(e-r)),{x:n,y:o,height:r,width:a}},et=function(t){var n=arguments.length>1&&arguments[1]!==e?arguments[1]:{},o=arguments[2],a=k("canvas"),r=n.rotation,s=n.crop,h=n.size,u=n.filters;
+if(s){var l=r%180!==0,c={width:l?t.height:t.width,height:l?t.width:t.height},p=s.x/c.width,d=s.y/c.height,f=s.width/c.width,_=s.height/c.height;s.y+s.height>c.height&&(s.y=Math.max(0,c.height-s.height)),s.x+s.width>c.width&&(s.x=Math.max(0,c.width-s.width)),a.width=s.width,a.height=s.height;var m=a.getContext("2d");90===r?(m.translate(.5*a.width,.5*a.height),m.rotate(-90*Math.PI/180),m.drawImage(t,(1-d)*t.width-t.width*_,s.x,s.height,s.width,.5*-a.height,.5*-a.width,a.height,a.width)):180===r?(m.translate(.5*a.width,.5*a.height),m.rotate(-180*Math.PI/180),m.drawImage(t,(1-(p+f))*c.width,(1-(d+_))*c.height,f*c.width,_*c.height,.5*-a.width,.5*-a.height,a.width,a.height)):270===r?(m.translate(.5*a.width,.5*a.height),m.rotate(-270*Math.PI/180),m.drawImage(t,s.y,(1-p)*t.height-t.height*f,s.height,s.width,.5*-a.height,.5*-a.width,a.height,a.width)):m.drawImage(t,s.x,s.y,s.width,s.height,0,0,a.width,a.height)}if(h){var g=h.width/a.width,v=h.height/a.height,y=Math.min(g,v);i(a,y),u.sharpen>0&&nt(a,at(u.sharpen))}o(a)},it=function(t){var e=t.getContext("2d");return e.getImageData(0,0,t.width,t.height)},nt=function(t,e){var i=t.getContext("2d");i.putImageData(e(it(t),t.width,t.height),0,0)},ot=function(t,e,i){var n=document.createElement("canvas");n.width=t,n.height=e;var o=n.getContext("2d"),a=o.createImageData(n.width,n.height);return i&&a.set(i.data),a},at=function(t){return function(e,i,n){for(var o=[0,-1,0,-1,5,-1,0,-1,0],a=Math.round(Math.sqrt(o.length)),r=.5*a|0,s=ot(i,n),h=s.data,u=e.data,l=n,c=void 0;l--;)for(c=i;c--;){for(var p=l,d=c,f=4*(l*i+c),_=0,m=0,g=0,v=0,y=0;y<a;y++)for(var w=0;w<a;w++){var b=p+y-r,k=d+w-r;if(b>=0&&b<n&&k>=0&&k<i){var x=4*(b*i+k),S=o[y*a+w];_+=u[x]*S,m+=u[x+1]*S,g+=u[x+2]*S,v+=u[x+3]*S}}h[f]=_*t+u[f]*(1-t),h[f+1]=m*t+u[f+1]*(1-t),h[f+2]=g*t+u[f+2]*(1-t),h[f+3]=u[f+3]}return s}},rt=function(t,e){var i=Math.abs(t.width-e.width),n=Math.abs(t.height-e.height);return Math.max(i,n)},st=function(t){return ht(t,1)},ht=function(t,e){if(!t)return null;var n=document.createElement("canvas"),o=n.getContext("2d");return n.width=t.width,n.height=t.height,o.drawImage(t,0,0),e>0&&1!=e&&i(n,e),n},ut=function(t){return t.width&&t.height},lt=function(t,e){var i=e.getContext("2d");ut(e)?i.drawImage(t,0,0,e.width,e.height):(e.width=t.width,e.height=t.height,i.drawImage(t,0,0))},ct=function(t){l(t,0,0,t.width,t.height,3)},pt=function(t,e){return parseInt(t.width,10)>=e.width&&parseInt(t.height,10)>=e.height},dt=function(t,e,i){return{x:t.x*e,y:t.y*i,width:t.width*e,height:t.height*i}},ft=function(t,e,i){return{x:t.x/e,y:t.y/i,width:t.width/e,height:t.height/i}},_t=function(t){if(t&&""!==t.value){try{t.value=""}catch(e){}if(t.value){var i=document.createElement("form"),n=t.parentNode,o=t.nextSibling;i.appendChild(t),i.reset(),o?n.insertBefore(t,o):n.appendChild(t)}}},mt=function(t){return"object"===("undefined"==typeof value?"undefined":p(value))&&null!==value?JSON.parse(JSON.stringify(t)):t},gt=function(t){var i=arguments.length>1&&arguments[1]!==e?arguments[1]:null;if(!t)return null;var n=t.slice(0,t.size,i||t.type);return n.name=t.name,t.lastModifiedDate&&(n.lastModifiedDate=new Date(t.lastModifiedDate)),n},vt=function(t){var e=mt(t);return e.input.file=gt(t.input.file),e.output.image=st(t.output.image),e},yt=function(t,i,n){return t&&i?t.toDataURL(i,U(i)&&"number"==typeof n?n/100:e):null},wt=function(t){if(!t)return null;var e=t.substr(0,16).match(/^.+;/);return e.length?e[0].substring(5,e[0].length-1):null},bt=function(t){var i=arguments.length>1&&arguments[1]!==e?arguments[1]:[],n=arguments[2],o=arguments[3],a=arguments[4],r={server:mt(t.server),meta:mt(t.meta),input:{name:t.input.name,type:t.input.type,size:t.input.size,width:t.input.width,height:t.input.height,field:t.input.field}};return L("input",i)&&!a&&(r.input.image=yt(t.input.image,t.input.type)),L("output",i)&&(r.output={name:o?V(t.input.name)+"."+o:t.input.name,type:w[o]||t.input.type,width:t.output.width,height:t.output.height},r.output.image=yt(t.output.image,r.output.type,n),r.output.type=wt(r.output.image),"image/png"===r.output.type&&(r.output.name=V(r.input.name)+".png")),L("actions",i)&&(r.actions=mt(t.actions)),r},kt=function(t,i,n){var o=t.output.image,a=n?V(t.input.name)+"."+n:t.input.name,r=w[n]||t.input.type;"image/png"===r&&(a=V(t.input.name)+".png"),o.toBlob(function(t){if("msSaveBlob"in window.navigator)return void window.navigator.msSaveBlob(t,a);var e=(window.URL||window.webkitURL).createObjectURL(t),i=k("a");i.style.display="none",i.download=a,i.href=e,document.body.appendChild(i),i.click(),setTimeout(function(){document.body.removeChild(i),(window.URL||window.webkitURL).revokeObjectURL(e)},0)},r,"number"==typeof i?i/100:e)},xt=function(t,e,i){var n=i.querySelector(t);n&&(n.style.display=e?"":"none")},St=function(t){return Array.prototype.slice.call(t)},Et=function(t){t.parentNode.removeChild(t)},Ct=function(t){var e=k("div");return t.parentNode&&(t.nextSibling?t.parentNode.insertBefore(e,t.nextSibling):t.parentNode.appendChild(e)),e.appendChild(t),e},Tt=function(t,e,i,n){var o=(n-90)*Math.PI/180;return{x:t+i*Math.cos(o),y:e+i*Math.sin(o)}},Pt=function(t,e,i,n,o){var a=Tt(t,e,i,o),r=Tt(t,e,i,n),s=o-n<=180?"0":"1",h=["M",a.x,a.y,"A",i,i,0,s,0,r.x,r.y].join(" ");return h},Rt=function(t,e,i,n){return Pt(t,e,i,0,360*n)},It=function(){var i={n:function(t,e,i,n){var o,a,r,s,h,u,l,c;return r=t.y+t.height,o=O(e.y,0,r),r-o<i.min.height&&(o=r-i.min.height),h=n?(r-o)/n:t.width,h<i.min.width&&(h=i.min.width,o=r-h*n),l=.5*(h-t.width),s=t.x-l,a=t.x+t.width+l,(s<0||a>i.width)&&(c=Math.min(t.x,i.width-(t.x+t.width)),s=t.x-c,a=t.x+t.width+c,h=a-s,u=h*n,o=r-u),{x:s,y:o,width:a-s,height:r-o}},s:function(t,e,i,n){var o,a,r,s,h,u,l,c;return o=t.y,r=O(e.y,o,i.height),r-o<i.min.height&&(r=o+i.min.height),h=n?(r-o)/n:t.width,h<i.min.width&&(h=i.min.width,r=o+h*n),l=.5*(h-t.width),s=t.x-l,a=t.x+t.width+l,(s<0||a>i.width)&&(c=Math.min(t.x,i.width-(t.x+t.width)),s=t.x-c,a=t.x+t.width+c,h=a-s,u=h*n,r=o+u),{x:s,y:o,width:a-s,height:r-o}},e:function(t,e,i,n){var o,a,r,s,h,u,l,c;return s=t.x,a=O(e.x,s,i.width),a-s<i.min.width&&(a=s+i.min.width),u=n?(a-s)*n:t.height,u<i.min.height&&(u=i.min.height,a=s+u/n),l=.5*(u-t.height),o=t.y-l,r=t.y+t.height+l,(o<0||r>i.height)&&(c=Math.min(t.y,i.height-(t.y+t.height)),o=t.y-c,r=t.y+t.height+c,u=r-o,h=u/n,a=s+h),{x:s,y:o,width:a-s,height:r-o}},w:function n(t,e,i,o){var a,r,s,h,n,u,l,c;return r=t.x+t.width,h=O(e.x,0,r),r-h<i.min.width&&(h=r-i.min.width),u=o?(r-h)*o:t.height,u<i.min.height&&(u=i.min.height,h=r-u/o),l=.5*(u-t.height),a=t.y-l,s=t.y+t.height+l,(a<0||s>i.height)&&(c=Math.min(t.y,i.height-(t.y+t.height)),a=t.y-c,s=t.y+t.height+c,u=s-a,n=u/o,h=r-n),{x:h,y:a,width:r-h,height:s-a}},ne:function(t,e,i,n){var o,a,r,s,h,u,l;return s=t.x,r=t.y+t.height,a=O(e.x,s,i.width),a-s<i.min.width&&(a=s+i.min.width),u=n?(a-s)*n:O(r-e.y,i.min.height,r),u<i.min.height&&(u=i.min.height,a=s+u/n),o=t.y-(u-t.height),(o<0||r>i.height)&&(l=Math.min(t.y,i.height-(t.y+t.height)),o=t.y-l,u=r-o,h=u/n,a=s+h),{x:s,y:o,width:a-s,height:r-o}},se:function(t,e,i,n){var o,a,r,s,h,u,l;return s=t.x,o=t.y,a=O(e.x,s,i.width),a-s<i.min.width&&(a=s+i.min.width),u=n?(a-s)*n:O(e.y-t.y,i.min.height,i.height-o),u<i.min.height&&(u=i.min.height,a=s+u/n),r=t.y+t.height+(u-t.height),(o<0||r>i.height)&&(l=Math.min(t.y,i.height-(t.y+t.height)),r=t.y+t.height+l,u=r-o,h=u/n,a=s+h),{x:s,y:o,width:a-s,height:r-o}},sw:function(t,e,i,n){var o,a,r,s,h,u,l;return a=t.x+t.width,o=t.y,s=O(e.x,0,a),a-s<i.min.width&&(s=a-i.min.width),u=n?(a-s)*n:O(e.y-t.y,i.min.height,i.height-o),u<i.min.height&&(u=i.min.height,s=a-u/n),r=t.y+t.height+(u-t.height),(o<0||r>i.height)&&(l=Math.min(t.y,i.height-(t.y+t.height)),r=t.y+t.height+l,u=r-o,h=u/n,s=a-h),{x:s,y:o,width:a-s,height:r-o}},nw:function(t,e,i,n){var o,a,r,s,h,u,l;return a=t.x+t.width,r=t.y+t.height,s=O(e.x,0,a),a-s<i.min.width&&(s=a-i.min.width),u=n?(a-s)*n:O(r-e.y,i.min.height,r),u<i.min.height&&(u=i.min.height,s=a-u/n),o=t.y-(u-t.height),(o<0||r>i.height)&&(l=Math.min(t.y,i.height-(t.y+t.height)),o=t.y-l,u=r-o,h=u/n,s=a-h),{x:s,y:o,width:a-s,height:r-o}}};return function(){function n(){var i=arguments.length>0&&arguments[0]!==e?arguments[0]:document.createElement("div");t(this,n),this._element=i,this._interaction=null,this._minWidth=0,this._minHeight=0,this._ratio=null,this._rect={x:0,y:0,width:0,height:0},this._space={width:0,height:0},this._rectChanged=!1,this._init()}return c(n,[{key:"_init",value:function(){this._element.className="slim-crop-area";var t=k("div","grid");this._element.appendChild(t);for(var e in i)if(i.hasOwnProperty(e)){var n=k("button",e);this._element.appendChild(n)}var o=k("button","c");this._element.appendChild(o),x(document,y.DOWN,this)}},{key:"reset",value:function(){this._interaction=null,this._rect={x:0,y:0,width:0,height:0},this._rectChanged=!0,this._redraw(),this._element.dispatchEvent(new CustomEvent("change"))}},{key:"rescale",value:function(t){1!==t&&(this._interaction=null,this._rectChanged=!0,this._rect.x*=t,this._rect.y*=t,this._rect.width*=t,this._rect.height*=t,this._redraw(),this._element.dispatchEvent(new CustomEvent("change")))}},{key:"limit",value:function(t,e){this._space.width=t,this._space.height=e}},{key:"offset",value:function(t,e){this._space.x=t,this._space.y=e}},{key:"resize",value:function(t,e,i,n){this._interaction=null,this._rect={x:O(t,0,this._space.width-this._minWidth),y:O(e,0,this._space.height-this._minHeight),width:O(i,this._minWidth,this._space.width),height:O(n,this._minHeight,this._space.height)},this._rectChanged=!0,this._redraw(),this._element.dispatchEvent(new CustomEvent("change"))}},{key:"handleEvent",value:function(t){switch(t.type){case"touchstart":case"pointerdown":case"mousedown":this._onStartDrag(t);break;case"touchmove":case"pointermove":case"mousemove":this._onDrag(t);break;case"touchend":case"touchcancel":case"pointerup":case"mouseup":this._onStopDrag(t)}}},{key:"_onStartDrag",value:function(t){this._element.contains(t.target)&&(t.preventDefault(),x(document,y.MOVE,this),x(document,y.UP,this),this._interaction={type:t.target.className,offset:T(t)},this._interaction.offset.x-=this._rect.x,this._interaction.offset.y-=this._rect.y,this._element.setAttribute("data-dragging","true"),this._redraw())}},{key:"_onDrag",value:function(t){t.preventDefault();var e=T(t),n=this._interaction.type;"c"===n?(this._rect.x=O(e.x-this._interaction.offset.x,0,this._space.width-this._rect.width),this._rect.y=O(e.y-this._interaction.offset.y,0,this._space.height-this._rect.height)):i[n]&&(this._rect=i[n](this._rect,{x:e.x-this._space.x,y:e.y-this._space.y},{x:0,y:0,width:this._space.width,height:this._space.height,min:{width:this._minWidth,height:this._minHeight}},this._ratio)),this._rectChanged=!0,this._element.dispatchEvent(new CustomEvent("input"))}},{key:"_onStopDrag",value:function(t){t.preventDefault(),S(document,y.MOVE,this),S(document,y.UP,this),this._interaction=null,this._element.setAttribute("data-dragging","false"),this._element.dispatchEvent(new CustomEvent("change"))}},{key:"_redraw",value:function(){var t=this;if(this._rectChanged){var e="translate("+this._rect.x+"px,"+this._rect.y+"px);";this._element.style.cssText="\n\t\t\t\t\t-webkit-transform: "+e+";\n\t\t\t\t\ttransform: "+e+";\n\t\t\t\t\twidth:"+this._rect.width+"px;\n\t\t\t\t\theight:"+this._rect.height+"px;\n\t\t\t\t",this._rectChanged=!1}this._interaction&&requestAnimationFrame(function(){return t._redraw()})}},{key:"destroy",value:function(){this._interaction=!1,this._rectChanged=!1,S(document,y.DOWN,this),S(document,y.MOVE,this),S(document,y.UP,this),Et(this._element)}},{key:"element",get:function(){return this._element}},{key:"space",get:function(){return this._space}},{key:"area",get:function(){var t=this._rect.x/this._space.width,e=this._rect.y/this._space.height,i=this._rect.width/this._space.width,n=this._rect.height/this._space.height;return{x:t,y:e,width:i,height:n}}},{key:"dirty",get:function(){return 0!==this._rect.x||0!==this._rect.y||0!==this._rect.width||0!==this._rect.height}},{key:"minWidth",set:function(t){this._minWidth=t}},{key:"minHeight",set:function(t){this._minHeight=t}},{key:"ratio",set:function(t){this._ratio=t}}]),n}()}(),Ot=function(){var i=["input","change"],n=function(){function n(){var i=arguments.length>0&&arguments[0]!==e?arguments[0]:document.createElement("div"),o=arguments.length>1&&arguments[1]!==e?arguments[1]:{};t(this,n),this._element=i,this._options=g(n.options(),o),this._ratio=null,this._output=null,this._input=null,this._preview=null,this._previewBlurred=null,this._blurredPreview=!1,this._cropper=null,this._straightCrop=null,this._previewWrapper=null,this._currentWindowSize={},this._btnGroup=null,this._maskFrame=null,this._dirty=!1,this._wrapperRotation=0,this._wrapperScale=1,this._init()}return c(n,[{key:"_init",value:function(){var t=this;this._element.className="slim-image-editor",this._container=k("div","slim-container"),this._wrapper=k("div","slim-wrapper"),this._stage=k("div","slim-stage"),this._container.appendChild(this._stage),this._cropper=new It,i.forEach(function(e){t._cropper.element.addEventListener(e,t)}),this._stage.appendChild(this._cropper.element),this._previewWrapper=k("div","slim-image-editor-preview slim-crop-preview"),this._previewBlurred=k("canvas","slim-crop-blur"),this._previewWrapper.appendChild(this._previewBlurred),this._wrapper.appendChild(this._previewWrapper),this._previewMask=k("div","slim-crop-mask"),this._preview=k("img"),this._previewMask.appendChild(this._preview),this._cropper.element.appendChild(this._previewMask),this._btnGroup=k("div","slim-editor-btn-group"),n.Buttons.forEach(function(e){var i=R(e),n=t._options["button"+i+"Label"],o=t._options["button"+i+"Title"],a=t._options["button"+i+"ClassName"],r=k("button","slim-editor-btn slim-btn-"+e+(a?" "+a:""));r.innerHTML=n,r.title=o||n,r.type="button",r.setAttribute("data-action",e),r.addEventListener("click",t),t._btnGroup.appendChild(r)}),this._utilsGroup=k("div","slim-editor-utils-group");var e=k("button","slim-editor-utils-btn slim-btn-rotate"+(this._options.buttonRotateClassName?" "+this._options.buttonRotateClassName:""));e.setAttribute("data-action","rotate"),e.addEventListener("click",this),e.title=this._options.buttonRotateTitle,this._utilsGroup.appendChild(e),this._container.appendChild(this._wrapper),this._element.appendChild(this._container),this._element.appendChild(this._utilsGroup),this._element.appendChild(this._btnGroup)}},{key:"dirty",value:function(){this._dirty=!0}},{key:"handleEvent",value:function(t){switch(t.type){case"click":this._onClick(t);break;case"change":this._onGridChange(t);break;case"input":this._onGridInput(t);break;case"keydown":this._onKeyDown(t);break;case"resize":this._onResize(t)}}},{key:"_onKeyDown",value:function(t){switch(t.keyCode){case v.RETURN:this._confirm();break;case v.ESC:this._cancel()}}},{key:"_onClick",value:function(t){t.target.classList.contains("slim-btn-cancel")&&this._cancel(),t.target.classList.contains("slim-btn-confirm")&&this._confirm(),t.target.classList.contains("slim-btn-rotate")&&this._rotate()}},{key:"_onResize",value:function(){this._currentWindowSize={width:window.innerWidth,height:window.innerHeight},this._redraw(),this._redrawCropper(this._cropper.area),this._updateWrapperScale(),this._redrawWrapper()}},{key:"_redrawWrapper",value:function(){var t=u.createMatrix();t.scale(this._wrapperScale,this._wrapperScale),t.rotateZ(this._wrapperRotation*(Math.PI/180)),u.setElementTransform(this._previewWrapper,t)}},{key:"_onGridInput",value:function(){this._redrawCropMask()}},{key:"_onGridChange",value:function(){this._redrawCropMask()}},{key:"_updateWrapperRotation",value:function(){this._options.minSize.width>this._input.height||this._options.minSize.height>this._input.width?this._wrapperRotation+=180:this._wrapperRotation+=90}},{key:"_updateWrapperScale",value:function(){var t=this._wrapperRotation%180!==0;if(t){var e=this._container.offsetWidth,i=this._container.offsetHeight,n=this._wrapper.offsetHeight,o=this._wrapper.offsetWidth,a=e/n;a*o>i&&(a=i/o),this._wrapperScale=a}else this._wrapperScale=1}},{key:"_cancel",value:function(){this._element.dispatchEvent(new CustomEvent("cancel"))}},{key:"_confirm",value:function(){var t=this._wrapperRotation%180!==0,e=this._cropper.area,i=dt(e,t?this._input.height:this._input.width,t?this._input.width:this._input.height);this._element.dispatchEvent(new CustomEvent("confirm",{detail:{rotation:this._wrapperRotation%360,crop:i}}))}},{key:"_rotate",value:function(){var t=this;this._updateWrapperRotation();var e=1===this.ratio||null===this._ratio?this._cropper.area:null;e&&C(e,90),this._updateWrapperScale(),this._hideCropper(),u(this._previewWrapper,{rotation:[0,0,this._wrapperRotation*(Math.PI/180)],scale:[this._wrapperScale,this._wrapperScale],easing:"spring",springConstant:.8,springDeceleration:.65,complete:function(){t._redrawCropper(e),t._showCropper()}})}},{key:"_showCropper",value:function(){u(this._stage,{easing:"ease",duration:250,fromOpacity:0,opacity:1})}},{key:"_hideCropper",value:function(){u(this._stage,{duration:0,fromOpacity:0,opacity:0})}},{key:"_redrawCropMask",value:function(){var t=this,e=this._wrapperRotation%360,i=this._wrapperScale,n={width:this._wrapper.offsetWidth,height:this._wrapper.offsetHeight},o=this._cropper.area,a={x:0,y:0};0===e?(a.x=-o.x,a.y=-o.y):90===e?(a.x=-(1-o.y),a.y=-o.x):180===e?(a.x=-(1-o.x),a.y=-(1-o.y)):270===e&&(a.x=-o.y,a.y=-(1-o.x)),a.x*=n.width,a.y*=n.height,cancelAnimationFrame(this._maskFrame),this._maskFrame=requestAnimationFrame(function(){var n="scale("+i+") rotate("+-e+"deg) translate("+a.x+"px, "+a.y+"px);";t._preview.style.cssText="\n\t\t\t\t\twidth: "+t._previewSize.width+"px;\n\t\t\t\t\theight: "+t._previewSize.height+"px;\n\t\t\t\t\t-webkit-transform: "+n+";\n\t\t\t\t\ttransform: "+n+";\n\t\t\t\t"})}},{key:"open",value:function(t,e,i,n,o){var a=this;if(this._input&&!this._dirty&&this._ratio===e)return void o();this._currentWindowSize={width:window.innerWidth,height:window.innerHeight},this._dirty=!1,this._wrapperRotation=n||0,this._blurredPreview=!1,this._ratio=e,this._previewSize=null,this._element.style.opacity="0",this._input=t;var r=n%180!==0,s=ft(i,r?t.height:t.width,r?t.width:t.height);this._preview.onload=function(){a._preview.onload=null,a._cropper.ratio=a.ratio,a._redraw(),a._redrawCropper(s),o(),a._element.style.opacity=""},this._preview.src=ht(this._input,Math.min(this._container.offsetWidth/this._input.width,this._container.offsetHeight/this._input.height)).toDataURL()}},{key:"_redrawCropper",value:function(t){var e=this._wrapperRotation%180!==0,i=e?this._input.height/this._input.width:this._input.width/this._input.height,n=this._wrapper.offsetWidth,o=this._wrapper.offsetHeight,a=this._container.offsetWidth,r=this._container.offsetHeight;this._updateWrapperScale();var s=this._wrapperScale*(e?o:n),h=this._wrapperScale*(e?n:o),u=e?.5*(a-s):this._wrapper.offsetLeft,l=e?.5*(r-h):this._wrapper.offsetTop;this._stage.style.cssText="\n\t\t\t\tleft:"+u+"px;\n\t\t\t\ttop:"+l+"px;\n\t\t\t\twidth:"+s+"px;\n\t\t\t\theight:"+h+"px;\n\t\t\t",this._cropper.limit(s,s/i),this._cropper.offset(u+this._element.offsetLeft,l+this._element.offsetTop),this._cropper.minWidth=this._wrapperScale*this._options.minSize.width*this.scalar,this._cropper.minHeight=this._wrapperScale*this._options.minSize.height*this.scalar;var c=null;c=t?{x:t.x*s,y:t.y*h,width:t.width*s,height:t.height*h}:tt(s,h,this._ratio||h/s),this._cropper.resize(c.x,c.y,c.width,c.height)}},{key:"_redraw",value:function(){var t=this._input.height/this._input.width,e=this._container.clientWidth,i=this._container.clientHeight,n=e,o=n*t;o>i&&(o=i,n=o/t),n=Math.round(n),o=Math.round(o);var a=(e-n)/2,r=(i-o)/2;this._wrapper.style.cssText="\n\t\t\t\tleft:"+a+"px;\n\t\t\t\ttop:"+r+"px;\n\t\t\t\twidth:"+n+"px;\n\t\t\t\theight:"+o+"px;\n\t\t\t",this._previewBlurred.style.cssText="\n\t\t\t\twidth:"+n+"px;\n\t\t\t\theight:"+o+"px;\n\t\t\t",this._preview.style.cssText="\n\t\t\t\twidth:"+n+"px;\n\t\t\t\theight:"+o+"px;\n\t\t\t",this._previewSize={width:n,height:o},this._blurredPreview||(this._previewBlurred.width=300,this._previewBlurred.height=this._previewBlurred.width*t,lt(this._input,this._previewBlurred),ct(this._previewBlurred,3),this._blurredPreview=!0)}},{key:"show",value:function(){var t=arguments.length>0&&arguments[0]!==e?arguments[0]:function(){};this._currentWindowSize.width===window.innerWidth&&this._currentWindowSize.height===window.innerHeight||(this._redraw(),this._redrawCropper(this._cropper.area)),document.addEventListener("keydown",this),window.addEventListener("resize",this);var i=this._wrapperRotation*(Math.PI/180);u(this._previewWrapper,{fromRotation:[0,0,i],rotation:[0,0,i],fromPosition:[0,0,0],position:[0,0,0],fromOpacity:0,opacity:1,fromScale:[this._wrapperScale-.02,this._wrapperScale-.02],scale:[this._wrapperScale,this._wrapperScale],easing:"spring",springConstant:.3,springDeceleration:.85,delay:450,complete:function(){}}),this._cropper.dirty?u(this._stage,{fromPosition:[0,0,0],position:[0,0,0],fromOpacity:0,opacity:1,duration:250,delay:850,complete:function(){D(this),t()}}):u(this._stage,{fromPosition:[0,0,0],position:[0,0,0],fromOpacity:0,opacity:1,duration:250,delay:1e3,complete:function(){D(this)}}),u(this._btnGroup.childNodes,{fromScale:[.9,.9],scale:[1,1],fromOpacity:0,opacity:1,delay:function(t){return 1e3+100*t},easing:"spring",springConstant:.3,springDeceleration:.85,complete:function(){D(this)}}),u(this._utilsGroup.childNodes,{fromScale:[.9,.9],scale:[1,1],fromOpacity:0,opacity:1,easing:"spring",springConstant:.3,springDeceleration:.85,delay:1250,complete:function(){D(this)}})}},{key:"hide",value:function(){var t=arguments.length>0&&arguments[0]!==e?arguments[0]:function(){};document.removeEventListener("keydown",this),window.removeEventListener("resize",this),u(this._utilsGroup.childNodes,{fromOpacity:1,opacity:0,duration:250}),u(this._btnGroup.childNodes,{fromOpacity:1,opacity:0,delay:200,duration:350}),u([this._stage,this._previewWrapper],{fromPosition:[0,0,0],position:[0,-250,0],fromOpacity:1,opacity:0,easing:"spring",springConstant:.3,springDeceleration:.75,delay:250,allDone:function(){t()}})}},{key:"destroy",value:function(){var t=this;St(this._btnGroup.children).forEach(function(e){e.removeEventListener("click",t)}),i.forEach(function(e){t._cropper.element.removeEventListener(e,t)}),this._cropper.destroy(),this._element.parentNode&&Et(this._element)}},{key:"showRotateButton",set:function(t){t?this._element.classList.remove("slim-rotation-disabled"):this._element.classList.add("slim-rotation-disabled")}},{key:"element",get:function(){return this._element}},{key:"ratio",get:function(){return"input"===this._ratio?this._input.height/this._input.width:this._ratio}},{key:"offset",get:function(){return this._element.getBoundingClientRect()}},{key:"original",get:function(){return this._input}},{key:"scalar",get:function(){return this._previewSize.width/this._input.width}}],[{key:"options",value:function(){return{buttonCancelClassName:null,buttonConfirmClassName:null,buttonCancelLabel:"Cancel",buttonConfirmLabel:"Confirm",buttonCancelTitle:null,buttonConfirmTitle:null,buttonRotateTitle:"Rotate",buttonRotateClassName:null,minSize:{width:0,height:0}}}}]),n}();return n.Buttons=["cancel","confirm"],n}(It),Lt=function(){var i=["dragover","dragleave","drop"];return function(){function n(){var i=arguments.length>0&&arguments[0]!==e?arguments[0]:document.createElement("div");t(this,n),this._element=i,this._accept=[],this._allowURLs=!1,this._dragPath=null,this._init()}return c(n,[{key:"isValidDataTransfer",value:function(t){return t.files&&t.files.length?this.areValidDataTransferFiles(t.files):t.items&&t.items.length?this.areValidDataTransferItems(t.items):null}},{key:"areValidDataTransferFiles",value:function(t){return!this._accept.length||!t||this._accept.indexOf(t[0].type)!==-1}},{key:"areValidDataTransferItems",value:function(t){return!this._accept.length||!t||(this._allowURLs&&"string"===t[0].kind?null:t[0].type&&0===t[0].type.indexOf("application")?null:this._accept.indexOf(t[0].type)!==-1)}},{key:"reset",value:function(){this._element.files=null}},{key:"_init",value:function(){var t=this;this._element.className="slim-file-hopper",i.forEach(function(e){t._element.addEventListener(e,t)})}},{key:"handleEvent",value:function(t){switch(t.type){case"dragover":this._onDragOver(t);break;case"dragleave":this._onDragLeave(t);break;case"drop":this._onDrop(t)}}},{key:"_onDrop",value:function(t){t.preventDefault();var e=null;if(this._allowURLs){var i=t.dataTransfer.getData("url"),n=t.dataTransfer.getData("text/html");if(n&&n.length){var o=n.match(/src\s*=\s*"(.+?)"/);o&&(e=o[1])}else i&&i.length&&(e=i)}if(e)this._element.files=[{remote:e}];else{var a=this.isValidDataTransfer(t.dataTransfer);if(!a)return this._element.dispatchEvent(new CustomEvent("file-invalid-drop")),void(this._dragPath=null);this._element.files=t.dataTransfer.files}this._element.dispatchEvent(new CustomEvent("file-drop",{detail:m(t)})),this._element.dispatchEvent(new CustomEvent("change")),this._dragPath=null}},{key:"_onDragOver",value:function(t){t.preventDefault(),t.dataTransfer.dropEffect="copy";var e=this.isValidDataTransfer(t.dataTransfer);return null===e||e?(this._dragPath||(this._dragPath=[]),this._dragPath.push(m(t)),void this._element.dispatchEvent(new CustomEvent("file-over",{detail:{x:I(this._dragPath).x,y:I(this._dragPath).y}}))):(t.dataTransfer.dropEffect="none",void this._element.dispatchEvent(new CustomEvent("file-invalid")))}},{key:"_onDragLeave",value:function(t){this._element.dispatchEvent(new CustomEvent("file-out",{detail:m(t)})),this._dragPath=null}},{key:"destroy",value:function(){var t=this;i.forEach(function(e){t._element.removeEventListener(e,t)}),Et(this._element),this._element=null,this._dragPath=null,this._accept=null}},{key:"element",get:function(){return this._element}},{key:"dragPath",get:function(){return this._dragPath}},{key:"enabled",get:function(){return""===this._element.style.display},set:function(t){this._element.style.display=t?"":"none"}},{key:"allowURLs",set:function(t){this._allowURLs=t}},{key:"accept",set:function(t){this._accept=t},get:function(){return this._accept}}]),n}()}(),Mt=function(){return function(){function i(){t(this,i),this._element=null,this._inner=null,this._init()}return c(i,[{key:"_init",value:function(){this._element=k("div","slim-popover"),this._element.setAttribute("data-state","off"),document.body.appendChild(this._element)}},{key:"show",value:function(){var t=this,i=arguments.length>0&&arguments[0]!==e?arguments[0]:function(){};this._element.setAttribute("data-state","on"),u(this._element,{fromOpacity:0,opacity:1,duration:350,complete:function(){D(t._element),i()}})}},{key:"hide",value:function(){var t=this,i=arguments.length>0&&arguments[0]!==e?arguments[0]:function(){};u(this._element,{fromOpacity:1,opacity:0,duration:500,complete:function(){D(t._element),t._element.setAttribute("data-state","off"),i()}})}},{key:"destroy",value:function(){this._element.parentNode&&(this._element.parentNode.removeChild(this._element),this._element=null,this._inner=null)}},{key:"inner",set:function(t){this._inner=t,this._element.firstChild&&this._element.removeChild(this._element.firstChild),this._element.appendChild(this._inner)}}]),i}()}(),Dt=function(t,e){return t.split(e).map(function(t){return parseInt(t,10)})},zt=function(t){return"DIV"===t.nodeName||"SPAN"===t.nodeName},At={AUTO:"auto",INITIAL:"initial",MANUAL:"manual"},Ut=["x","y","width","height"],Ht=["file-invalid-drop","file-invalid","file-drop","file-over","file-out","click"],Bt=["cancel","confirm"],Nt=["remove","edit","download","upload"],Ft=null,Wt=0,jt='\n<div class="slim-loader">\n\t<svg>\n\t\t<path class="slim-loader-background" fill="none" stroke-width="3" />\n\t\t<path class="slim-loader-foreground" fill="none" stroke-width="3" />\n\t</svg>\n</div>\n',qt='\n<div class="slim-upload-status"></div>\n',Vt=function(t){var e=t.split(",");return{width:parseInt(e[0],10),height:parseInt(e[1],10)}},Gt=function(){function i(n){var o=arguments.length>1&&arguments[1]!==e?arguments[1]:{};t(this,i),Ft||(Ft=new Mt),this._uid=Wt++,this._options=g(i.options(),o),this._options.forceSize&&("string"==typeof this._options.forceSize&&(this._options.forceSize=Vt(this._options.forceSize)),this._options.ratio=this._options.forceSize.width+":"+this._options.forceSize.height,this._options.size=mt(this._options.forceSize)),"string"==typeof this._options.size&&(this._options.size=Vt(this._options.size)),"string"==typeof this._options.minSize&&(this._options.minSize=Vt(this._options.minSize)),this._originalElement=n,this._originalElementInner=n.innerHTML,this._originalElementAttributes=_(n),zt(n)?this._element=n:(this._element=Ct(n),this._element.className=n.className,n.className="",this._element.setAttribute("data-ratio",this._options.ratio)),this._element.classList.add("slim"),this._element.setAttribute("data-state","init"),this._state=[],this._timers=[],this._input=null,this._inputReference=null,this._output=null,this._ratio=null,this._isRequired=!1,this._imageHopper=null,this._imageEditor=null,this._progressEnabled=!0,this._data={},this._resetData(),this._drip=null,this._hasInitialImage=!1,this._initialCrop=this._options.crop,this._initialRotation=this._options.rotation&&this._options.rotation%90===0?this._options.rotation:null,this._isBeingDestroyed=!1,i.supported?this._init():this._fallback()}return c(i,[{key:"setRotation",value:function(t,e){if("number"==typeof t||t%90===0){this._data.actions.rotation=t;var i=this._data.actions.rotation%180!==0;if(this._data.input.image){var n=i?this._data.input.image.height:this._data.input.image.width,o=i?this._data.input.image.width:this._data.input.image.height;this._data.actions.crop=tt(n,o,this._ratio),this._data.actions.crop.type=At.AUTO}this._data.input.image&&e&&this._manualTransform(e)}}},{key:"setSize",value:function(t,e){"string"==typeof t&&(t=Vt(t)),t&&t.width&&t.height&&(this._options.size=mt(t),this._data.actions.size=mt(t),this._data.input.image&&e&&this._manualTransform(e))}},{key:"setRatio",value:function(t,e){var i=this;if(t&&"string"==typeof t&&(this._options.ratio=t,this._isFixedRatio())){var n=Dt(this._options.ratio,":");this._ratio=n[1]/n[0],this._data.input.image&&e?this._cropAuto(function(t){i._scaleDropArea(i._ratio),e&&e(t)}):(this._data.input.image&&(this._data.actions.crop=tt(this._data.input.image.width,this._data.input.image.height,this._ratio),this._data.actions.crop.type=At.AUTO),this._scaleDropArea(this._ratio),e&&e(null))}}},{key:"isAttachedTo",value:function(t){return this._element===t||this._originalElement===t}},{key:"isDetached",value:function(){return null===this._element.parentNode}},{key:"load",value:function(t){var i=arguments.length>1&&arguments[1]!==e?arguments[1]:{},n=arguments[2];"function"==typeof i?n=i:(this._options.crop=i.crop,this._options.rotation=i.rotation,this._initialRotation=i.rotation&&i.rotation%90===0?i.rotation:null,this._initialCrop=this._options.crop),this._load(t,n)}},{key:"upload",value:function(t){this._doUpload(t)}},{key:"download",value:function(){this._doDownload()}},{key:"remove",value:function(){return this._doRemove()}},{key:"destroy",value:function(){this._doDestroy()}},{key:"edit",value:function(){this._doEdit()}},{key:"crop",value:function(t,e){this._crop(t.x,t.y,t.width,t.height,e)}},{key:"containsImage",value:function(){return null!==this._data.input.name}},{key:"_canInstantEdit",value:function(){return this._options.instantEdit&&!this._isInitialising}},{key:"_getFileInput",value:function(){return this._element.querySelector("input[type=file]")}},{key:"_getInitialImage",value:function(){return this._element.querySelector("img")}},{key:"_getInputElement",value:function(){return this._getFileInput()||this._getInitialImage()}},{key:"_getRatioSpacerElement",value:function(){return this._element.children[0]}},{key:"_isImageOnly",value:function(){return"INPUT"!==this._input.nodeName;
+}},{key:"_isFixedRatio",value:function(){return this._options.ratio.indexOf(":")!==-1}},{key:"_isAutoCrop",value:function(){return this._data.actions.crop.type===At.AUTO}},{key:"_toggleButton",value:function(t,e){xt('.slim-btn[data-action="'+t+'"]',e,this._element)}},{key:"_clearState",value:function(){this._state=[],this._updateState()}},{key:"_removeState",value:function(t){this._state=this._state.filter(function(e){return e!==t}),this._updateState()}},{key:"_addState",value:function(t){L(t,this._state)||(this._state.push(t),this._updateState())}},{key:"_updateState",value:function(){this._element&&this._element.setAttribute("data-state",this._state.join(","))}},{key:"_resetData",value:function(){this._data={server:null,meta:mt(this._options.meta),input:{field:this._inputReference,name:null,type:null,width:0,height:0,file:null},output:{image:null,width:0,height:0},actions:{rotation:null,crop:null,size:null}},this._output&&(this._output.value=""),_t(this._getFileInput())}},{key:"_init",value:function(){var t=this;this._isInitialising=!0,this._addState("empty"),L("input",this._options.post)&&(this._inputReference="slim_input_"+this._uid),this._input=this._getInputElement(),this._input||(this._input=k("input"),this._input.type="file",this._element.appendChild(this._input)),this._isRequired=this._input.required===!0,this._output=this._element.querySelector("input[type=hidden]"),this._output||(this._output=k("input"),this._output.type="hidden",this._output.name=this._input.name||this._options.defaultInputName,this._element.appendChild(this._output)),this._input.removeAttribute("name");var e=k("div","slim-area"),i=this._getInitialImage(),n=(i||{}).src;n?this._hasInitialImage=!0:(this._initialCrop=null,this._initialRotation=null);var o='\n\t\t<div class="slim-result">\n\t\t\t<img class="in" style="opacity:0" '+(n?'src="'+n+'"':"")+'><img><img style="opacity:0">\n\t\t</div>';if(this._isImageOnly())e.innerHTML="\n\t\t\t\t"+jt+"\n\t\t\t\t"+qt+"\n\t\t\t\t"+o+"\n\t\t\t";else{L("input",this._options.post)&&(this._data.input.field=this._inputReference,this._options.service||(this._input.name=this._inputReference));var a=void 0;this._input.hasAttribute("accept")&&"image/*"!==this._input.getAttribute("accept")?a=this._input.accept.split(",").map(function(t){return t.trim()}).filter(function(t){return t.length>0}):(a=A(),this._input.setAttribute("accept",a.join(","))),this._imageHopper=new Lt,this._imageHopper.accept=a,this._imageHopper.allowURLs="string"==typeof this._options.fetcher,this._element.appendChild(this._imageHopper.element),Ht.forEach(function(e){t._imageHopper.element.addEventListener(e,t)}),e.innerHTML="\n\t\t\t\t"+jt+"\n\t\t\t\t"+qt+'\n\t\t\t\t<div class="slim-drip"><span><span></span></span></div>\n\t\t\t\t<div class="slim-status"><div class="slim-label">'+(this._options.label||"")+'</div><div class="slim-label-loading">'+(this._options.labelLoading||"")+"</div></div>\n\t\t\t\t"+o+"\n\t\t\t",this._input.addEventListener("change",this)}if(this._element.appendChild(e),this._btnGroup=k("div","slim-btn-group"),this._btnGroup.style.display="none",this._element.appendChild(this._btnGroup),Nt.filter(function(e){return t._isButtonAllowed(e)}).forEach(function(e){var i=R(e),n=t._options["button"+i+"Label"],o=t._options["button"+i+"Title"]||n,a=t._options["button"+i+"ClassName"],r=k("button","slim-btn slim-btn-"+e+(a?" "+a:""));r.innerHTML=n,r.title=o,r.type="button",r.addEventListener("click",t),r.setAttribute("data-action",e),t._btnGroup.appendChild(r)}),this._isFixedRatio()){var r=Dt(this._options.ratio,":");this._ratio=r[1]/r[0],this._scaleDropArea(this._ratio)}this._updateProgress(.5),n?this._load(n,function(){t._onInit()}):this._onInit()}},{key:"_onInit",value:function(){var t=this;this._isInitialising=!1;var e=function(){var e=setTimeout(function(){t._options.didInit.apply(t,[t.data])},0);t._timers.push(e)};this._options.saveInitialImage&&this.containsImage()?this._options.service||this._save(function(){e()},!1):(this._options.service&&this.containsImage()&&this._toggleButton("upload",!1),e())}},{key:"_updateProgress",value:function(t){if(t=Math.min(.99999,t),this._element&&this._progressEnabled){var e=this._element.querySelector(".slim-loader");if(e){var i=e.offsetWidth,n=e.querySelectorAll("path"),o=parseInt(n[0].getAttribute("stroke-width"),10);n[0].setAttribute("d",Rt(.5*i,.5*i,.5*i-o,.9999)),n[1].setAttribute("d",Rt(.5*i,.5*i,.5*i-o,t))}}}},{key:"_startProgress",value:function(t){var e=this;if(this._element){this._progressEnabled=!1;var i=this._element.querySelector(".slim-loader");if(i){var n=i.children[0];this._stopProgressLoop(function(){i.removeAttribute("style"),n.removeAttribute("style"),e._progressEnabled=!0,e._updateProgress(0),e._progressEnabled=!1,u(n,{fromOpacity:0,opacity:1,duration:250,complete:function(){e._progressEnabled=!0,t&&t()}})})}}}},{key:"_stopProgress",value:function(){var t=this;if(this._element){var e=this._element.querySelector(".slim-loader");if(e){var i=e.children[0];this._updateProgress(1),u(i,{fromOpacity:1,opacity:0,duration:250,complete:function(){e.removeAttribute("style"),i.removeAttribute("style"),t._updateProgress(.5),t._progressEnabled=!1}})}}}},{key:"_startProgressLoop",value:function(){if(this._element){var t=this._element.querySelector(".slim-loader");if(t){var e=t.children[0];t.removeAttribute("style"),e.removeAttribute("style"),this._updateProgress(.5);var i=1e3;u(t,"stop"),u(t,{rotation:[0,0,-(2*Math.PI)*i],easing:"linear",duration:1e3*i}),u(e,{fromOpacity:0,opacity:1,duration:250})}}}},{key:"_stopProgressLoop",value:function(t){if(this._element){var e=this._element.querySelector(".slim-loader");if(e){var i=e.children[0];u(i,{fromOpacity:parseFloat(i.style.opacity),opacity:0,duration:250,complete:function(){u(e,"stop"),e.removeAttribute("style"),i.removeAttribute("style"),t&&t()}})}}}},{key:"_isButtonAllowed",value:function(t){return"edit"===t?this._options.edit:"download"===t?this._options.download:"upload"===t?!!this._options.service&&!this._options.push:"remove"!==t||!this._isImageOnly()}},{key:"_fallback",value:function(){var t=k("div","slim-area");t.innerHTML='\n\t\t\t<div class="slim-status"><div class="slim-label">'+(this._options.label||"")+"</div></div>\n\t\t",this._element.appendChild(t),this._throwError(this._options.statusNoSupport)}},{key:"handleEvent",value:function(t){switch(t.type){case"click":this._onClick(t);break;case"change":this._onChange(t);break;case"cancel":this._onCancel(t);break;case"confirm":this._onConfirm(t);break;case"file-over":this._onFileOver(t);break;case"file-out":this._onFileOut(t);break;case"file-drop":this._onDropFile(t);break;case"file-invalid":this._onInvalidFile(t);break;case"file-invalid-drop":this._onInvalidFileDrop(t)}}},{key:"_getIntro",value:function(){return this._element.querySelector(".slim-result .in")}},{key:"_getOutro",value:function(){return this._element.querySelector(".slim-result .out")}},{key:"_getInOut",value:function(){return this._element.querySelectorAll(".slim-result img")}},{key:"_getDrip",value:function(){return this._drip||(this._drip=this._element.querySelector(".slim-drip > span")),this._drip}},{key:"_throwError",value:function(t){this._addState("error"),this._element.querySelector(".slim-label").style.display="none";var e=this._element.querySelector(".slim-error");e||(e=k("div","slim-error"),this._element.querySelector(".slim-status").appendChild(e)),e.innerHTML=t}},{key:"_removeError",value:function(){this._removeState("error"),this._element.querySelector(".slim-label").style.display="";var t=this._element.querySelector(".slim-error");t&&t.parentNode.removeChild(t)}},{key:"_openFileDialog",value:function(){this._removeError(),this._input.click()}},{key:"_onClick",value:function(t){var e=this,i=t.target.classList,n=t.target;if(i.contains("slim-file-hopper"))return void this._openFileDialog();switch(n.getAttribute("data-action")){case"remove":this._options.willRemove.apply(this,[this.data,function(){e._doRemove()}]);break;case"edit":this._doEdit();break;case"download":this._doDownload();break;case"upload":this._doUpload()}}},{key:"_onInvalidFileDrop",value:function(){this._onInvalidFile(),this._removeState("file-over");var t=this._getDrip();u(t.firstChild,{fromScale:[.5,.5],scale:[0,0],fromOpacity:.5,opacity:0,duration:150,complete:function(){D(t.firstChild)}})}},{key:"_onInvalidFile",value:function(){var t=this._imageHopper.accept.map(H),e=this._options.statusFileType.replace("$0",t.join(", "));this._throwError(e)}},{key:"_onImageTooSmall",value:function(){var t=this._options.statusImageTooSmall.replace("$0",this._options.minSize.width+" × "+this._options.minSize.height);this._throwError(t)}},{key:"_onOverWeightFile",value:function(){var t=this._options.statusFileSize.replace("$0",this._options.maxFileSize);this._throwError(t)}},{key:"_onRemoteURLProblem",value:function(t){this._throwError(t)}},{key:"_onFileOver",value:function(t){this._addState("file-over"),this._removeError();var e=this._getDrip(),i=u.createMatrix();i.translate(t.detail.x,t.detail.y,0),u.setElementTransform(e,i),1==this._imageHopper.dragPath.length&&(e.style.opacity=1,u(e.firstChild,{fromOpacity:0,opacity:.5,fromScale:[0,0],scale:[.5,.5],duration:150}))}},{key:"_onFileOut",value:function(t){this._removeState("file-over"),this._removeState("file-invalid"),this._removeError();var e=this._getDrip(),i=u.createMatrix();i.translate(t.detail.x,t.detail.y,0),u.setElementTransform(e,i),u(e.firstChild,{fromScale:[.5,.5],scale:[0,0],fromOpacity:.5,opacity:0,duration:150,complete:function(){D(e.firstChild)}})}},{key:"_onDropFile",value:function(t){var e=this;this._removeState("file-over");var i=this._getDrip(),n=u.createMatrix();n.translate(t.detail.x,t.detail.y,0),u.setElementTransform(i,n);var o=this._imageHopper.dragPath.length,a=this._imageHopper.dragPath[o-Math.min(10,o)],r=t.detail.x-a.x,s=t.detail.y-a.y;u(i,{fromPosition:[t.detail.x,t.detail.y,0],position:[t.detail.x+r,t.detail.y+s,0],duration:200}),u(i.firstChild,{fromScale:[.5,.5],scale:[2,2],fromOpacity:1,opacity:0,duration:200,complete:function(){D(i.firstChild),e._load(t.target.files[0])}})}},{key:"_onChange",value:function(t){t.target.files.length&&this._load(t.target.files[0])}},{key:"_load",value:function(t,e){var i=this;if(!this._isBeingDestroyed){if(this.containsImage())return clearTimeout(this._replaceTimeout),void this._doRemove(function(){i._replaceTimeout=setTimeout(function(){i._load(t,e)},100)});this._removeState("empty"),this._addState("busy"),this._startProgressLoop(),this._imageHopper&&(this._imageHopper.enabled=!1),clearTimeout(this._loadTimeout);var n=function(){clearTimeout(i._loadTimeout),i._loadTimeout=setTimeout(function(){i._isBeingDestroyed||(i._addState("loading"),u(i._element.querySelector(".slim-label-loading"),{fromOpacity:0,opacity:1,duration:250}))},500)},o=function(){i._imageHopper&&(i._imageHopper.enabled=!0),i._removeState("loading"),i._removeState("busy"),i._addState("empty"),i._stopProgressLoop()};if("string"==typeof t)return void(X(t)?this._load(Z(t),e):(n(),$(t,function(t){i._load(t,e)})));if("undefined"!=typeof t.remote&&this._options.fetcher)return void Y(this._options.fetcher,t.remote,function(t){o(),i._onRemoteURLProblem("<p>"+t+"</p>"),e&&e.apply(i,["remote-url-problem"])},function(t){i._load(t,e)});var a=t;if(this._imageHopper&&this._imageHopper.accept.indexOf(a.type)===-1)return o(),this._onInvalidFile(),void(e&&e.apply(this,["file-invalid"]));if(a.size&&this._options.maxFileSize&&z(a.size)>this._options.maxFileSize)return o(),this._onOverWeightFile(),void(e&&e.apply(this,["file-too-big"]));this._imageEditor&&this._imageEditor.dirty(),this._data.input.name=j(a),this._data.input.type=q(a),this._data.input.size=a.size,this._data.input.file=a,Q(a,this._options.internalCanvasSize,function(t,n){var o=function(){i._imageHopper&&(i._imageHopper.enabled=!0),i._removeState("loading"),i._removeState("busy"),i._addState("empty"),i._stopProgressLoop(),i._resetData()};if(!t)return o(),void(e&&e.apply(i,["file-not-found"]));if(!pt(t,i._options.minSize))return o(),i._onImageTooSmall(),void(e&&e.apply(i,["image-too-small"]));var r=i._options.didLoad.apply(i,[a,t,n]);if(r!==!0)return o(),r!==!1&&i._throwError(r),void(e&&e.apply(i,[r]));i._removeState("loading");var s=function(t){i._imageHopper&&i._options.dropReplace&&(i._imageHopper.enabled=!0);var e=i._getIntro(),n={fromScale:[1.25,1.25],scale:[1,1],fromOpacity:0,opacity:1,complete:function(){D(e),e.style.opacity=1,t()}};i.isDetached()?n.duration=1:(n.easing="spring",n.springConstant=.3,n.springDeceleration=.7),i._canInstantEdit()&&(n.delay=500,n.duration=1,i._doEdit()),u(e,n)};i._loadCanvas(t,function(t){i._addState("preview"),s(function(){i._canInstantEdit()||t||i._showButtons(),t||(i._stopProgressLoop(),i._removeState("busy")),e&&e.apply(i,[null,i.data])})},function(){i._canInstantEdit()||i._showButtons(),i._removeState("busy")})})}}},{key:"_loadCanvas",value:function(t,e,i){var n=this;if(!this._isBeingDestroyed){this._data.input.image=t,this._data.input.width=t.width,this._data.input.height=t.height,this._initialRotation&&(this._data.actions.rotation=this._initialRotation,this._initialRotation=null);var o=this._data.actions.rotation%180!==0;this._isFixedRatio()||(this._initialCrop?this._ratio=this._initialCrop.height/this._initialCrop.width:this._ratio=o?t.width/t.height:t.height/t.width,this._scaleDropArea(this._ratio)),this._initialCrop?(this._data.actions.crop=mt(this._initialCrop),this._data.actions.crop.type=At.INITIAL,this._initialCrop=null):(this._data.actions.crop=tt(o?t.height:t.width,o?t.width:t.height,this._ratio),this._data.actions.crop.type=At.AUTO),this._options.size&&(this._data.actions.size={width:this._options.size.width,height:this._options.size.height}),this._applyTransforms(t,function(t){var o=n._getIntro(),a=o.offsetWidth/t.width,r=!1;n._options.service&&n._options.push&&(n._hasInitialImage||n._canInstantEdit()||(r=!0,n._stopProgressLoop(function(){n._startProgress(function(){n._updateProgress(.1)})}))),n._canInstantEdit()||n._save(function(){n._isBeingDestroyed||r&&(n._stopProgress(),i())},r),o.src="",o.src=ht(t,a).toDataURL(),o.onload=function(){o.onload=null,n._isBeingDestroyed||e&&e(r)}})}}},{key:"_applyTransforms",value:function(t,e){var i=this,n=mt(this._data.actions);n.filters={sharpen:this._options.filterSharpen/100},et(t,n,function(t){var n=t;if(i._options.forceSize||i._options.size&&1==rt(i._options.size,t)){n=k("canvas"),n.width=i._options.size.width,n.height=i._options.size.height;var o=n.getContext("2d");o.drawImage(t,0,0,i._options.size.width,i._options.size.height)}i._data.output.width=n.width,i._data.output.height=n.height,i._data.output.image=n,i._onTransformCanvas(function(t){i._data=t,i._options.didTransform.apply(i,[i.data]),e(i._data.output.image)})})}},{key:"_onTransformCanvas",value:function(t){this._options.willTransform.apply(this,[this.data,t])}},{key:"_appendEditor",value:function(){var t=this;this._imageEditor||(this._imageEditor=new Ot(k("div"),{minSize:this._options.minSize,buttonConfirmClassName:this._options.buttonConfirmClassName,buttonCancelClassName:this._options.buttonCancelClassName,buttonRotateClassName:this._options.buttonRotateClassName,buttonConfirmLabel:this._options.buttonConfirmLabel,buttonCancelLabel:this._options.buttonCancelLabel,buttonRotateLabel:this._options.buttonRotateLabel,buttonConfirmTitle:this._options.buttonConfirmTitle,buttonCancelTitle:this._options.buttonCancelTitle,buttonRotateTitle:this._options.buttonRotateTitle}),Bt.forEach(function(e){t._imageEditor.element.addEventListener(e,t)}))}},{key:"_scaleDropArea",value:function(t){var e=this._getRatioSpacerElement();e&&this._element&&(e.style.marginBottom=100*t+"%",this._element.setAttribute("data-ratio","1:"+t))}},{key:"_onCancel",value:function(t){this._removeState("editor"),this._options.didCancel.apply(this),this._showButtons(),this._hideEditor(),this._options.instantEdit&&!this._hasInitialImage&&this._isAutoCrop()&&this._doRemove()}},{key:"_onConfirm",value:function(t){var e=this,i=this._options.service&&this._options.push;i?this._startProgress(function(){e._updateProgress(.1)}):this._startProgressLoop(),this._removeState("editor"),this._addState("busy"),this._output.value="",this._data.actions.rotation=t.detail.rotation,this._data.actions.crop=t.detail.crop,this._data.actions.crop.type=At.MANUAL,this._applyTransforms(this._data.input.image,function(t){e._options.didConfirm.apply(e,[e.data]);var n=e._getInOut(),o="out"===n[0].className?n[0]:n[1],a=o===n[0]?n[1]:n[0];o.className="in",o.style.opacity="0",o.style.zIndex="2",a.className="out",a.style.zIndex="1",o.src="",o.src=ht(t,o.offsetWidth/t.width).toDataURL(),o.onload=function(){o.onload=null,"free"===e._options.ratio&&(e._ratio=o.naturalHeight/o.naturalWidth,e._scaleDropArea(e._ratio)),e._hideEditor();var t=setTimeout(function(){e._showPreview(o,function(){e._save(function(t,n,o){e._toggleButton("upload",!0),i?e._stopProgress():e._stopProgressLoop(),e._removeState("busy"),e._showButtons()},i)})},250);e._timers.push(t)}})}},{key:"_cropAuto",value:function(){var t=arguments.length>0&&arguments[0]!==e?arguments[0]:function(t){},i=this._data.actions.rotation%180!==0,n=tt(i?this._data.input.image.width:this._data.input.image.height,i?this._data.input.image.height:this._data.input.image.width,this._ratio);this._crop(n.x,n.y,n.width,n.height,t,At.AUTO)}},{key:"_crop",value:function(t,i,n,o){var a=arguments.length>4&&arguments[4]!==e?arguments[4]:function(t){},r=arguments.length>5&&arguments[5]!==e?arguments[5]:At.MANUAL;this._output.value="",this._data.actions.crop={x:t,y:i,width:n,height:o},this._data.actions.crop.type=r,this._manualTransform(a)}},{key:"_manualTransform",value:function(t){var e=this;this._startProgressLoop(),this._addState("busy"),this._applyTransforms(this._data.input.image,function(i){var n=e._getInOut(),o="out"===n[0].className?n[0]:n[1],a=o===n[0]?n[1]:n[0];o.className="in",o.style.opacity="1",o.style.zIndex="2",a.className="out",a.style.zIndex="0",o.src="",o.src=ht(i,o.offsetWidth/i.width).toDataURL(),o.onload=function(){o.onload=null,"free"===e._options.ratio&&(e._ratio=o.naturalHeight/o.naturalWidth,e._scaleDropArea(e._ratio));var i=e._options.service&&e._options.push,n=function(){e._save(function(n,o,a){i||e._stopProgressLoop(),e._removeState("busy"),t.apply(e,[e.data])},i)};i?e._startProgress(n):n()}})}},{key:"_save",value:function(){var t=this,i=arguments.length>0&&arguments[0]!==e?arguments[0]:function(){},n=!(arguments.length>1&&arguments[1]!==e)||arguments[1];if(!this._isBeingDestroyed){var o=this.dataBase64;this._options.service||this._isInitialising&&!this._isImageOnly()||this._options.willSave.apply(this,[o,function(e){t._store(e),t._options.didSave.apply(t,[e])}]),this._isBeingDestroyed||(this._options.service&&n&&this._options.willSave.apply(this,[o,function(e){t._addState("upload"),t._imageHopper&&t._options.dropReplace&&(t._imageHopper.enabled=!1),t._upload(e,function(n,o){t._imageHopper&&t._options.dropReplace&&(t._imageHopper.enabled=!0),n||t._storeServerResponse(o),t._options.didUpload.apply(t,[n,e,o]),t._removeState("upload"),i(n,e,o)})}]),this._options.service&&n||i())}}},{key:"_storeServerResponse",value:function(t){this._isRequired&&(this._input.required=!1),this._data.server=t,this._output.value="object"===("undefined"==typeof t?"undefined":p(t))?JSON.stringify(this._data.server):t}},{key:"_store",value:function(t){this._isRequired&&(this._input.required=!1),this._output.value=JSON.stringify(t)}},{key:"_upload",value:function(t,e){var i=this,n=new FormData;if(null!==this._data.output.image&&this._options.uploadBase64===!1){var o=Z(t.output.image,t.output.name),a="slim_output_"+this._uid;t.output.image=null,t.output.field=a,n.append(a,o,t.output.name)}n.append(this._output.name,JSON.stringify(t)),L("input",this._options.post)&&n.append(this._inputReference,this._data.input.file,this._data.input.file.name);var r=this._element.querySelector(".slim-upload-status"),s=this._options.willRequest;M(this._options.service,n,s,function(t,e){i._updateProgress(Math.max(.1,t/e))},function(t){var n=setTimeout(function(){if(!i._isBeingDestroyed){r.innerHTML=i._options.statusUploadSuccess,r.setAttribute("data-state","success"),r.style.opacity=1;var t=setTimeout(function(){r.style.opacity=0},2e3);i._timers.push(t)}},250);i._timers.push(n),e(null,t)},function(t){var n="";n="file-too-big"===t?i._options.statusContentLength:i._options.didReceiveServerError.apply(i,[t,i._options.statusUnknownResponse]);var o=setTimeout(function(){r.innerHTML=n,r.setAttribute("data-state","error"),r.style.opacity=1},250);i._timers.push(o),e(t)})}},{key:"_showEditor",value:function(){Ft.show(),this._imageEditor.show()}},{key:"_hideEditor",value:function(){this._imageEditor.hide();var t=setTimeout(function(){Ft.hide()},250);this._timers.push(t)}},{key:"_showPreview",value:function(t,e){u(t,{fromPosition:[0,50,0],position:[0,0,0],fromScale:[1.5,1.5],scale:[1,1],fromOpacity:0,opacity:1,easing:"spring",springConstant:.3,springDeceleration:.7,complete:function(){D(t),e&&e()}})}},{key:"_hideResult",value:function(t){var e=this._getIntro();e&&u(e,{fromScale:[1,1],scale:[.5,.5],fromOpacity:1,opacity:0,easing:"spring",springConstant:.3,springDeceleration:.75,complete:function(){D(e),t&&t()}})}},{key:"_showButtons",value:function(t){if(this._btnGroup){this._btnGroup.style.display="";var e={fromScale:[.5,.5],scale:[1,1],fromPosition:[0,10,0],position:[0,0,0],fromOpacity:0,opacity:1,complete:function(){D(this)},allDone:function(){t&&t()}};this.isDetached()?e.duration=1:(e.delay=function(t){return 250+50*t},e.easing="spring",e.springConstant=.3,e.springDeceleration=.85),u(this._btnGroup.childNodes,e)}}},{key:"_hideButtons",value:function(t){var e=this;if(this._btnGroup){var i={fromScale:[1,1],scale:[.85,.85],fromOpacity:1,opacity:0,allDone:function(){e._btnGroup.style.display="none",t&&t()}};this.isDetached()?i.duration=1:(i.easing="spring",i.springConstant=.3,i.springDeceleration=.75),u(this._btnGroup.childNodes,i)}}},{key:"_hideStatus",value:function(){var t=this._element.querySelector(".slim-upload-status");t.style.opacity=0}},{key:"_doEdit",value:function(){var t=this;this._data.input.image&&(this._addState("editor"),this._imageEditor||this._appendEditor(),this._imageEditor.showRotateButton=this._options.rotateButton,Ft.inner=this._imageEditor.element,this._imageEditor.open(st(this._data.input.image),"free"===this._options.ratio?null:this._ratio,this._data.actions.crop,this._data.actions.rotation,function(){t._showEditor(),t._hideButtons(),t._hideStatus()}))}},{key:"_doRemove",value:function(t){var e=this;if(!this._isImageOnly()){this._clearState(),this._addState("empty"),this._hasInitialImage=!1,this._imageHopper&&(this._imageHopper.enabled=!0),this._isRequired&&(this._input.required=!0);var i=this._getOutro();i&&(i.style.opacity="0");var n=this.data;this._resetData();var o=setTimeout(function(){e._isBeingDestroyed||(e._hideButtons(function(){e._toggleButton("upload",!0)}),e._hideStatus(),e._hideResult(),e._options.didRemove.apply(e,[n]),t&&t())},this.isDetached()?0:250);return this._timers.push(o),n}}},{key:"_doUpload",value:function(t){var e=this;this._data.input.image&&(this._addState("upload"),this._startProgress(),this._hideButtons(function(){e._toggleButton("upload",!1),e._save(function(i,n,o){e._removeState("upload"),e._stopProgress(),t&&t.apply(e,[i,n,o]),i&&e._toggleButton("upload",!0),e._showButtons()})}))}},{key:"_doDownload",value:function(){var t=this._data.output.image;t&&kt(this._data,this._options.jpegCompression,this._options.forceType)}},{key:"_doDestroy",value:function(){function t(t,e){return 0!==e.filter(function(e){return t.name===e.name&&t.value===e.value}).length}var e=this;this._isBeingDestroyed=!0,this._timers.forEach(function(t){clearTimeout(t)}),this._timers=[],u(this._element,"detach"),this._imageHopper&&(Ht.forEach(function(t){e._imageHopper.element.removeEventListener(t,e)}),this._imageHopper.destroy(),this._imageHopper=null),this._imageEditor&&(Bt.forEach(function(t){e._imageEditor.element.removeEventListener(t,e)}),this._imageEditor.destroy(),this._imageEditor=null),St(this._btnGroup.children).forEach(function(t){t.removeEventListener("click",e)}),this._input.removeEventListener("change",this),this._element!==this._originalElement&&this._element.parentNode&&this._element.parentNode.replaceChild(this._originalElement,this._element),this._originalElement.innerHTML=this._originalElementInner;var i=_(this._originalElement);i.forEach(function(i){t(i,e._originalElementAttributes)||e._originalElement.removeAttribute(i.name)}),this._originalElementAttributes.forEach(function(n){t(n,i)||e._originalElement.setAttribute(n.name,n.value)}),Wt=Math.max(0,Wt-1),Ft&&0===Wt&&(Ft.destroy(),Ft=null),this._originalElement=null,this._element=null,this._input=null,this._output=null,this._btnGroup=null,this._options=null}},{key:"dataBase64",get:function(){return bt(this._data,this._options.post,this._options.jpegCompression,this._options.forceType,null!==this._options.service)}},{key:"data",get:function(){return vt(this._data)}},{key:"element",get:function(){return this._element}},{key:"service",set:function(t){this._options.service=t}},{key:"size",set:function(t){this.setSize(t,null)}},{key:"rotation",set:function(t){this.setRotation(t,null)}},{key:"ratio",set:function(t){this.setRatio(t,null)}}],[{key:"options",value:function(){var t={edit:!0,instantEdit:!1,uploadBase64:!1,meta:{},ratio:"free",size:null,rotation:null,crop:null,post:["output","actions"],service:null,filterSharpen:0,push:!1,defaultInputName:"slim[]",minSize:{width:100,height:100},maxFileSize:null,jpegCompression:null,download:!1,saveInitialImage:!1,forceType:!1,forceSize:null,dropReplace:!0,fetcher:null,internalCanvasSize:{width:4096,height:4096},rotateButton:!0,label:"<p>Drop your image here</p>",labelLoading:"<p>Loading image...</p>",statusFileType:"<p>Invalid file type, expects: $0.</p>",statusFileSize:"<p>File is too big, maximum file size: $0 MB.</p>",statusNoSupport:"<p>Your browser does not support image cropping.</p>",statusImageTooSmall:"<p>Image is too small, minimum size is: $0 pixels.</p>",statusContentLength:'<span class="slim-upload-status-icon"></span> The file is probably too big',statusUnknownResponse:'<span class="slim-upload-status-icon"></span> An unknown error occurred',statusUploadSuccess:'<span class="slim-upload-status-icon"></span> Saved',didInit:function(t){},didLoad:function(t,e,i){return!0},didSave:function(t){},didUpload:function(t,e,i){},didReceiveServerError:function(t,e){return e},didRemove:function(t){},didTransform:function(t){},didConfirm:function(t){},didCancel:function(){},willTransform:function(t,e){e(t)},willSave:function(t,e){e(t)},willRemove:function(t,e){e()},willRequest:function(t){}};return Nt.concat(Ot.Buttons).concat("rotate").forEach(function(e){var i=R(e);t["button"+i+"ClassName"]=null,t["button"+i+"Label"]=i,t["button"+i+"Title"]=i}),t}}]),i}();return function(){function t(t){return t?"<p>"+t+"</p>":null}function e(t){var e=window,i=t.split(".");return i.forEach(function(t,n){e[i[n]]&&(e=e[i[n]])}),e!==window?e:null}var i=[],n=function(t){for(var e=0,n=i.length;e<n;e++)if(i[e].isAttachedTo(t))return e;return-1},o=function(t){return t},a=function(t){return"true"===t},r=function(t){return!t||"true"===t},s=function(e){return t(e)},h=function(t){return t?e(t):null},u=function(t){if(!t)return null;var e=Dt(t,",");return{width:e[0],height:e[1]}},l=function(t){return t?parseFloat(t):null},c=function(t){return t?parseInt(t,10):null},p=function(t){if(!t)return null;var e={};return t.split(",").map(function(t){return parseInt(t,10)}).forEach(function(t,i){e[Ut[i]]=t}),e},f={download:a,edit:r,instantEdit:a,minSize:u,size:u,forceSize:u,internalCanvasSize:u,service:function(t){return"undefined"==typeof t?null:t},fetcher:function(t){return"undefined"==typeof t?null:t},push:a,rotation:function(t){return"undefined"==typeof t?null:parseInt(t,10)},crop:p,post:function(t){return t?t.split(",").map(function(t){return t.trim()}):null},defaultInputName:o,ratio:function(t){return t?t:null},maxFileSize:l,filterSharpen:c,jpegCompression:c,uploadBase64:a,forceType:o,dropReplace:r,saveInitialImage:a,rotateButton:r,label:s,labelLoading:s};["FileSize","FileType","NoSupport","ImageTooSmall"].forEach(function(t){f["status"+t]=s}),["ContentLength","UnknownResponse","UploadSuccess"].forEach(function(t){f["status"+t]=o}),["Init","Load","Save","Upload","Remove","Transform","ReceiveServerError","Confirm"].forEach(function(t){f["did"+t]=h}),["Transform","Save","Remove","Request"].forEach(function(t){f["will"+t]=h});var _=["ClassName","Label","Title"];Nt.concat(Ot.Buttons).concat("rotate").forEach(function(t){var e=R(t);_.forEach(function(t){f["button"+e+t]=o})}),Gt.supported=function(){return!("[object OperaMini]"===Object.prototype.toString.call(window.operamini)||"undefined"==typeof window.addEventListener||"undefined"==typeof window.FileReader||"undefined"==typeof window.URL||"undefined"==typeof window.URL.createObjectURL)}(),Gt.parse=function(t){var e,i,n,o=[];for(e=t.querySelectorAll(".slim:not([data-state])"),n=e.length;n--;)i=e[n],o.push(Gt.create(i,Gt.getOptionsFromAttributes(i)));return o},Gt.getOptionsFromAttributes=function(t){var e=d(t),i={meta:{}};for(var n in e){var o=f[n],a=e[n];o?(a=o(a),a=null===a?mt(Gt.options()[n]):a,i[n]=a):0===n.indexOf("meta")&&(i.meta[P(n.substr(4))]=a)}return i},Gt.find=function(t){var e=i.filter(function(e){return e.isAttachedTo(t)});return e?e[0]:null},Gt.create=function(t,e){if(!Gt.find(t)){e||(e=Gt.getOptionsFromAttributes(t));var n=new Gt(t,e);return i.push(n),n}},Gt.destroy=function(t){var e=n(t);return!(e<0)&&(i[e].destroy(),i.splice(e,1),!0)}}(),Gt}();t.fn.slim=function(){var t=i(arguments);if(n(t))return this.each(function(){s.create(this,t[0])});var e=t.shift();switch(e){case"supported":return s.supported;case"destroy":return this.each(function(){s.destroy(this)});case"parse":return this.each(function(){s.parse(this)});default:var h=[];return this.each(function(){var i=s.find(this);i&&(r(i,e)?h.push(i[e].apply(i,t)):o(i,e)?h.push(i[e]):a(i,e)&&h.push(i[e]=t[0]))}),h}}}}(window.jQuery);
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/js/jquery.sortable.js b/deployed/jsn/components/com_jsn/assets/js/jquery.sortable.js
new file mode 100644
index 00000000..b6d361cc
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/js/jquery.sortable.js
@@ -0,0 +1,1713 @@
+/**
+ * @license Copyright © 2016 Mateusz Zawartka
+ * @version 1.0.0
+ */
+
+;
+(function ($, window, document, undefined) {
+  var hasTouch = 'ontouchstart' in document;
+
+  /**
+   * Add a dot at the beginning of a string
+   * @returns {string}
+   */
+  String.prototype.dot = function () {
+    return '.' + this;
+  };
+
+  /**
+   * For each chunk prepend the current string
+   * @param chunk
+   * @param knife
+   * @param innerGlue
+   * @param outerGlue
+   * @returns {string}
+   */
+  String.prototype.eachHas = function (chunk, knife, innerGlue, outerGlue) {
+    var subject   = this,
+        opt       = [],
+        knife     = knife || ', ',
+        innerGlue = innerGlue || ' ',
+        outerGlue = outerGlue || knife,
+        chunks    = chunk.split(knife);
+
+    chunks.forEach(function (chunk, c) {
+      opt.push(subject + innerGlue + chunk);
+    });
+
+    return opt.join(outerGlue);
+  };
+
+  /**
+   * Pad a string with a specified value, till a min length has been reached
+   * @param val
+   * @param minLength
+   * @returns {String}
+   */
+  String.prototype.padLength = function (val, minLength) {
+    var subject = this;
+    while (subject.length < minLength) {
+      subject = val + subject;
+    }
+    return subject;
+  };
+
+  /**
+   * Join a sibling string by a delimiter
+   * @param sibling
+   * @param delimiter
+   * @returns {string}
+   */
+  String.prototype.join = function (sibling, delimiter) {
+    var delimiter = typeof delimiter === 'string' ? delimiter : " ";
+    return this + delimiter + sibling;
+  };
+
+  Function.prototype.setName = function (name) {
+    Object.defineProperty(this, 'name', {
+      get: function () {
+        return name;
+      }
+    });
+    return this;
+  };
+
+  Function.prototype.clone = function () {
+    var newfun = new Function('return ' + this.toString())();
+    for (var key in this)
+      newfun[key] = this[key];
+    return newfun;
+  };
+
+
+  /**
+   * Detect CSS pointer-events property
+   * events are normally disabled on the dragging element to avoid conflicts
+   * https://github.com/ausi/Feature-detection-technique-for-pointer-events/blob/master/modernizr-pointerevents.js
+   */
+  var hasPointerEvents = (function () {
+    var el    = document.createElement('div'),
+        docEl = document.documentElement;
+    if (!('pointerEvents' in el.style)) {
+      return false;
+    }
+    el.style.pointerEvents = 'auto';
+    el.style.pointerEvents = 'x';
+    docEl.appendChild(el);
+    var supports = window.getComputedStyle && window.getComputedStyle(el, '').pointerEvents === 'auto';
+    docEl.removeChild(el);
+    return !!supports;
+  })();
+
+  /**
+   * @version-control +0.1.0 slide animation duration option, default is 0
+   * @version-control +0.0.1 max depth default set to 20
+   * @dev-since 0.13.29
+   * @version-control +0.1.0 option endItemEditBtnClass
+   * @version-control +0.1.0 option itemAddBtnClass
+   * @version-control +0.1.0 option refuseConfirmDelay (ms), default is 2000ms
+   * @version-control +0.1.0 option addBtnSelector
+   * @dev-since 0.48.53
+   * @version-control +0.5.0 enhancement setup expandBtnHTML, collapseBtnHTML and editBtnHTML in your HTML markup #21
+   * @version-control +0.1.0 option expandBtnClass
+   * @version-control +0.1.0 option collapseBtnClass
+   * @version-control +0.1.0 option event
+   * @version-control +0.5.0 deprecated option onItemExpand
+   * @version-control +0.5.0 deprecated option onItemCollapse
+   * @version-control +0.1.0 option onItemExpanded
+   * @version-control +0.1.0 option onItemCollapsed
+   * @version-control +0.1.0 option paramsDataKey
+   * @version-control +0.0.0 fix commenting typos
+   * @dev-since 0.87.53
+   * @version-control +0.1.0 deprecated option group (see option allowListMerging)
+   * @version-control +0.1.0 option onItemMaxDepth
+   * @version-control +0.1.0 option onItemSetParent
+   * @version-control +0.1.0 option onItemUnsetParent
+   */
+  var defaults = {
+    listNodeName:           'ol',
+    itemNodeName:           'li',
+    rootClass:              'dd',
+    listClass:              'dd-list',
+    itemClass:              'dd-item',
+    itemBlueprintClass:     'dd-item-blueprint',
+    dragClass:              'dd-dragel',
+    handleClass:            'dd-handle',
+    collapsedClass:         'dd-collapsed',
+    placeClass:             'dd-placeholder',
+    noDragClass:            'dd-nodrag', // Items with this class will be undraggable
+    emptyClass:             'dd-empty',
+    contentClass:           'dd3-content',
+    itemAddBtnClass:        'item-add',
+    removeBtnClass:         'item-remove',
+    itemRemoveBtnConfirmClass: 'confirm-class',
+    addBtnSelector:         '', // Provide a global selector for an add button
+    addBtnClass:            'dd-new-item',
+    editBoxClass:           'dd-edit-box',
+    inputSelector:          'input, select, textarea', // Selects input fields to serialize to JSON
+    collapseBtnClass:       'collapse',
+    expandBtnClass:         'expand',
+    endEditBtnClass:        'end-edit',
+    itemBtnContainerClass:  'dd-button-container',
+    itemNameClass:          'item-name',
+    data:                   '', // JSON data to build an instance from (don't forget to call parseJson)
+    allowListMerging:       false,   // Accept incoming items from foreign lists e.g:
+                                    // true – accept all
+                                    // false – deny all
+                                    // ['sortable-2'] – accept from instances matching #sortable-2
+    select2:                {
+
+      support:     false, // Enable Select2 support
+      selectWidth: '45%', // Any CSS-supported value is valid
+      params:      {}     // Provide Select2 params
+    },
+    slideAnimationDuration: 0,
+    maxDepth:               5,    // Item nesting limit
+    threshold:              15,   // Dragging sensitivity
+    refuseConfirmDelay:     2000, // Time (in ms) to wait on confirmation of an item removal
+    newItemFadeIn:          350,  // Set 0 for no fadeIn effect
+    event:                  {
+      onToJson:           [],
+      onParseJson:        [],
+      onSaveEditBoxInput: [],
+      onItemDrag:         [],
+      onItemAddChildItem: [],
+      onItemDrop:         [],
+      onItemAdded:        [],
+      onItemExpanded:     [],
+      onItemCollapsed:    [],
+      onItemRemoved:      [],
+      onItemStartEdit:    [],
+      onItemEndEdit:      [],
+      onCreateItem:       [],
+      onItemMaxDepth:     [],
+      onItemSetParent:    [],
+      onItemUnsetParent:  []
+    },
+    paramsDataKey:          '__sortable_params' // The property under which internal settings will be serialized
+  };
+
+  /**
+   * @dev-since 0.48.53
+   * @version-control +0.0.0 prevent event overlapping with deep clone
+   * @param element
+   * @param options
+   * @constructor
+   */
+  function Plugin(element, options) {
+    // After $(...).sortable() is called 1:
+    this.w = $(document);
+    this.$instance = $(element);
+    this.options = $.extend(true, {}, defaults, options);
+    // 2:
+    this.init();
+  }
+
+  Plugin.prototype = {
+
+    init:                             function () {
+      // Plugin {w: m.fn.init[1], $instance: m.fn.init[1], options: Object, mouse: Object, isTouch: false…}
+      var plugin = this,
+          opt    = this.options;
+
+      plugin.reset();
+
+      plugin.$placeholder = $('<div class="' + plugin.options.placeClass + '"/>');
+
+      // forEach itemNodeName=li element
+      $.each(this.$instance.find(plugin.options.itemNodeName), function (k, el) {
+        // pass the li element
+        // If an element is a parent then it contains another li elements
+        // and can be collapsed and expanded
+        plugin.setParent($(el));
+      });
+
+      plugin.$instance.on('click', 'button', function (e) {
+        // Don't do anything when dragging
+        if (plugin.$dragItem) {
+          return;
+        }
+        var target = $(e.currentTarget),
+            action = target.data('action'),
+            item   = target.parent(plugin.options.itemNodeName);
+        // Some internal click handlers communicating through
+        // jQuery object data
+        if (action === 'collapse') {
+          plugin.collapseItem(item);
+        }
+
+        if (action === 'expand') {
+          plugin.expandItem(item);
+        }
+      });
+
+      // Declaring some custom event handlers
+      var onStartEvent = function (e) {
+            var handle = $(e.target);
+
+            // Identify if the object is draggable
+            if (!handle.hasClass(plugin.options.handleClass)) {
+              if (handle.closest(plugin.options.noDragClass.dot()).length) {
+                return;
+              }
+              handle = handle.closest(plugin.options.handleClass.dot());
+            }
+
+            // If the element is not draggable, or is while dragging
+            // then don't do anything
+            if (!handle.length || plugin.$dragItem) return;
+
+            // Same here making sure if the object can be draggeds
+            plugin.isTouch = /^touch/.test(e.type);
+            if (plugin.isTouch && e.touches.length !== 1) {
+              return;
+            }
+
+            // Don't do whatever browsers do by default
+            e.preventDefault();
+            // At this point object is identified as available to drag
+            // so start dragging
+            plugin.dragStart(e.touches ? e.touches[0] : e);
+          },
+
+          onMoveEvent  = function (e) {
+            if (plugin.$dragItem) {
+              e.preventDefault();
+              plugin.dragMove(e.touches ? e.touches[0] : e);
+            }
+          },
+
+          onEndEvent   = function (e) {
+            if (plugin.$dragItem) {
+              e.preventDefault();
+              plugin.dragStop(e.touches ? e.touches[0] : e);
+            }
+          };
+
+      // If thouch events are avialable, start listening for those events
+      if (hasTouch) {
+        plugin.$instance[0].addEventListener('touchstart', onStartEvent, false);
+        window.addEventListener('touchmove', onMoveEvent, false);
+        window.addEventListener('touchend', onEndEvent, false);
+        window.addEventListener('touchcancel', onEndEvent, false);
+      }
+
+      // Start listening for the events below
+      plugin.$instance.on('mousedown', onStartEvent);
+      // list.w = $(document)
+      plugin.w.on('mousemove', onMoveEvent);
+      plugin.w.on('mouseup', onEndEvent);
+
+      // @dev-since 0.13.29
+      // @version-control +0.1.0 support global add button selector
+      if (opt.addBtnSelector) this.addNewListItemListener($(opt.addBtnSelector));
+      else this.addNewListItemListener(this.$instance.find(opt.addBtnClass.dot()));
+    },
+    /**
+     * @dev-since 0.13.29
+     * @version-control +0.1.0 default add button removed
+     * @dev-since 0.48.53
+     * @version-control +0.1.0 fix onItemAdded event for addNewListItemListener
+     * @version-control +0.5.0 enhancement remember items folding (collapse state)
+     * @param addBtn
+     * @param parent
+     */
+    addNewListItemListener:           function (addBtn, parent) {
+      var _this = this,
+          opt   = this.options;
+      addBtn.on('click', function (e) {
+        var list = _this.$instance.find(opt.listClass.dot()).first(),
+            item = _this.createNewListItem();
+        if (!item) return;
+
+
+        item.css('display', 'none');
+        list.prepend(item);
+        item.fadeIn(opt.newItemFadeIn);
+
+        // Call item addition event listeners
+        _this.options.event.onItemAdded.forEach(function (cb, i) {
+          cb($(item), e);
+        });
+      });
+    },
+    /**
+     * @dev-since 0.13.29
+     * @version-control +0.0.5 support end edit on click
+     * @param event
+     */
+    clickEndEditEventHandler:         function (item) {
+      var _this      = this,
+          opt        = _this.options,
+          endEditBtn = item.find(opt.endEditBtnClass.dot()).first();
+
+      endEditBtn.on('click', null, {forced: true}, _this.keypressEnterEndEditEventHandler.bind(_this));
+    },
+    /**
+     * @version-control +0.0.1 lazy keypressEnterEndEditEventHandler binding
+     * @version-control +0.0.1 prevent slide animation bubbling
+     * @version-control +0.0.2 slide animation duration support
+     */
+    clickStartEditEventHandler:       function (event) {
+      var opt          = this.options,
+          _this        = this,
+          item         = $(event.target).parents(opt.itemClass.dot()).first(),
+          spn          = item.find(opt.itemNameClass.dot()).first(),
+          firstInput   = item.find(opt.inputSelector).first(),
+          btnContainer = item.find(opt.itemBtnContainerClass.dot()).first(),
+          edtBox       = item.find(opt.editBoxClass.dot()).first();
+
+      var igniteKeypressEnterEndEditEventHandler = function (el) {
+        el.each(function (c, item) {
+          var item                             = $(item),
+              keypressEnterEndEditEventHandler = _this.keypressEnterEndEditEventHandler;
+
+          if (item.data('sortable_keypressEnterEndEditEventHandler')) return;
+
+          item.data('sortable_keypressEnterEndEditEventHandler', true);
+
+          item.on('keypress', keypressEnterEndEditEventHandler.bind(_this));
+        });
+      };
+
+
+      // Setup on click endEdit event listener
+      if (item.data('sortable_clickEndEditEventHandler') !== true) {
+        _this.clickEndEditEventHandler(item);
+        item.data('sortable_clickEndEditEventHandler', true);
+      }
+
+      // Hide the span
+      spn.stop().hide(opt.slideAnimationDuration, function () {
+
+        // Use either the default title or the user specified title as the value for the input
+        if (firstInput.get(0).nodeName !== 'SELECT')
+          firstInput.val(spn.text());
+        else firstInput.val(firstInput.find('option:contains(' + spn.text() + ')').val());
+
+
+        // Hide the remove button
+        btnContainer.stop().hide(opt.slideAnimationDuration, function () {
+          // Show the edit panel
+          edtBox.stop().show(opt.slideAnimationDuration, function () {
+            edtBox.children().first('input').select().focus();
+            // Be ready to close the edit mode
+            igniteKeypressEnterEndEditEventHandler(item);
+          });
+        });
+      });
+
+      // Call start edit event listeners
+      opt.event.onItemStartEdit.forEach(function (cb, i) {
+        cb(item, event);
+      });
+    },
+    /**
+     * @version-control +0.1.0 support default value tokens and placeholder tokens
+     * @param token
+     * @param input
+     * @returns {*}
+     */
+    resolveToken:                     function (token, input) {
+      if (typeof token !== "string") return;
+
+      var out       = token,
+          tagRegex  = /\{\?[a-z\-\.]+\}/ig,
+          tags      = out.match(tagRegex),
+          tagsCount = tags && tags.length || 0;
+
+      // As long as there are tags available
+      for (var currentTag = 0; currentTag < tagsCount; currentTag++) {
+
+        // Process each tag and replace it it in the output string
+        switch (tags[currentTag]) {
+          case "{?date.gregorian-slashed-DMY}":
+            var dateTime = new Date(Date.now()),
+                date     = dateTime.getDay().toString().padLength('0', 2) + '/' +
+                  dateTime.getMonth().toString().padLength('0', 2) + '/' +
+                  dateTime.getFullYear();
+
+            out = out.replace(tags[currentTag], date);
+            break;
+
+          case "{?date.mysql-datetime}":
+            var date = new Date(Date.now());
+            date = date.getUTCFullYear() + '-' +
+              ('00' + (date.getUTCMonth() + 1)).slice(-2) + '-' +
+              ('00' + date.getUTCDate()).slice(-2) + ' ' +
+              ('00' + date.getUTCHours()).slice(-2) + ':' +
+              ('00' + date.getUTCMinutes()).slice(-2) + ':' +
+              ('00' + date.getUTCSeconds()).slice(-2);
+            out = out.replace(tags[currentTag], date);
+            break;
+
+          case "{?numeric.increment}":
+            // We begin with 1 - evaluate to true on check..
+            this.incrementIncrement = this.incrementIncrement || 1;
+            out = out.replace(tags[currentTag], this.incrementIncrement);
+            this.incrementIncrement += 1;
+            break;
+
+          case "{?value}":
+            out = out.replace(tags[currentTag], input.value);
+            break;
+
+          default:
+            out = token;
+            break;
+        }
+      }
+
+      return out;
+    },
+    /**
+     * @version-control +0.0.1 shared way to save input state
+     * @version-control +0.0.5 tokens support
+     * @param inputCollection jQuery Selection
+     */
+    saveEditBoxInput:                 function (inputCollection) {
+      var _this = this,
+          opt   = this.options,
+          $item;
+
+      inputCollection.each(function (c, input) {
+        var itemDataValue     = $(input).parents(opt.itemClass.dot().join(',').join(opt.itemBlueprintClass.dot())).first().data(input.getAttribute('name')),
+            inputDefaultValue = $(input).data('default-value') || '';
+        $item = $(input).parents(opt.itemClass.dot()).first();
+        if (!(itemDataValue || input.value)) var tokenizedDefault = _this.resolveToken(inputDefaultValue, $(input));
+        $item.data(input.getAttribute('name'), $(input).val() || itemDataValue || tokenizedDefault);
+      });
+
+      // Call on save edit box event listeners
+      opt.event.onSaveEditBoxInput.forEach(function (cb, i) {
+        cb($item, inputCollection);
+      });
+    },
+    /**
+     * @version-control +0.1.0 dynamic inputs
+     * @version-control +0.0.1 prevent slide bubbling
+     * @version-control +0.0.2 slide animation duration support
+     * @dev-since 0.13.29
+     * @version-control +0.0.1 removeBtn first
+     * @version-control +0.0.2 support add button
+     * @param event
+     */
+    keypressEnterEndEditEventHandler: function (event) {
+      var _this           = this,
+          opt             = this.options,
+          item            = $(event.target).parents(opt.itemClass.dot()).first(),
+          edtBox          = item.find(opt.editBoxClass.dot()).first(),
+          inputCollection = item.find(opt.inputSelector),
+          spn             = item.find('span').first(),
+          btnContainer    = item.find(opt.itemBtnContainerClass.dot()).first();
+
+      // Listen only to the Enter key, unless you'll forced otherwise
+      if (event.keyCode !== 13 && !(event.data && event.data.forced && event.data.forced === true)) return;
+
+      // Set title
+      _this.determineAndSetItemTitle(item);
+
+      // Don't leave empty strings
+      if (spn.text() === '') spn.text(_this.determineAndSetItemTitle(item));
+
+      // Hide the edit box
+      edtBox.stop().slideUp(opt.slideAnimationDuration, function () {
+
+        // Save inputs
+        _this.saveEditBoxInput(inputCollection);
+
+        // Show the button container
+        btnContainer.attr('style', '');
+
+        // Call end edit event listeners
+        opt.event.onItemEndEdit.forEach(function (cb, i) {
+          cb($(item), event);
+        });
+
+        // Show the span content
+        spn.stop().slideDown(opt.slideAnimationDuration);
+      });
+
+
+    },
+    resolveInputDataEntryByName:      function (name) {
+      var item = this.$instance
+      opt = this.options,
+
+        item.find(opt.editBoxClass.dot().join(opt.inputSelector)).each(function (i, input) {
+          if (input.getAttribute('name') === name) return $(input).data('name');
+        })
+    },
+    setItemTitle:                     function (item, title) {
+      var _this = this,
+          opt   = this.options;
+      item.find(opt.contentClass.dot().join('span')).first().text(title);
+    },
+    determineAndSetItemTitle:         function (item) {
+      var _this                                 = this,
+          opt                                   = this.options,
+          firstInput                            = item.find(opt.inputSelector).first(),
+          firstInputText                        = firstInput.find('option:selected').first().text() || firstInput.text(),
+          firstInputValue                       = item.find(opt.editBoxClass.dot().eachHas(opt.inputSelector)).first().val(),
+          itemDataValue                         = item.data(item.find(opt.inputSelector).first().attr('name')),
+          firstEditBoxInputPlaceholderValue     = item.find(opt.editBoxClass.dot().eachHas(opt.inputSelector)).first().attr('placeholder'),
+          firstEditBoxInputDataPlaceholderValue = item.find(opt.editBoxClass.dot().eachHas(opt.inputSelector)).first().data('placeholder'),
+          choice                                = firstInputText || firstInputValue || itemDataValue || _this.resolveToken(firstEditBoxInputDataPlaceholderValue) || firstEditBoxInputPlaceholderValue;
+
+      item.find(opt.contentClass.dot().join('span')).first().text(choice);
+    },
+    /**
+     * @version-control +0.0.4 fix fill inputs with placeholders #3
+     * @version-control +0.1.0 fix populate inputs with values whenever possible #5
+     * @dev-since 0.24.53
+     * @version-control +0.5.0 feature create missing options
+     * @param item
+     * @param inputCollection
+     */
+    setInputCollectionPlaceholders:   function (item, inputCollection) {
+      var _this = this;
+      $(inputCollection).each(function (c, input) {
+        if (input.nodeName === 'SELECT') {
+          $(input).find('option[selected="selected"]').removeAttr('selected');
+          var selectedOption = $(input).find('option[value="' + item.data($(input).attr('name')) + '"]');
+          if (selectedOption.length !== 0) selectedOption.attr('selected', 'selected');
+          else if (item.data($(input).attr('name'))) $(input).append('<option value="' + item.data($(input).attr('name')) + '">' + item.data($(input).attr('name')) + '</option>');
+          else return;
+        }
+        // Set the placeholder value of the input
+        $(input).attr('placeholder', _this.resolveToken($(input).data('placeholder'), $(input)) || $(input).attr('placeholder'));
+        // And set the value of the input
+        $(input).val(item.data($(input).attr('name')));
+      });
+    },
+    /**
+     * @version-control +0.0.5 support dynamic inputs
+     * @version-control +0.0.5 support tokenization
+     * @version-control +0.0.2 support dyanmic titles
+     * @dev-since 0.13.29
+     * @version-control +0.1.0 feature confirm item deletion
+     * @version-control +0.1.0 feature add a child item
+     * @version-control +0.0.1 support itemAddChildItem onItemAdded events
+     * @dev-since 0.48.53
+     * @version-control +0.5.0 feature mixing instances items (data) together
+     * @param data
+     * @returns {*}
+     */
+    createNewListItem:                function (data) {
+      var _this           = this,
+          el              = this.$instance,
+          opt             = this.options,
+          blueprint       = el.find(opt.itemBlueprintClass.dot()).first().clone(),
+          inputCollection = blueprint.find(opt.editBoxClass.dot()).find(opt.inputSelector);
+
+      /**
+       * @dev-since 0.13.29
+       * @version-control +0.1.0 fix ghost parent elements
+       * @dev-since 0.24.53
+       * @version-control +0.1.0 fix onItemRemoved event listener
+       */
+      blueprint.remove = function () {
+        var parent = blueprint.parents(_this.options.itemClass.dot()).first();
+        jQuery(this).remove();
+        _this.unsetEmptyParent(parent);
+        jQuery.each(opt.event.onItemRemoved, function (i, cb) {
+          cb(blueprint);
+        });
+      };
+
+      blueprint.setParameter = function (key, value) {
+        blueprint.data(opt.paramsDataKey, $.extend(true, blueprint.data(opt.paramsDataKey), {key: value}));
+      };
+
+      blueprint.getParameter = function (key) {
+        return blueprint.data(key);
+      };
+
+      // Use user supplied JSON data to fill the data fields
+      $.each(data || {}, function (key, value) {
+        blueprint.data(key, value);
+      });
+
+
+      /**
+       * @dev-since 0.87.53
+       * @version-control +0.0.5 fix item id #19
+       */
+      blueprint.data('id', blueprint.data('id') || _this.getHighestId() + 1);
+
+      // Set the item-class
+      /*
+       * @dev-since 0.48.53
+       * @version-control +0.1.0 feature inherit blueprint's HTML user-set classes #21
+       */
+      var currentBlueprintClass = blueprint.attr('class'),
+          blueprintClass        = opt.itemClass + currentBlueprintClass.replace(opt.itemBlueprintClass, '');
+      blueprint.attr('class', blueprintClass);
+
+      // Set intial input values (needed on deserialization)
+      this.setInputCollectionPlaceholders(blueprint, inputCollection);
+
+      // Save input state
+      this.saveEditBoxInput(inputCollection);
+
+      // Set title
+      this.determineAndSetItemTitle(blueprint);
+
+      // Parse tokens etc..
+      this.setInputCollectionPlaceholders(inputCollection);
+
+      // Set the remove button click event handler
+      blueprint.find(opt.removeBtnClass.dot()).first().on('click', function (e) {
+        var rmvBtn       = $(this),
+            confirmClass = rmvBtn.data(opt.itemRemoveBtnConfirmClass);
+
+        // When there is a confirmation class...
+        if (confirmClass) {
+
+          // And that class has been already applied to the item, then just remove the item
+          if (rmvBtn.hasClass(confirmClass)) blueprint.remove();
+
+          // If the confirmation class hasn't been yet applied to the item, then apply the class...
+          else {
+            rmvBtn.addClass(confirmClass);
+
+            // but only for a limited amount of time
+            var revertAddClass = setTimeout(function () {
+              rmvBtn.removeClass(confirmClass);
+            }, opt.refuseConfirmDelay);
+          }
+
+          // When there is no confirmation class just remove the item
+        } else {
+          blueprint.remove();
+
+          // Call item remove event listeners
+          opt.event.onItemRemoved.forEach(function (cb, i) {
+            cb(blueprint, e);
+          });
+        }
+      });
+
+      // Set the add button click event handler
+      blueprint.find(opt.itemAddBtnClass.dot()).first().on('click', function (event) {
+        _this.itemAddChildItem(blueprint);
+
+        // Call item addition event listeners
+        opt.event.onItemAdded.forEach(function (cb, i) {
+          cb(blueprint, event);
+        });
+
+        // Call item add child item event listeners
+        opt.event.onItemAddChildItem.forEach(function (cb, i) {
+          cb(blueprint, event);
+        });
+      });
+
+      // Setup editing; on every mouse click clickStartEditEventHandler will be called
+      blueprint.find('span').first().get(0).addEventListener('click', _this.clickStartEditEventHandler.bind(this));
+
+      if (_this.options.select2.support) {
+        blueprint.find('select').css('width', _this.options.select2.selectWidth);
+        blueprint.find('select').select2(_this.options.select2.params);
+      }
+
+      blueprint.data(opt.paramsDataKey, blueprint.data(opt.paramsDataKey) || {});
+
+      // Call onCreateItem event listeners
+      opt.event.onCreateItem.forEach(function (cb, i) {
+        var callbackResponse = cb(blueprint, blueprint.data());
+        blueprint = typeof  callbackResponse === "undefined" ? blueprint : callbackResponse;
+      });
+
+      // Give back a ready itemClass element
+      return blueprint;
+    },
+    /**
+     * @dev-since 0.87.53
+     * @version-control +0.0.1 fix max depth item add child item
+     * @version-control +0.0.3 fix stuck last child item
+     */
+    itemAddChildItem:                 function ($parentElement) {
+      var _this    = this,
+          opt      = _this.options,
+          listElement,
+          $newItem = _this.createNewListItem();
+
+      if (!$newItem) return;
+      else if ($parentElement.parents(opt.listClass.dot()).length > opt.maxDepth) {
+        var $addButton = $parentElement.find(opt.itemAddBtnClass.dot());
+        $addButton.addClass(opt.removeBtnClass);
+
+        setTimeout(function() {
+          $addButton.removeClass(opt.removeBtnClass);
+        }, opt.refuseConfirmDelay);
+
+        opt.event.onItemMaxDepth.forEach(function (cb, i) {
+          cb();
+        });
+        return;
+      }
+
+      if ($parentElement.children(opt.listClass.dot()).length) $parentElement.children(opt.listClass.dot()).first().append($newItem);
+      else {
+        listElement = $('<' + opt.listNodeName + '/>').addClass(opt.listClass);
+        listElement.append($newItem);
+        $parentElement.append(listElement);
+      }
+      _this.setParent($parentElement);
+    },
+    getHighestId:                     function () {
+      var opt = this.options,
+          el  = this.$instance,
+          id  = 0;
+
+      el.find(opt.itemNodeName).each(function (i, e) {
+        var eId = $(e).data('id');
+        if (eId > id) return id = eId;
+      });
+
+      return id;
+    },
+    /**
+     * @version-control +0.0.2 itemClass li prefix support
+     * @returns {*}
+     */
+    serialize:                        function () {
+      // Call toJson event listeners
+      this.options.event.onToJson.forEach(function (cb, i) {
+        cb();
+      });
+
+      var data,
+          depth = 0,
+          list  = this;
+      step = function (level, depth) {
+        var array = [],
+            items = level.children(list.options.itemNodeName);
+        items.each(function () {
+          var li           = $(this),
+              sub          = li.children(list.options.listNodeName),
+              filteredData = {};
+
+          // Filter out sortable_ prefixed data values
+          $.each(li.data(), function (key, i) {
+
+            // Skip when the prefix is present
+            if (key.indexOf('sortable_') === 0) return;
+
+            // Include the value if not skipped
+            filteredData[key] = li.data(key);
+          });
+
+          var item = $.extend({}, filteredData);
+
+          if (sub.length) {
+            item.children = step(sub, depth + 1);
+          }
+
+          array.push(item);
+        });
+        return array;
+      };
+      data = step(list.$instance.find(list.options.listNodeName).first(), depth);
+      return data;
+    },
+    deserialize:                      function (data, override) {
+      var data  = JSON.parse(data) || JSON.parse(this.options.data),
+          _this = this,
+          opt   = this.options,
+          list  = _this.$instance.find(opt.listClass.dot()).first();
+
+      if (override) list.children().remove();
+
+      var processItem = function (i, pref) {
+        if (i.children) {
+          var cref = $('<ol class="' + opt.listClass + '"></ol>'),
+              item = _this.createNewListItem(i);
+
+          if (!item) return;
+
+          pref.append(item);
+          item.append(cref);
+          _this.setParent(item, true);
+          jQuery.each(i.children, function (i, e) {
+            processItem(e, cref);
+          })
+        } else {
+          var item = _this.createNewListItem(i);
+
+          if (!item) return;
+
+          pref.append(item);
+        }
+      }
+
+      jQuery.each(data, function (i, e) {
+        processItem(e, list);
+      })
+
+      _this.$instance.find(_this.options.itemClass.dot()).each(function (i, item) {
+        if ($(item).data(_this.options.paramsDataKey).collapsed) _this.collapseItem($(item));
+      });
+
+      // Call start edit event listeners
+      this.options.event.onParseJson.forEach(function (cb, i) {
+        cb();
+      });
+    },
+    serialise:                        function () {
+      return this.serialize();
+    },
+
+    reset: function () {
+      this.mouse = {
+        offsetX:                0,
+        offsetY:                0,
+        startX:                 0,
+        startY:                 0,
+        lastX:                  0,
+        lastY:                  0,
+        nowX:                   0,
+        nowY:                   0,
+        lastCurrentDistXChange: 0,
+        lastCurrentDistYChange: 0,
+        isMovingOnXAxis:        null,
+        dirX:                   0,
+        dirY:                   0,
+        lastDirX:               0,
+        lastDirY:               0,
+        distAxX:                0,
+        distAxY:                0,
+        distXtotal:             0,
+        distYtotal:             0
+      };
+      this.isTouch = false;
+      this.moving = false;
+      this.$dragItem = null;
+      this.dragRootEl = null;
+      this.dragDepth = 0;
+      this.hasNewRoot = false;
+      this.$pointEl = null;
+    },
+
+    expandItem: function ($item) {
+      $item.removeClass(this.options.collapsedClass);
+      $item.children(this.options.listClass.dot()).children(this.options.itemClass.dot()).show();
+      $item.children(this.options.expandBtnClass.dot()).hide();
+      $item.children(this.options.collapseBtnClass.dot()).show();
+      $item.data(this.options.paramsDataKey, $.extend(true, $item.data(this.options.paramsDataKey), {collapsed: false}));
+
+      // Call start edit event listeners
+      this.options.event.onItemExpanded.forEach(function (cb, i) {
+        cb($item);
+      });
+    },
+
+    collapseItem: function ($item) {
+      $item.addClass(this.options.collapsedClass);
+      $item.children(this.options.listClass.dot()).children(this.options.itemClass.dot()).hide();
+      $item.children(this.options.collapseBtnClass.dot()).hide();
+      $item.children(this.options.expandBtnClass.dot()).show();
+      $item.data(this.options.paramsDataKey, $.extend(true, $item.data(this.options.paramsDataKey), {collapsed: true}));
+
+      // Call start edit event listeners
+      this.options.event.onItemCollapsed.forEach(function (cb, i) {
+        cb($item);
+      });
+    },
+
+    expandAll:                          function (cb) {
+      var list            = this,
+          recursiveExpand = function ($item) {
+            if (!cb || !cb($item)) return;
+            list.expandItem($item);
+            var listBag = $item.children(list.options.listNodeName);
+            if (listBag.length) {
+              jQuery.each(listBag, function (i, item) {
+                recursiveExpand($(item));
+              });
+            }
+          };
+
+      list.$instance.find(this.options.collapsedClass.dot()).each(function (e, item) {
+        recursiveExpand($(item));
+      });
+    },
+    /**
+     * @version-control +0.0.1 collapse all fix
+     * @param cb
+     */
+    collapseAll:                        function (cb) {
+      var list              = this,
+          recursiveCollapse = function ($item) {
+            if (!cb || !cb($item)) return;
+            var listBag = $item.children(list.options.listNodeName);
+            if (listBag.length) {
+              list.collapseItem($item);
+              jQuery.each(listBag, function (i, item) {
+                recursiveCollapse($(item));
+              });
+            }
+          };
+
+      list.$instance.find(list.options.listNodeName).children(list.options.itemClass.dot()).each(function (e, item) {
+        recursiveCollapse($(item));
+      });
+    },
+    /**
+     * @dev-since 0.13.29
+     * @version-control +0.0.5 prevent setting multiple parents on a parent element
+     * @param li
+     * @param force
+     */
+    setParent:                          function ($item, force) {
+      var opt = this.options;
+      // If the specified selector targets any element
+      if ($item.children(this.options.listNodeName).length || force) {
+        // LI STRUCTURE
+        // <li class="dd-item dd3-item" data-id="15">
+        //  <button data-action="collapse" type="button">Collapse</button>
+        //  <button data-action="expand" type="button" style="display: none;">Expand</button>
+        //     <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 15</div>
+        //     <ol class="dd-list">
+        //         <li class="dd-item dd3-item" data-id="16">
+        //             <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 16</div>
+        //         </li>
+        //         <li class="dd-item dd3-item" data-id="17">
+        //             <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 17</div>
+        //         </li>
+        //         <li class="dd-item dd3-item" data-id="18">
+        //             <div class="dd-handle dd3-handle">Drag</div><div class="dd3-content">Item 18</div>
+        //         </li>
+        //     </ol>
+        // </li>
+        $item.children('[data-action="collapse"]').show();
+        // make sure handle is the first element
+        var handle = $item.find(this.options.handleClass.dot()).first().clone();
+        $item.find(this.options.handleClass.dot()).first().remove();
+        $item.prepend(handle);
+      }
+      // If the selector gets targeted within the li element
+      // hide it
+      $item.children('[data-action="expand"]').hide();
+
+      // Call start edit event listeners
+      opt.event.onItemSetParent.forEach(function (cb, i) {
+        cb($item);
+      });
+    },
+    /**
+     * @dev-since 0.13.29
+     * @version-control +0.1.0 fix clean item data when unsetting a parent #4
+     * @dev-since 0.48.53
+     * @version-control +0.1.0 fix disappearing lists on unsetParent with multiple list instances
+     * @param $item
+     */
+    unsetParent:                        function ($item) {
+      var opt = this.options;
+
+      $item.removeClass(this.options.collapsedClass);
+      // Clear collapse/expand controls from the parent
+      $item.children('[data-action]').hide();
+      $item.children(this.options.listNodeName).remove();
+      $item.removeData('children');
+
+      // Call start edit event listeners
+      opt.event.onItemUnsetParent.forEach(function (cb, i) {
+        cb($item, undefined); // JSN
+      });
+    },
+    /**
+     * @dev-since 0.13.29
+     * @version-control +0.0.5 unsetEmptyParent
+     * @param parent
+     */
+    unsetEmptyParent:                   function (parent) {
+      var _this = this;
+      if (parent.find(this.options.itemClass.dot()).length === 0) _this.unsetParent(parent);
+    },
+    // How many list items does an element have?
+    getChildrenCount:                   function ($placeholder) {
+      return $placeholder.parents(this.options.listClass.dot()).length + this.$dragItem.find(this.options.listClass.dot()).length - 1;
+    },
+    updatePlaceholderMaxDepthApperance: function () {
+      if (this.getChildrenCount(this.$placeholder) >= this.options.maxDepth) {
+        this.$placeholder.addClass('max-depth');
+      } else {
+        this.$placeholder.removeClass('max-depth');
+      }
+    },
+    dragStart:                          function (e) {
+      var mouse    = this.mouse,
+          opt      = this.options,
+          target   = $(e.target),
+          dragItem = target.closest(this.options.itemNodeName);
+
+      /**
+       * @dev-since 0.48.53
+       * @version-control +0.2.0 enhancement adding noDragClass to an item makes it undraggable
+       */
+      if (dragItem.attr('class').match(opt.noDragClass)) return;
+
+      this.$placeholder.css('height', dragItem.height());
+
+      mouse.offsetX = e.offsetX !== undefined ? e.offsetX : e.pageX - target.offset().left;
+      mouse.offsetY = e.offsetY !== undefined ? e.offsetY : e.pageY - target.offset().top;
+      mouse.startX = mouse.lastX = e.pageX;
+      mouse.startY = mouse.lastY = e.pageY;
+
+      this.dragRootEl = this.$instance;
+
+      // Define the state as dragging so no other elements get attached due
+      // to the identification process in init onStartDrag
+      this.$dragItem = $(document.createElement(this.options.listNodeName))
+      .addClass(this.options.listClass + ' ' + this.options.dragClass);
+      this.$dragItem.css('width', dragItem.width());
+
+      // this.$placeholder -> $('<div class="' + list.options.placeClass + '"/>');
+      // Put the targeted element into the $dragItem which will work as a kind of a bag
+      // while dragging
+      dragItem.after(this.$placeholder);
+      dragItem[0].parentNode.removeChild(dragItem[0]);
+      dragItem.appendTo(this.$dragItem);
+
+      $(document.body).append(this.$dragItem);
+      // Adjust the dragging bag ($dragItem) initial position within the
+      // element
+      this.$dragItem.css({
+        'left': e.pageX - mouse.offsetX,
+        'top':  e.pageY - mouse.offsetY
+      });
+
+      this.updatePlaceholderMaxDepthApperance();
+
+      // Call start drag event listeners
+      this.options.event.onItemDrag.forEach(function (cb, i) {
+        cb($(dragItem), e);
+      });
+    },
+    dragStop:                           function (e) {
+      var el    = this.$dragItem.children(this.options.itemNodeName).first(),
+          _this = this;
+
+      el[0].parentNode.removeChild(el[0]);
+      this.$placeholder.replaceWith(el);
+
+      this.$dragItem.remove();
+      this.$instance.trigger('change');
+      if (this.hasNewRoot) {
+        this.dragRootEl.trigger('change');
+      }
+      this.reset();
+
+      this.mouse.distXtotal = 0;
+      this.mouse.distYtotal = 0;
+
+      // Call end drag event listeners
+      this.options.event.onItemDrop.forEach(function (cb, i) {
+        cb($(el), e);
+      });
+
+      if ($(el).parents(this.options.rootClass).data('sortable-id') !== $(this.$instance).data('sortable-id')) {
+        $(el).parents(this.options.rootClass.dot()).sortable()._plugin.options.event.onItemDrop.forEach(function (cb, i) {
+          cb(el, e);
+        });
+      }
+    },
+
+
+    /**
+     * @dev-since 0.24.53
+     * @version-control +0.10.0 enchancement of item dragging/repositioning
+     * @version-control +0.3.0  fix unsetting parents
+     */
+    dragMove: function (e) {
+      var list, parent, prev, next, depth, $rootListOfPointingElement, hasRootChanged,
+          isEmpty = false,
+          opt     = this.options,
+          mouse   = this.mouse;
+
+      /**
+       * @dev-since 0.87.53
+       * @version-control +0.0.5 fix ghost first movement
+       * @type {number|Number}
+       */
+      // mouse position last events
+      mouse.lastX = mouse.nowX || e.pageX;
+      mouse.lastY = mouse.nowY || e.pageY;
+
+      // mouse position this events
+      mouse.nowX = e.pageX;
+      mouse.nowY = e.pageY;
+
+      // distance mouse moved between events
+      mouse.lastCurrentDistXChange = mouse.nowX - mouse.lastX;
+      mouse.lastCurrentDistYChange = mouse.nowY - mouse.lastY;
+
+      // set the direction mouse was moving for future events
+      mouse.lastDirX = mouse.dirX;
+      mouse.lastDirY = mouse.dirY;
+
+      // direction mouse is now moving (on both axis)
+      // 0 for no direction, 1 for right -1 for left
+      mouse.dirX = mouse.lastCurrentDistXChange === 0 ? 0 : mouse.lastCurrentDistXChange > 0 ? 1 : -1;
+      mouse.dirY = mouse.lastCurrentDistYChange === 0 ? 0 : mouse.lastCurrentDistYChange > 0 ? 1 : -1;
+
+      /**
+       * @dev-since 0.87.53
+       * @version-control 0.0.5 fix telepathic child dragging
+       * @type {number}
+       */
+      // placeELSP – placeholder pixel strand, how far removed is the $dragItem from placeEL in pixels?
+      // placeELSEF – placeholder elastic strand factor, how far removed is the $dragItem from placeEL in elastic units?
+      var placeElSPY = Math.abs(this.$placeholder.offset().top - this.$dragItem.offset().top),
+          placeElSPX = Math.abs(this.$placeholder.offset().left - this.$dragItem.offset().left),
+          placeElSEF = (2 / Math.PI) * Math.atan((Math.PI / 2) * (placeElSPY + placeElSPX) * 0.1 / opt.threshold);
+
+      // Placeholder will be dragged around, the member list will actually
+      // hide itself and replace the placeholder on dragStop
+      this.$dragItem.css({
+        // Place element on the document following the mouse
+        // position change
+        //
+        // e.pageX position of the mouse relative to the whole page
+        // e.offsetX position of the mouse relative to .dd3-handle
+        // mouse absolute position - the position offset in the element =
+        // = begin offset of the element
+        'left': e.pageX - mouse.offsetX,
+        'top':  e.pageY - mouse.offsetY
+      });
+
+      this.$pointEl = $(document.elementFromPoint(e.pageX - document.body.scrollLeft, e.pageY - (window.pageYOffset || document.documentElement.scrollTop)));
+
+      // find parent list of item under cursor
+      $rootListOfPointingElement = this.$pointEl.closest(opt.rootClass.dot());
+      hasRootChanged = this.dragRootEl.data('sortable-id') !== $rootListOfPointingElement.data('sortable-id');
+
+      if ($rootListOfPointingElement.length && !hasRootChanged) {
+        this.$placeholder.css({
+          'opacity': 1
+        });
+      } else {
+        this.$placeholder.css({
+          // fade out the placeholder as the distance of the cursor and placeholder increases
+          'opacity': 1 - placeElSEF
+        });
+      }
+
+      // do nothing when the root list is not found and the mouse is removed far away from the placeholder
+      if ($rootListOfPointingElement.length === 0 && placeElSEF > 0.4) return;
+
+      // axis mouse is moving on: 1 for x-axis, 0 for y-axis
+      var isMovingOnXAxis = Math.abs(mouse.lastCurrentDistXChange) > Math.abs(mouse.lastCurrentDistYChange) &&
+      // the difference of covered distance between both axis must be at least 2px for isMovingOnXAxis to change
+      Math.abs(mouse.lastCurrentDistXChange - mouse.lastCurrentDistYChange) > 2 ? true : false;
+
+      // intialize variables on first move event
+      if (mouse.moving === false) {
+        mouse.isMovingOnXAxis = isMovingOnXAxis;
+        mouse.moving = true;
+      }
+
+      function setTotalDistance(x, y) {
+        mouse.distXtotal = x;
+        mouse.distYtotal = y;
+
+        if (x == 0) mouse.lastX = mouse.startX = mouse.nowX;
+        if (y == 0) mouse.lastY = mouse.startY = mouse.nowY;
+      }
+
+      setTotalDistance(mouse.nowX - mouse.startX, mouse.nowY - mouse.startY);
+      mouse.isMovingOnXAxis = isMovingOnXAxis;
+
+      this.updatePlaceholderMaxDepthApperance();
+
+      if (this.$pointEl.parents(opt.rootClass.dot()).length === 0) setTotalDistance(0, 0);
+
+      /**
+       * move horizontal only to right
+       */
+      if (Math.abs(mouse.distXtotal) >= opt.threshold) {
+        // reset move distance on x-axis for new phase
+        // this.$placeholder placeholder element
+        var $precedingSiblingItem = this.$placeholder.prev(opt.itemNodeName);
+        var $precedingSiblingItemList = $precedingSiblingItem.find(opt.listNodeName).last();
+
+        // Handle moving to right
+        if (mouse.distXtotal > 0 && mouse.dirX === 1 && $precedingSiblingItem.length > 0 && !$precedingSiblingItem.hasClass(opt.collapsedClass)) {
+          // check if depth limit has reached
+          if (this.getChildrenCount(this.$placeholder) < opt.maxDepth) {
+            if ($precedingSiblingItemList.length > 0) {
+              var $lastItem = $precedingSiblingItem.children(opt.listNodeName).last();
+              $lastItem.append(this.$placeholder);
+              setTotalDistance(0, 0);
+            } else {
+              var $list = $(document.createElement((opt.listNodeName))).addClass(opt.listClass);
+              $list.append(this.$placeholder);
+              $precedingSiblingItem.append($list);
+              this.setParent($precedingSiblingItem);
+              setTotalDistance(0, 0);
+            }
+          } else if (this.getChildrenCount(this.$placeholder) >= opt.maxDepth) {
+            this.updatePlaceholderMaxDepthApperance();
+            opt.event.onItemMaxDepth.forEach(function (cb, i) {
+              cb($precedingSiblingItem);
+            });
+          }
+        } else if (mouse.distXtotal < 0 && mouse.dirX === -1) {
+          var $parent = this.$placeholder.parents(opt.itemClass.dot()).first();
+          if ($parent.length) {
+            $parent.after(this.$placeholder);
+            if ($parent.children(opt.itemClass.dot()).length === 0) this.unsetEmptyParent($parent);
+            setTotalDistance(0, 0);
+          }
+        }
+      }
+
+      // find list item under cursor
+      if (!hasPointerEvents) {
+        this.$dragItem[0].style.visibility = 'hidden';
+      }
+
+
+      /**
+       * @dev-since 0.87.53
+       * @version-control +0.0.5 fix disappearing list when mixing items from multiple instances
+       */
+      if (!this.$instance.children(this.options.listClass.dot()).length) {
+        this.$instance.append($('<' + this.options.listNodeName + '/>').attr('class', this.options.listClass));
+      }
+
+      /**
+       * @dev-since 0.87.53
+       * @version-control +0.1.0 feature restrict list merging
+       */
+      if (this.options.allowListMerging !== true) {
+        if (hasRootChanged && this.options.allowListMerging === false) return;
+        else if (hasRootChanged && $rootListOfPointingElement.data('sortable') && $rootListOfPointingElement.data('sortable').options.allowListMerging.indexOf(this.$instance.attr('id')) === -1) return;
+      }
+      /**
+       * @dev-since 0.48.59
+       * @version-control +0.1.0 fix snapping items to an empty list  (multiple instances)
+       */
+      if (this.$pointEl.hasClass(opt.listClass) && !this.$pointEl.children(opt.itemClass.dot()).length) this.$pointEl.append(this.$placeholder);
+
+      if (!this.$pointEl.parents(opt.rootClass.dot()).length || this.$pointEl.hasClass(opt.listClass) || this.$pointEl.hasClass(opt.placeClass)) return;
+
+      if (!this.$pointEl.hasClass(opt.itemClass)) this.$pointEl = $(this.$pointEl).parents(opt.itemClass.dot()).first();
+
+      if (!hasPointerEvents) {
+        this.$dragItem[0].style.visibility = 'visible';
+      }
+      if (this.$pointEl.hasClass(opt.handleClass)) {
+        this.$pointEl = this.$pointEl.parent(opt.itemNodeName);
+      }
+      // When no pointer element has been found or when the pointer element has no options.itemClass
+      else if (!this.$pointEl.length || !this.$pointEl.hasClass(opt.itemClass)) {
+        return;
+      }
+
+
+      /**
+       * move vertical
+       */
+
+      if (mouse.isMovingOnXAxis === false && Math.abs(mouse.distYtotal) >= 5) {
+        // check if groups match if dragging over new root
+        if (hasRootChanged && opt.allowListMerging === false) {
+          return;
+        } else if (hasRootChanged && typeof opt.allowListMerging === "object") {
+          if(opt.allowListMerging.indexOf($rootListOfPointingElement.attr('id')) === -1) return;
+        }
+
+        setTotalDistance(0, 0);
+
+        // check depth limit
+        var depth = this.dragDepth - 1 + this.$pointEl.parents(opt.listNodeName).length;
+        var $placeholderParent = this.$placeholder.parent();
+
+        if (depth > opt.maxDepth) {
+          opt.event.onItemMaxDepth.forEach(function (cb, i) {
+            cb(this.$dragItem);
+          });
+          // if empty create new list to replace empty placeholder
+        }
+
+        // note: while dragging from up to down the placeholder will push the item upwards, therefore
+        // we need to calculate position using an element with absolute position
+        var before = e.pageY < (this.$pointEl.offset().top + this.$pointEl.height() / 2);
+
+        if (this.$pointEl.hasClass(opt.emptyClass)) {
+          var $list = $(document.createElement(opt.listNodeName)).addClass(opt.listClass);
+          $list.append(this.$placeholder);
+          this.$pointEl.replaceWith($list);
+        }
+        // $placeholderParent !== this.$pointEl make sure we drag up/down only
+        else if (before && $placeholderParent !== this.$pointEl) {
+          this.$pointEl.before(this.$placeholder);
+        }
+        else if (mouse.dirY > 0 && $placeholderParent !== this.$pointEl) {
+          this.$pointEl.after(this.$placeholder);
+        }
+
+        if ($placeholderParent.children().length === 0) {
+          this.unsetEmptyParent($placeholderParent.parent());
+        }
+
+        if (this.dragRootEl.find(opt.itemNodeName).length === 0) {
+          this.dragRootEl.append('<div class="' + opt.emptyClass + '"/>');
+        }
+
+        if (hasRootChanged) {
+          this.dragRootEl = $rootListOfPointingElement;
+          this.hasNewRoot = this.$instance[0] !== this.dragRootEl[0];
+        }
+      }
+    }
+  };
+
+  /**
+   * Works like a proxy to Plugin prototype.
+   * Separates the API of the developer from the API
+   * of the user.
+   */
+  function PublicPlugin(plugin, lists) {
+    if (!plugin) throw new TypeError('expected object, got ' + typeof plugin);
+    this._plugin = plugin,
+      this._lists = lists;
+  }
+
+  PublicPlugin.prototype = {
+    getLists:           function () {
+      return this._lists;
+    },
+    parseJson:          function (data, override) {
+      var data = data || null, override = override || false;
+      this._plugin.deserialize(data, override);
+      return this;
+    },
+    toJson:             function () {
+      var data = this._plugin.serialize();
+      return JSON.stringify(data);
+    },
+    expandAll:          function () {
+      this._plugin.expandAll(function () {
+        return true;
+      });
+      return this;
+    },
+    collapseAll:        function () {
+      this._plugin.collapseAll(function () {
+        return true;
+      });
+      return this;
+    },
+    /**
+     * @desc Expand items one by one. If callback returns then the item will be expanded.
+     * @callback-params $item
+     * @param cb
+     * @returns {PublicPlugin}
+     */
+    expand:             function (cb) {
+      this._plugin.expandAll(cb);
+      return this;
+    },
+    /**
+     * @desc Collapse items one by one. If callback returns then the item will be expanded.
+     * @callback-params $item
+     * @param cb
+     * @returns {PublicPlugin}
+     */
+    collapse:           function (cb) {
+      this._plugin.collapseAll(cb);
+      return this;
+    },
+    /**
+     * @desc  Listen toParse calls
+     * @callback-params
+     * @callback-context PublicPlugin
+     * @param callback
+     * @dev-since >0.0.1
+     * @version-control +0.1.0 feature onParseJson event listener
+     * @returns {PublicPlugin}
+     */
+    onParseJson:        function (callback) {
+      var _this = this;
+      _this._plugin.options.event.onParseJson.push(callback.bind(_this));
+      return _this;
+    },
+    /**
+     * @desc  Fires after an item becomes a parent
+     * @callback-params $item
+     * @callback-context PublicPlugin
+     * @param callback
+     * @dev-since 0.87.53
+     * @version-control +0.1.0 feature onItemSetParent event listener
+     * @returns {PublicPlugin}
+     */
+    onItemSetParent:    function (callback) {
+      var _this = this;
+      _this._plugin.options.event.onItemSetParent.push(callback.bind(_this));
+      return _this;
+    },
+    /**
+     * @desc  Fires after a parent is unset
+     * @callback-params $parent
+     * @callback-context PublicPlugin
+     * @param callback
+     * @dev-since 0.87.53
+     * @version-control +0.1.0 feature onItemSetParent event listener
+     * @returns {PublicPlugin}
+     */
+    onItemUnsetParent:  function (callback) {
+      var _this = this;
+      _this._plugin.options.event.onItemUnsetParent.push(callback.bind(_this));
+      return _this;
+    },
+    /**
+     * @desc Listen to toJson calls
+     * @callback-params
+     * @callback-context PublicPlugin
+     * @param callback
+     * @dev-since >0.0.1
+     * @version-control +0.1.0 feature listen to toJson calls
+     * @returns {PublicPlugin}
+     */
+    onToJson:           function (callback) {
+      var _this = this;
+      _this._plugin.options.event.onToJson.push(callback.bind(_this));
+      return _this;
+    },
+    /**
+     * @desc Listen for save events
+     * @callback-params jQueryCollection inputCollection
+     * @callback-context PublicPlugin
+     * @param callback
+     * @dev-since >0.0.1
+     * @version-control +0.1.0 feature listen for editBoxSave events
+     * @returns {PublicPlugin}
+     */
+    onSaveEditBoxInput: function (callback) {
+      var _this = this;
+      _this._plugin.options.event.onSaveEditBoxInput.push(callback.bind(_this));
+      return _this;
+    },
+    /**
+     * @desc Fires when user starts to drag an item
+     * @callback-params jQueryCollection dragItem, MouseEvent event
+     * @callback-context PublicPlugin
+     * @param callback
+     * @dev-since >0.0.1
+     * @version-control +0.1.0 feature listen for itemDrag events
+     * @returns {PublicPlugin}
+     */
+    onItemDrag:         function (callback) {
+      var _this = this;
+      _this._plugin.options.event.onItemDrag.push(callback.bind(_this));
+      return _this;
+    },
+    /**
+     * @desc Fires when the user stops to drag an item
+     * @callback-params jQueryCollection dragItem, MouseEvent event
+     * @callback-context PublicPlugin
+     * @param callback
+     * @dev-since >0.0.1
+     * @version-control +0.1.0 feature listen from itemDrop events
+     * @returns {PublicPlugin}
+     */
+    onItemDrop:         function (callback) {
+      var _this = this;
+      _this._plugin.options.event.onItemDrop.push(callback.bind(_this));
+      return _this;
+    },
+    /**
+     * @desc Fires when an item has been added to the list
+     * @callback-params jQueryCollection item, MouseEvent event
+     * @callback-context PublicPlugin
+     * @param callback
+     * @dev-since >0.0.1
+     * @version-control +0.1.0 feature listen for itemAdded events
+     * @returns {PublicPlugin}
+     */
+    onItemAdded:        function (callback) {
+      var _this = this;
+      _this._plugin.options.event.onItemAdded.push(callback.bind(_this));
+      return _this;
+    },
+    /**
+     * @desc Fires when an item has been removed
+     * @callback-params jQueryCollection item, MouseEvent event
+     * @callback-context PublicPlugin
+     * @param callback
+     * @dev-since >0.0.1
+     * @version-control +0.1.0 feature listen for itemRemoved events
+     * @returns {PublicPlugin}
+     */
+    onItemRemoved:      function (callback) {
+      var _this = this;
+      this._plugin.options.event.onItemRemoved.push(callback.bind(_this));
+      return _this;
+    },
+    /**
+     * @desc Fires when an item is entering the edit mode
+     * @callback-params jQueryCollection item, MouseEvent event
+     * @callback-context PublicPlugin
+     * @param callback
+     * @dev-since >0.0.1
+     * @version-control +0.1.0 feature listen for itemStartEdit events
+     * @returns {PublicPlugin}
+     */
+    onItemStartEdit:    function (callback) {
+      var _this = this;
+      this._plugin.options.event.onItemStartEdit.push(callback.bind(_this));
+      return _this;
+    },
+    /**
+     * @desc Fires when an item is exiting the edit mode
+     * @callback-params jQueryCollection item, MouseEvent event
+     * @callback-context PublicPlugin
+     * @param callback
+     * @dev-since >0.0.1
+     * @version-control +0.1.0 feature listen for itemEndEdit events
+     * @returns {PublicPlugin}
+     */
+    onItemEndEdit:      function (callback) {
+      var _this = this;
+      this._plugin.options.event.onItemEndEdit.push(callback.bind(_this));
+      return _this;
+    },
+    /**
+     * @desc Fires when an item adds a child item
+     * @callback-params jQueryCollection item, MouseEvent event
+     * @callback-context PublicPlugin
+     * @param callback
+     * @dev-since 0.13.29
+     * @version-control +0.1.0 feature listen for itemAddChildItem events
+     * @returns {PublicPlugin}
+     */
+    onItemAddChildItem: function (callback) {
+      var _this = this;
+      this._plugin.options.event.onItemAddChildItem.push(callback.bind(_this));
+      return _this;
+    },
+
+    /**
+     * @desc Fires when an item is being created
+     * @dev-since 0.48.53
+     * @version-control +0.1.0 feature listen for onCreateItem events
+     */
+    onCreateItem: function (callback) {
+      var _this = this;
+      this._plugin.options.event.onCreateItem.push(callback.bind(_this));
+      return _this;
+    },
+
+    /**
+     * @desc Fires when an item has been collapsed
+     * @callback-params jQueryCollection item, MouseEvent event
+     * @callback-context PublicPlugin
+     * @param callback
+     * @dev-since 0.48.53
+     * @version-control +0.1.0 feature listen for onItemCollapsed events
+     * @returns {PublicPlugin}
+     */
+    onItemCollapsed: function (callback) {
+      var _this = this;
+      this._plugin.options.event.onItemCollapsed.push(callback.bind(_this));
+      return _this;
+    },
+
+    /**
+     * @desc Fires when an item has been expanded
+     * @callback-params jQueryCollection item, MouseEvent event
+     * @callback-context PublicPlugin
+     * @param callback
+     * @dev-since 0.48.53
+     * @version-control +0.1.0 feature listen for onItemCollapsed events
+     * @returns {PublicPlugin}
+     */
+    onItemExpanded: function (callback) {
+      var _this = this;
+      this._plugin.options.event.onItemExpanded.push(callback.bind(_this));
+      return _this;
+    },
+
+    /**
+     * @desc Fires when the max depth of an item prevents nesting additional children
+     * @callback-params jQueryCollection parentElement
+     * @callback-context PublicPlugin
+     * @param callback
+     * @dev-since 0.87.53
+     * @version-control +0.1.0 feature listen for onItemMaxDepth events
+     * @returns {PublicPlugin}
+     */
+    onItemMaxDepth: function (callback) {
+      var _this = this;
+      this._plugin.options.event.onItemMaxDepth.push(callback.bind(_this));
+      return _this;
+    },
+
+    /**
+     * @desc Setup a callback for multiple events
+     * @dev-since 0.48.53
+     * @param eventBag array or string containing event names
+     * @version-control +0.1.0 feature listen on many events simultaneously, use '*' to listen for all events
+     * @returns {PublicPlugin}
+     */
+    on: function (eventBag, callback) {
+      var _this = this;
+      if (typeof eventBag === "object") {
+        eventBag.forEach(function (event, i) {
+          _this._plugin.options.event[event].push(callback.bind(_this));
+        });
+      } else if (eventBag === "*") {
+        Object.keys(_this._plugin.options.event).forEach(function (event, c) {
+          _this._plugin.options.event[event].push(callback.bind(_this))
+        });
+      } else if (typeof eventBag === "string") {
+        _this._plugin.options.event[eventBag].push(callback.bind(_this));
+      }
+      return _this;
+    },
+
+    getListNodes: function () {
+      var opt       = this._plugin.options,
+          listNodes = this._plugin.$instance.find(opt.listNodeName);
+      return listNodes;
+    },
+
+    /**
+     * @desc Get the current plugin configuration
+     * @dev-since 0.0.1
+     * @version-control +0.1.0 feature get current plugin configuration
+     * @returns Object
+     */
+    getPluginOptions: function () {
+      return this._plugin.options;
+    }
+  };
+
+  /**
+   * @dev-since 0.0.1
+   * @version-control +0.0.1 unused variables cleanup
+   * @version-control +0.0.1
+   * @dev-since 0.13.29
+   * @version-control +0.0.5 random key generation improvements
+   */
+  $.fn.sortable = function (params) {
+    var lists   = this.first(),
+        sortable  = $(this),
+        plugin  = sortable.data("sortable") || new Plugin(this, params),
+        pPlugin = new PublicPlugin(plugin, lists);
+
+    if (params) plugin.options = $.extend(true, {}, defaults, params);
+    if (!sortable.data("sortable") || params) sortable.data("sortable", plugin);
+    if (!sortable.data("sortable-id")) {
+      var pseudoRandomNumericKey = Math.random().toString().replace(/\D/g, '');
+      sortable.data('sortable-id', pseudoRandomNumericKey);
+    }
+
+    return pPlugin || plugin;
+
+  }
+})(window.jQuery || window.Zepto, window, document);
diff --git a/deployed/jsn/components/com_jsn/assets/js/jquery.sortable.min.js b/deployed/jsn/components/com_jsn/assets/js/jquery.sortable.min.js
new file mode 100644
index 00000000..7c1f2376
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/js/jquery.sortable.min.js
@@ -0,0 +1 @@
+!function(a,b,c,d){function h(b,d){this.w=a(c),this.$instance=a(b),this.options=a.extend(!0,{},g,d),this.init()}function i(a,b){if(!a)throw new TypeError("expected object, got "+typeof a);this._plugin=a,this._lists=b}var e="ontouchstart"in c;String.prototype.dot=function(){return"."+this},String.prototype.eachHas=function(a,b,c,d){var e=this,f=[],b=b||", ",c=c||" ",d=d||b,g=a.split(b);return g.forEach(function(a,b){f.push(e+c+a)}),f.join(d)},String.prototype.padLength=function(a,b){for(var c=this;c.length<b;)c=a+c;return c},String.prototype.join=function(a,b){var b="string"==typeof b?b:" ";return this+b+a},Function.prototype.setName=function(a){return Object.defineProperty(this,"name",{get:function(){return a}}),this},Function.prototype.clone=function(){var a=new Function("return "+this.toString())();for(var b in this)a[b]=this[b];return a};var f=function(){var a=c.createElement("div"),d=c.documentElement;if(!("pointerEvents"in a.style))return!1;a.style.pointerEvents="auto",a.style.pointerEvents="x",d.appendChild(a);var e=b.getComputedStyle&&"auto"===b.getComputedStyle(a,"").pointerEvents;return d.removeChild(a),!!e}(),g={listNodeName:"ol",itemNodeName:"li",rootClass:"dd",listClass:"dd-list",itemClass:"dd-item",itemBlueprintClass:"dd-item-blueprint",dragClass:"dd-dragel",handleClass:"dd-handle",collapsedClass:"dd-collapsed",placeClass:"dd-placeholder",noDragClass:"dd-nodrag",emptyClass:"dd-empty",contentClass:"dd3-content",itemAddBtnClass:"item-add",removeBtnClass:"item-remove",itemRemoveBtnConfirmClass:"confirm-class",addBtnSelector:"",addBtnClass:"dd-new-item",editBoxClass:"dd-edit-box",inputSelector:"input, select, textarea",collapseBtnClass:"collapse",expandBtnClass:"expand",endEditBtnClass:"end-edit",itemBtnContainerClass:"dd-button-container",itemNameClass:"item-name",data:"",allowListMerging:!1,select2:{support:!1,selectWidth:"45%",params:{}},slideAnimationDuration:0,maxDepth:5,threshold:15,refuseConfirmDelay:2e3,newItemFadeIn:350,event:{onToJson:[],onParseJson:[],onSaveEditBoxInput:[],onItemDrag:[],onItemAddChildItem:[],onItemDrop:[],onItemAdded:[],onItemExpanded:[],onItemCollapsed:[],onItemRemoved:[],onItemStartEdit:[],onItemEndEdit:[],onCreateItem:[],onItemMaxDepth:[],onItemSetParent:[],onItemUnsetParent:[]},paramsDataKey:"__sortable_params"};h.prototype={init:function(){var c=this,d=this.options;c.reset(),c.$placeholder=a('<div class="'+c.options.placeClass+'"/>'),a.each(this.$instance.find(c.options.itemNodeName),function(b,d){c.setParent(a(d))}),c.$instance.on("click","button",function(b){if(!c.$dragItem){var d=a(b.currentTarget),e=d.data("action"),f=d.parent(c.options.itemNodeName);"collapse"===e&&c.collapseItem(f),"expand"===e&&c.expandItem(f)}});var f=function(b){var d=a(b.target);if(!d.hasClass(c.options.handleClass)){if(d.closest(c.options.noDragClass.dot()).length)return;d=d.closest(c.options.handleClass.dot())}d.length&&!c.$dragItem&&(c.isTouch=/^touch/.test(b.type),c.isTouch&&1!==b.touches.length||(b.preventDefault(),c.dragStart(b.touches?b.touches[0]:b)))},g=function(a){c.$dragItem&&(a.preventDefault(),c.dragMove(a.touches?a.touches[0]:a))},h=function(a){c.$dragItem&&(a.preventDefault(),c.dragStop(a.touches?a.touches[0]:a))};e&&(c.$instance[0].addEventListener("touchstart",f,!1),b.addEventListener("touchmove",g,!1),b.addEventListener("touchend",h,!1),b.addEventListener("touchcancel",h,!1)),c.$instance.on("mousedown",f),c.w.on("mousemove",g),c.w.on("mouseup",h),d.addBtnSelector?this.addNewListItemListener(a(d.addBtnSelector)):this.addNewListItemListener(this.$instance.find(d.addBtnClass.dot()))},addNewListItemListener:function(b,c){var d=this,e=this.options;b.on("click",function(b){var c=d.$instance.find(e.listClass.dot()).first(),f=d.createNewListItem();f&&(f.css("display","none"),c.prepend(f),f.fadeIn(e.newItemFadeIn),d.options.event.onItemAdded.forEach(function(c,d){c(a(f),b)}))})},clickEndEditEventHandler:function(a){var b=this,c=b.options,d=a.find(c.endEditBtnClass.dot()).first();d.on("click",null,{forced:!0},b.keypressEnterEndEditEventHandler.bind(b))},clickStartEditEventHandler:function(b){var c=this.options,d=this,e=a(b.target).parents(c.itemClass.dot()).first(),f=e.find(c.itemNameClass.dot()).first(),g=e.find(c.inputSelector).first(),h=e.find(c.itemBtnContainerClass.dot()).first(),i=e.find(c.editBoxClass.dot()).first(),j=function(b){b.each(function(b,c){var c=a(c),e=d.keypressEnterEndEditEventHandler;c.data("sortable_keypressEnterEndEditEventHandler")||(c.data("sortable_keypressEnterEndEditEventHandler",!0),c.on("keypress",e.bind(d)))})};e.data("sortable_clickEndEditEventHandler")!==!0&&(d.clickEndEditEventHandler(e),e.data("sortable_clickEndEditEventHandler",!0)),f.stop().hide(c.slideAnimationDuration,function(){"SELECT"!==g.get(0).nodeName?g.val(f.text()):g.val(g.find("option:contains("+f.text()+")").val()),h.stop().hide(c.slideAnimationDuration,function(){i.stop().show(c.slideAnimationDuration,function(){i.children().first("input").select().focus(),j(e)})})}),c.event.onItemStartEdit.forEach(function(a,c){a(e,b)})},resolveToken:function(a,b){if("string"==typeof a){for(var c=a,d=/\{\?[a-z\-\.]+\}/gi,e=c.match(d),f=e&&e.length||0,g=0;g<f;g++)switch(e[g]){case"{?date.gregorian-slashed-DMY}":var h=new Date(Date.now()),i=h.getDay().toString().padLength("0",2)+"/"+h.getMonth().toString().padLength("0",2)+"/"+h.getFullYear();c=c.replace(e[g],i);break;case"{?date.mysql-datetime}":var i=new Date(Date.now());i=i.getUTCFullYear()+"-"+("00"+(i.getUTCMonth()+1)).slice(-2)+"-"+("00"+i.getUTCDate()).slice(-2)+" "+("00"+i.getUTCHours()).slice(-2)+":"+("00"+i.getUTCMinutes()).slice(-2)+":"+("00"+i.getUTCSeconds()).slice(-2),c=c.replace(e[g],i);break;case"{?numeric.increment}":this.incrementIncrement=this.incrementIncrement||1,c=c.replace(e[g],this.incrementIncrement),this.incrementIncrement+=1;break;case"{?value}":c=c.replace(e[g],b.value);break;default:c=a}return c}},saveEditBoxInput:function(b){var e,c=this,d=this.options;b.each(function(b,f){var g=a(f).parents(d.itemClass.dot().join(",").join(d.itemBlueprintClass.dot())).first().data(f.getAttribute("name")),h=a(f).data("default-value")||"";if(e=a(f).parents(d.itemClass.dot()).first(),!g&&!f.value)var i=c.resolveToken(h,a(f));e.data(f.getAttribute("name"),a(f).val()||g||i)}),d.event.onSaveEditBoxInput.forEach(function(a,c){a(e,b)})},keypressEnterEndEditEventHandler:function(b){var c=this,d=this.options,e=a(b.target).parents(d.itemClass.dot()).first(),f=e.find(d.editBoxClass.dot()).first(),g=e.find(d.inputSelector),h=e.find("span").first(),i=e.find(d.itemBtnContainerClass.dot()).first();(13===b.keyCode||b.data&&b.data.forced&&b.data.forced===!0)&&(c.determineAndSetItemTitle(e),""===h.text()&&h.text(c.determineAndSetItemTitle(e)),f.stop().slideUp(d.slideAnimationDuration,function(){c.saveEditBoxInput(g),i.attr("style",""),d.event.onItemEndEdit.forEach(function(c,d){c(a(e),b)}),h.stop().slideDown(d.slideAnimationDuration)}))},resolveInputDataEntryByName:function(b){var c=this.$instance;opt=this.options,c.find(opt.editBoxClass.dot().join(opt.inputSelector)).each(function(c,d){if(d.getAttribute("name")===b)return a(d).data("name")})},setItemTitle:function(a,b){var d=this.options;a.find(d.contentClass.dot().join("span")).first().text(b)},determineAndSetItemTitle:function(a){var b=this,c=this.options,d=a.find(c.inputSelector).first(),e=d.find("option:selected").first().text()||d.text(),f=a.find(c.editBoxClass.dot().eachHas(c.inputSelector)).first().val(),g=a.data(a.find(c.inputSelector).first().attr("name")),h=a.find(c.editBoxClass.dot().eachHas(c.inputSelector)).first().attr("placeholder"),i=a.find(c.editBoxClass.dot().eachHas(c.inputSelector)).first().data("placeholder"),j=e||f||g||b.resolveToken(i)||h;a.find(c.contentClass.dot().join("span")).first().text(j)},setInputCollectionPlaceholders:function(b,c){var d=this;a(c).each(function(c,e){if("SELECT"===e.nodeName){a(e).find('option[selected="selected"]').removeAttr("selected");var f=a(e).find('option[value="'+b.data(a(e).attr("name"))+'"]');if(0!==f.length)f.attr("selected","selected");else{if(!b.data(a(e).attr("name")))return;a(e).append('<option value="'+b.data(a(e).attr("name"))+'">'+b.data(a(e).attr("name"))+"</option>")}}a(e).attr("placeholder",d.resolveToken(a(e).data("placeholder"),a(e))||a(e).attr("placeholder")),a(e).val(b.data(a(e).attr("name")))})},createNewListItem:function(b){var c=this,d=this.$instance,e=this.options,f=d.find(e.itemBlueprintClass.dot()).first().clone(),g=f.find(e.editBoxClass.dot()).find(e.inputSelector);f.remove=function(){var a=f.parents(c.options.itemClass.dot()).first();jQuery(this).remove(),c.unsetEmptyParent(a),jQuery.each(e.event.onItemRemoved,function(a,b){b(f)})},f.setParameter=function(b,c){f.data(e.paramsDataKey,a.extend(!0,f.data(e.paramsDataKey),{key:c}))},f.getParameter=function(a){return f.data(a)},a.each(b||{},function(a,b){f.data(a,b)}),f.data("id",f.data("id")||c.getHighestId()+1);var h=f.attr("class"),i=e.itemClass+h.replace(e.itemBlueprintClass,"");return f.attr("class",i),this.setInputCollectionPlaceholders(f,g),this.saveEditBoxInput(g),this.determineAndSetItemTitle(f),this.setInputCollectionPlaceholders(g),f.find(e.removeBtnClass.dot()).first().on("click",function(b){var c=a(this),d=c.data(e.itemRemoveBtnConfirmClass);if(d)if(c.hasClass(d))f.remove();else{c.addClass(d);setTimeout(function(){c.removeClass(d)},e.refuseConfirmDelay)}else f.remove(),e.event.onItemRemoved.forEach(function(a,c){a(f,b)})}),f.find(e.itemAddBtnClass.dot()).first().on("click",function(a){c.itemAddChildItem(f),e.event.onItemAdded.forEach(function(b,c){b(f,a)}),e.event.onItemAddChildItem.forEach(function(b,c){b(f,a)})}),f.find("span").first().get(0).addEventListener("click",c.clickStartEditEventHandler.bind(this)),c.options.select2.support&&(f.find("select").css("width",c.options.select2.selectWidth),f.find("select").select2(c.options.select2.params)),f.data(e.paramsDataKey,f.data(e.paramsDataKey)||{}),e.event.onCreateItem.forEach(function(a,b){var c=a(f,f.data());f="undefined"==typeof c?f:c}),f},itemAddChildItem:function(b){var e,c=this,d=c.options,f=c.createNewListItem();if(f){if(b.parents(d.listClass.dot()).length>d.maxDepth){var g=b.find(d.itemAddBtnClass.dot());return g.addClass(d.removeBtnClass),setTimeout(function(){g.removeClass(d.removeBtnClass)},d.refuseConfirmDelay),void d.event.onItemMaxDepth.forEach(function(a,b){a()})}b.children(d.listClass.dot()).length?b.children(d.listClass.dot()).first().append(f):(e=a("<"+d.listNodeName+"/>").addClass(d.listClass),e.append(f),b.append(e)),c.setParent(b)}},getHighestId:function(){var b=this.options,c=this.$instance,d=0;return c.find(b.itemNodeName).each(function(b,c){var e=a(c).data("id");if(e>d)return d=e}),d},serialize:function(){this.options.event.onToJson.forEach(function(a,b){a()});var b,c=0,d=this;return step=function(b,c){var e=[],f=b.children(d.options.itemNodeName);return f.each(function(){var b=a(this),f=b.children(d.options.listNodeName),g={};a.each(b.data(),function(a,c){0!==a.indexOf("sortable_")&&(g[a]=b.data(a))});var h=a.extend({},g);f.length&&(h.children=step(f,c+1)),e.push(h)}),e},b=step(d.$instance.find(d.options.listNodeName).first(),c)},deserialize:function(b,c){var b=JSON.parse(b)||JSON.parse(this.options.data),d=this,e=this.options,f=d.$instance.find(e.listClass.dot()).first();c&&f.children().remove();var g=function(b,c){if(b.children){var f=a('<ol class="'+e.listClass+'"></ol>'),h=d.createNewListItem(b);if(!h)return;c.append(h),h.append(f),d.setParent(h,!0),jQuery.each(b.children,function(a,b){g(b,f)})}else{var h=d.createNewListItem(b);if(!h)return;c.append(h)}};jQuery.each(b,function(a,b){g(b,f)}),d.$instance.find(d.options.itemClass.dot()).each(function(b,c){a(c).data(d.options.paramsDataKey).collapsed&&d.collapseItem(a(c))}),this.options.event.onParseJson.forEach(function(a,b){a()})},serialise:function(){return this.serialize()},reset:function(){this.mouse={offsetX:0,offsetY:0,startX:0,startY:0,lastX:0,lastY:0,nowX:0,nowY:0,lastCurrentDistXChange:0,lastCurrentDistYChange:0,isMovingOnXAxis:null,dirX:0,dirY:0,lastDirX:0,lastDirY:0,distAxX:0,distAxY:0,distXtotal:0,distYtotal:0},this.isTouch=!1,this.moving=!1,this.$dragItem=null,this.dragRootEl=null,this.dragDepth=0,this.hasNewRoot=!1,this.$pointEl=null},expandItem:function(b){b.removeClass(this.options.collapsedClass),b.children(this.options.listClass.dot()).children(this.options.itemClass.dot()).show(),b.children(this.options.expandBtnClass.dot()).hide(),b.children(this.options.collapseBtnClass.dot()).show(),b.data(this.options.paramsDataKey,a.extend(!0,b.data(this.options.paramsDataKey),{collapsed:!1})),this.options.event.onItemExpanded.forEach(function(a,c){a(b)})},collapseItem:function(b){b.addClass(this.options.collapsedClass),b.children(this.options.listClass.dot()).children(this.options.itemClass.dot()).hide(),b.children(this.options.collapseBtnClass.dot()).hide(),b.children(this.options.expandBtnClass.dot()).show(),b.data(this.options.paramsDataKey,a.extend(!0,b.data(this.options.paramsDataKey),{collapsed:!0})),this.options.event.onItemCollapsed.forEach(function(a,c){a(b)})},expandAll:function(b){var c=this,d=function(e){if(b&&b(e)){c.expandItem(e);var f=e.children(c.options.listNodeName);f.length&&jQuery.each(f,function(b,c){d(a(c))})}};c.$instance.find(this.options.collapsedClass.dot()).each(function(b,c){d(a(c))})},collapseAll:function(b){var c=this,d=function(e){if(b&&b(e)){var f=e.children(c.options.listNodeName);f.length&&(c.collapseItem(e),jQuery.each(f,function(b,c){d(a(c))}))}};c.$instance.find(c.options.listNodeName).children(c.options.itemClass.dot()).each(function(b,c){d(a(c))})},setParent:function(a,b){var c=this.options;if(a.children(this.options.listNodeName).length||b){a.children('[data-action="collapse"]').show();var d=a.find(this.options.handleClass.dot()).first().clone();a.find(this.options.handleClass.dot()).first().remove(),a.prepend(d)}a.children('[data-action="expand"]').hide(),c.event.onItemSetParent.forEach(function(b,c){b(a)})},unsetParent:function(a){var b=this.options;a.removeClass(this.options.collapsedClass),a.children("[data-action]").hide(),a.children(this.options.listNodeName).remove(),a.removeData("children"),b.event.onItemUnsetParent.forEach(function(b,c){b(a,d)})},unsetEmptyParent:function(a){var b=this;0===a.find(this.options.itemClass.dot()).length&&b.unsetParent(a)},getChildrenCount:function(a){return a.parents(this.options.listClass.dot()).length+this.$dragItem.find(this.options.listClass.dot()).length-1},updatePlaceholderMaxDepthApperance:function(){this.getChildrenCount(this.$placeholder)>=this.options.maxDepth?this.$placeholder.addClass("max-depth"):this.$placeholder.removeClass("max-depth")},dragStart:function(b){var e=this.mouse,f=this.options,g=a(b.target),h=g.closest(this.options.itemNodeName);h.attr("class").match(f.noDragClass)||(this.$placeholder.css("height",h.height()),e.offsetX=b.offsetX!==d?b.offsetX:b.pageX-g.offset().left,e.offsetY=b.offsetY!==d?b.offsetY:b.pageY-g.offset().top,e.startX=e.lastX=b.pageX,e.startY=e.lastY=b.pageY,this.dragRootEl=this.$instance,this.$dragItem=a(c.createElement(this.options.listNodeName)).addClass(this.options.listClass+" "+this.options.dragClass),this.$dragItem.css("width",h.width()),h.after(this.$placeholder),h[0].parentNode.removeChild(h[0]),h.appendTo(this.$dragItem),a(c.body).append(this.$dragItem),this.$dragItem.css({left:b.pageX-e.offsetX,top:b.pageY-e.offsetY}),this.updatePlaceholderMaxDepthApperance(),this.options.event.onItemDrag.forEach(function(c,d){c(a(h),b)}))},dragStop:function(b){var c=this.$dragItem.children(this.options.itemNodeName).first();c[0].parentNode.removeChild(c[0]),this.$placeholder.replaceWith(c),this.$dragItem.remove(),this.$instance.trigger("change"),this.hasNewRoot&&this.dragRootEl.trigger("change"),this.reset(),this.mouse.distXtotal=0,this.mouse.distYtotal=0,this.options.event.onItemDrop.forEach(function(d,e){d(a(c),b)}),a(c).parents(this.options.rootClass).data("sortable-id")!==a(this.$instance).data("sortable-id")&&a(c).parents(this.options.rootClass.dot()).sortable()._plugin.options.event.onItemDrop.forEach(function(a,d){a(c,b)})},dragMove:function(d){function t(a,b){o.distXtotal=a,o.distYtotal=b,0==a&&(o.lastX=o.startX=o.nowX),0==b&&(o.lastY=o.startY=o.nowY)}var j,k,l,n=this.options,o=this.mouse;o.lastX=o.nowX||d.pageX,o.lastY=o.nowY||d.pageY,o.nowX=d.pageX,o.nowY=d.pageY,o.lastCurrentDistXChange=o.nowX-o.lastX,o.lastCurrentDistYChange=o.nowY-o.lastY,o.lastDirX=o.dirX,o.lastDirY=o.dirY,o.dirX=0===o.lastCurrentDistXChange?0:o.lastCurrentDistXChange>0?1:-1,o.dirY=0===o.lastCurrentDistYChange?0:o.lastCurrentDistYChange>0?1:-1;var p=Math.abs(this.$placeholder.offset().top-this.$dragItem.offset().top),q=Math.abs(this.$placeholder.offset().left-this.$dragItem.offset().left),r=2/Math.PI*Math.atan(Math.PI/2*(p+q)*.1/n.threshold);if(this.$dragItem.css({left:d.pageX-o.offsetX,top:d.pageY-o.offsetY}),this.$pointEl=a(c.elementFromPoint(d.pageX-c.body.scrollLeft,d.pageY-(b.pageYOffset||c.documentElement.scrollTop))),k=this.$pointEl.closest(n.rootClass.dot()),l=this.dragRootEl.data("sortable-id")!==k.data("sortable-id"),k.length&&!l?this.$placeholder.css({opacity:1}):this.$placeholder.css({opacity:1-r}),!(0===k.length&&r>.4)){var s=Math.abs(o.lastCurrentDistXChange)>Math.abs(o.lastCurrentDistYChange)&&Math.abs(o.lastCurrentDistXChange-o.lastCurrentDistYChange)>2;if(o.moving===!1&&(o.isMovingOnXAxis=s,o.moving=!0),t(o.nowX-o.startX,o.nowY-o.startY),o.isMovingOnXAxis=s,this.updatePlaceholderMaxDepthApperance(),0===this.$pointEl.parents(n.rootClass.dot()).length&&t(0,0),Math.abs(o.distXtotal)>=n.threshold){var u=this.$placeholder.prev(n.itemNodeName),v=u.find(n.listNodeName).last();if(o.distXtotal>0&&1===o.dirX&&u.length>0&&!u.hasClass(n.collapsedClass))if(this.getChildrenCount(this.$placeholder)<n.maxDepth)if(v.length>0){var w=u.children(n.listNodeName).last();w.append(this.$placeholder),t(0,0)}else{var x=a(c.createElement(n.listNodeName)).addClass(n.listClass);x.append(this.$placeholder),u.append(x),this.setParent(u),t(0,0)}else this.getChildrenCount(this.$placeholder)>=n.maxDepth&&(this.updatePlaceholderMaxDepthApperance(),n.event.onItemMaxDepth.forEach(function(a,b){a(u)}));else if(o.distXtotal<0&&o.dirX===-1){var y=this.$placeholder.parents(n.itemClass.dot()).first();y.length&&(y.after(this.$placeholder),0===y.children(n.itemClass.dot()).length&&this.unsetEmptyParent(y),t(0,0))}}if(f||(this.$dragItem[0].style.visibility="hidden"),this.$instance.children(this.options.listClass.dot()).length||this.$instance.append(a("<"+this.options.listNodeName+"/>").attr("class",this.options.listClass)),this.options.allowListMerging!==!0){if(l&&this.options.allowListMerging===!1)return;if(l&&k.data("sortable")&&k.data("sortable").options.allowListMerging.indexOf(this.$instance.attr("id"))===-1)return}if(this.$pointEl.hasClass(n.listClass)&&!this.$pointEl.children(n.itemClass.dot()).length&&this.$pointEl.append(this.$placeholder),this.$pointEl.parents(n.rootClass.dot()).length&&!this.$pointEl.hasClass(n.listClass)&&!this.$pointEl.hasClass(n.placeClass)){if(this.$pointEl.hasClass(n.itemClass)||(this.$pointEl=a(this.$pointEl).parents(n.itemClass.dot()).first()),f||(this.$dragItem[0].style.visibility="visible"),this.$pointEl.hasClass(n.handleClass))this.$pointEl=this.$pointEl.parent(n.itemNodeName);else if(!this.$pointEl.length||!this.$pointEl.hasClass(n.itemClass))return;if(o.isMovingOnXAxis===!1&&Math.abs(o.distYtotal)>=5){if(l&&n.allowListMerging===!1)return;if(l&&"object"==typeof n.allowListMerging&&n.allowListMerging.indexOf(k.attr("id"))===-1)return;t(0,0);var j=this.dragDepth-1+this.$pointEl.parents(n.listNodeName).length,z=this.$placeholder.parent();j>n.maxDepth&&n.event.onItemMaxDepth.forEach(function(a,b){a(this.$dragItem)});var A=d.pageY<this.$pointEl.offset().top+this.$pointEl.height()/2;if(this.$pointEl.hasClass(n.emptyClass)){var x=a(c.createElement(n.listNodeName)).addClass(n.listClass);x.append(this.$placeholder),this.$pointEl.replaceWith(x)}else A&&z!==this.$pointEl?this.$pointEl.before(this.$placeholder):o.dirY>0&&z!==this.$pointEl&&this.$pointEl.after(this.$placeholder);0===z.children().length&&this.unsetEmptyParent(z.parent()),0===this.dragRootEl.find(n.itemNodeName).length&&this.dragRootEl.append('<div class="'+n.emptyClass+'"/>'),l&&(this.dragRootEl=k,this.hasNewRoot=this.$instance[0]!==this.dragRootEl[0])}}}}},i.prototype={getLists:function(){return this._lists},parseJson:function(a,b){var a=a||null,b=b||!1;return this._plugin.deserialize(a,b),this},toJson:function(){var a=this._plugin.serialize();return JSON.stringify(a)},expandAll:function(){return this._plugin.expandAll(function(){return!0}),this},collapseAll:function(){return this._plugin.collapseAll(function(){return!0}),this},expand:function(a){return this._plugin.expandAll(a),this},collapse:function(a){return this._plugin.collapseAll(a),this},onParseJson:function(a){var b=this;return b._plugin.options.event.onParseJson.push(a.bind(b)),b},onItemSetParent:function(a){var b=this;return b._plugin.options.event.onItemSetParent.push(a.bind(b)),b},onItemUnsetParent:function(a){var b=this;return b._plugin.options.event.onItemUnsetParent.push(a.bind(b)),b},onToJson:function(a){var b=this;return b._plugin.options.event.onToJson.push(a.bind(b)),b},onSaveEditBoxInput:function(a){var b=this;return b._plugin.options.event.onSaveEditBoxInput.push(a.bind(b)),b},onItemDrag:function(a){var b=this;return b._plugin.options.event.onItemDrag.push(a.bind(b)),b},onItemDrop:function(a){var b=this;return b._plugin.options.event.onItemDrop.push(a.bind(b)),b},onItemAdded:function(a){var b=this;return b._plugin.options.event.onItemAdded.push(a.bind(b)),b},onItemRemoved:function(a){var b=this;return this._plugin.options.event.onItemRemoved.push(a.bind(b)),b},onItemStartEdit:function(a){var b=this;return this._plugin.options.event.onItemStartEdit.push(a.bind(b)),b},onItemEndEdit:function(a){var b=this;return this._plugin.options.event.onItemEndEdit.push(a.bind(b)),b},onItemAddChildItem:function(a){var b=this;return this._plugin.options.event.onItemAddChildItem.push(a.bind(b)),b},onCreateItem:function(a){var b=this;return this._plugin.options.event.onCreateItem.push(a.bind(b)),b},onItemCollapsed:function(a){var b=this;return this._plugin.options.event.onItemCollapsed.push(a.bind(b)),b},onItemExpanded:function(a){var b=this;return this._plugin.options.event.onItemExpanded.push(a.bind(b)),b},onItemMaxDepth:function(a){var b=this;return this._plugin.options.event.onItemMaxDepth.push(a.bind(b)),b},on:function(a,b){var c=this;return"object"==typeof a?a.forEach(function(a,d){c._plugin.options.event[a].push(b.bind(c))}):"*"===a?Object.keys(c._plugin.options.event).forEach(function(a,d){c._plugin.options.event[a].push(b.bind(c))}):"string"==typeof a&&c._plugin.options.event[a].push(b.bind(c)),c},getListNodes:function(){var a=this._plugin.options,b=this._plugin.$instance.find(a.listNodeName);return b},getPluginOptions:function(){return this._plugin.options}},a.fn.sortable=function(b){var c=this.first(),d=a(this),e=d.data("sortable")||new h(this,b),f=new i(e,c);if(b&&(e.options=a.extend(!0,{},g,b)),d.data("sortable")&&!b||d.data("sortable",e),!d.data("sortable-id")){var j=Math.random().toString().replace(/\D/g,"");d.data("sortable-id",j)}return f||e}}(window.jQuery||window.Zepto,window,document);
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/js/name.js b/deployed/jsn/components/com_jsn/assets/js/name.js
new file mode 100644
index 00000000..5fa8f381
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/js/name.js
@@ -0,0 +1,106 @@
+jQuery(document).ready(function($){
+	// Name Field
+	$('#jform_firstname,#jform_secondname,#jform_lastname').change(function(){
+		var name='';
+		if($('#jform_firstname').length && $('#jform_firstname').val()!='') name=name+$('#jform_firstname').val();
+		if($('#jform_secondname').length && $('#jform_secondname').val()!='') name=name+' '+$('#jform_secondname').val();
+		if($('#jform_lastname').length && $('#jform_lastname').val()!='') name=name+' '+$('#jform_lastname').val();
+		$('#jform_name').val(name);
+	});
+	// Url Fields
+	$('input[type="url"]').blur(function(){
+		var value=$(this).val();
+		if(value!='' && value.indexOf('http://')<0 && value.indexOf('https://')<0) $(this).val('http://'+value);
+	});
+	// Add Empty Class for empty fields with validation
+	$('.validate-email,.validate-pattern,.validate-phone,.validate-confirmpassword,.validate-confirmemail').bind('change blur',function(){
+		if($(this).val()=='') $(this).addClass('empty-val');
+		else $(this).removeClass('empty-val');
+	});
+	// Normalize Form
+	if($("#member-profile .control-group,#member-profile .form-group,#member-registration .control-group,#member-registration .form-group").length==0){
+		$("#member-registration .control-label").next().addClass("controls").each(function(){
+			if($(this).parent(".privacy").length==0) $(this).parent().attr("class","control-group");
+			else $(this).parent().attr("class","control-group privacy");
+		});
+
+	}
+	// Hide Labels
+	$('#member-profile .no-title, #member-registration .no-title').closest('.control-label').hide();
+	// Patter Validator
+	try {
+		document.formvalidator.setHandler('pattern', function(value, element) {
+				    value = punycode.toASCII(value);
+		 	 	 	var regex = new RegExp('^'+element.attr('jsn-pattern')+'$', "g");
+		 	 	 	return regex.test(value);
+ 	 	 	
+ 	 	});
+	}
+	catch(err) {}
+	// Phone Validator
+	try {
+		document.formvalidator.setHandler('phone', function(value, element) {
+				    value = punycode.toASCII(value);
+				    value = value.replace(/[+. \-(\)]/g,'');
+		 	 	 	var regex = new RegExp('^[0-9]{7,15}?$', "g");
+		 	 	 	return regex.test(value);
+ 	 	 	
+ 	 	});
+	}
+	catch(err) {}
+	// Confirm Password
+	try {
+		document.formvalidator.setHandler('confirmpassword', function(value, element) {
+				    if($('#jform_password').length) $first = $('#jform_password').val();
+				    else $first = $('#jform_password1').val();
+				    if(value!=$first) return false;
+				    else return true;
+ 	 	});
+	}
+	catch(err) {}
+	// Confirm Email
+	try {
+		document.formvalidator.setHandler('confirmemail', function(value, element) {
+				    $first = $('#jform_email1').val();
+				    if(value!=$first) return false;
+				    else return true;
+ 	 	});
+	}
+	catch(err) {}
+
+	// File
+	try {
+		document.formvalidator.setHandler('fileext', function(value, element) {
+				    var regex = new RegExp('(' + element.attr('jsn-extensions') + ')$');
+		 	 	 	return regex.test(value);
+		
+ 	 	});
+	}
+	catch(err) {}
+
+});
+jQuery(window).load(function(){
+	if(jQuery('#user-form[name="adminForm"],#profile-form[name="adminForm"]').length){
+		jQuery('#myTabTabs a:not([href*="jsn_"])').each(function(){
+			jQuery('#myTabTabs').append(jQuery(this).parent());
+		});
+		jQuery('#myTabTabs a[href="#details"],#myTabTabs a[href="#account"]').prepend('<i style="margin-right: .25em;" class="icon icon-joomla"></i>');
+		jQuery('#myTabTabs a[href="#groups"]').prepend('<i style="margin-right: .25em;" class="icon icon-users"></i>');
+		jQuery('#myTabTabs a[href="#settings"],#myTabTabs a[href="#attrib-settings"]').prepend('<i style="margin-right: .25em;" class="icon icon-cog"></i>');
+		jQuery('#myTabTabs a[href*="jsn_"]').prepend('<i style="margin-right: .25em;" class="icon icon-user"></i>');
+		jQuery('#myTabTabs a').click(function(){
+			jQuery(this).tab('show');
+			setTimeout(function(){jQuery('.jsn_map:visible:not([data-loaded])').each(function(){
+				jQuery(this).attr("data-loaded","true");
+				var id=jQuery(this).attr("id").substr(4);
+				var center = jQuery("#jform_"+id).geocomplete('map').getCenter();
+				google.maps.event.trigger(jQuery("#jform_"+id).geocomplete('map'), "resize");
+				jQuery("#jform_"+id).geocomplete('map').setCenter(center);
+				jQuery("#jform_"+id).geocomplete('map').setZoom(jQuery("#jform_"+id).geocomplete('options').maxZoom);
+			})
+		},100);
+			return false;
+		});
+		if(jQuery('#details.active,#account.active').length) jQuery('#myTabTabs li:first a').click();
+	}
+});
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/js/privacy.js b/deployed/jsn/components/com_jsn/assets/js/privacy.js
new file mode 100644
index 00000000..7219f464
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/js/privacy.js
@@ -0,0 +1,29 @@
+jQuery(document).ready(function($){
+	
+	$('input.privacy').each(function(){
+		$(this).parent().parent().addClass('privacy');
+		$(this).parent().addClass('dropdown');
+		var id=$(this).attr('id');
+		if($(this).val()=='0') $('#btn_'+id+' > i').addClass('green jsn-icon jsn-icon-users');
+		if($(this).val()=='1') $('#btn_'+id+' > i').addClass('orange jsn-icon jsn-icon-user');
+		if($(this).val()=='99') $('#btn_'+id+' > i').addClass('red jsn-icon jsn-icon-user-secret');
+		
+		/*$('#btn_'+id).click(function(event){
+			event.preventDefault();
+			$('#opt_'+id).toggle();//toggleClass('privacy_menu_show');
+		})*/
+		
+		$('#opt_'+id+' a').click(function(event){
+			event.preventDefault();
+			$('#'+id).val($(this).attr('rel'));
+			$('#btn_'+id+' > i').attr('class','');
+			if($('#'+id).val()=='0') $('#btn_'+id+' > i').addClass('green jsn-icon jsn-icon-users');
+			if($('#'+id).val()=='1') $('#btn_'+id+' > i').addClass('orange jsn-icon jsn-icon-user');
+			if($('#'+id).val()=='99') $('#btn_'+id+' > i').addClass('red jsn-icon jsn-icon-user-secret');
+			$('#opt_'+id).hide();//removeClass('privacy_menu_show');
+			$('#btn_'+id+' + ul').attr('style','');// JS conflict
+			$('#btn_'+id).focus(); // Workaround for IE8
+		});
+	});
+	
+});
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/js/tabs.effects.js b/deployed/jsn/components/com_jsn/assets/js/tabs.effects.js
new file mode 100644
index 00000000..d838d66b
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/js/tabs.effects.js
@@ -0,0 +1,2137 @@
+/**************************************************************************
+*	@name		    Zozo UI Tabs
+*	@descripton	    Create awesome tabbed content area
+*	@version	    6.5
+*   @Licenses: 	    http://codecanyon.net/licenses/
+*   @requires       jQuery v1.7 or later
+*	@copyright      Copyright (c) 2013 Zozo UI
+*   @author         Zozo UI
+*   @URL:           http://www.zozoui.com
+* This files should be not used in production.
+***************************************************************************/
+
+
+/**
+ * jQuery.browser.mobile (http://detectmobilebrowser.com/)
+ **/
+; (function (a) { (jQuery.browser = jQuery.browser || {}).mobile = /(android|ipad|playbook|silk|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4)) })(navigator.userAgent || navigator.vendor || window.opera);
+
+; (function ($, window, document, undefined) {
+    if (!window.console) window.console = {};
+    if (!window.console.log) window.console.log = function () { };
+
+    $.fn.extend({
+        hasClasses: function (selectors) {
+            var _base = this;
+            for (i in selectors) {
+                if ($(_base).hasClass(selectors[i]))
+                    return true;
+            }       
+            return false;
+        }
+    });
+
+    $.zozo = {};
+    $.zozo.core = {};
+    $.zozo.core.console = {
+        debug: false,
+        log: function (message) {
+            if ($("#zozo-console").length != 0) {
+                $("<div/>")
+                .css({ marginTop: -24 })
+                .html(message)
+                .prependTo("#zozo-console")
+                .animate({ marginTop: 0 }, 300)
+                .animate({ backgroundColor: "#ffffff" }, 800);
+            }
+            else {
+                if (console && this.debug === true) {
+                    console.log(message);
+                }
+            }
+        }
+    };
+
+
+    $.zozo.core.content = {
+        debug: false,
+        video: function (_content) {
+            if (_content) {
+                _content.find("iframe").each(function () {
+                    var _iframeSrc = $(this).attr('src');
+                    var wmode = "wmode=transparent";
+                    if (_iframeSrc && _iframeSrc.indexOf(wmode) === -1) {
+                        if (_iframeSrc.indexOf('?') != -1) $(this).attr('src', _iframeSrc + '&' + wmode);
+                        else $(this).attr('src', _iframeSrc + '?' + wmode);
+                    }
+                });
+            }
+        },
+        check: function (_content) {
+            this.video(_content);
+        }
+    };
+
+    $.zozo.core.keyCodes = {
+        tab: 9,
+        enter: 13,
+        esc: 27,
+
+        space: 32,
+        pageup: 33,
+        pagedown: 34,
+        end: 35,
+        home: 36,
+
+        left: 37,
+        up: 38,
+        right: 39,
+        down: 40
+    };
+
+    $.zozo.core.debug = {
+        startTime: new Date(),
+        log: function (msg) {
+            if (console) {
+                console.log(msg);
+            }
+        },
+        start: function () {
+            this.startTime = +new Date();
+            this.log("start: " + this.startTime);
+        },
+        stop: function () {
+            var _end = +new Date();
+            var _diff = _end - this.startTime;
+
+            this.log("end: " + _end);
+            this.log("diff: " + _diff);
+
+            var Seconds_from_T1_to_T2 = _diff / 1000;
+            var Seconds_Between_Dates = Math.abs(Seconds_from_T1_to_T2);
+
+            //this.log("diff s: " + Seconds_Between_Dates);
+        }
+    };
+
+    $.zozo.core.support = {
+        is_mouse_present: function () {
+            return (('onmousedown' in window) && ('onmouseup' in window) && ('onmousemove' in window) && ('onclick' in window) && ('ondblclick' in window) && ('onmousemove' in window) && ('onmouseover' in window) && ('onmouseout' in window) && ('oncontextmenu' in window));
+        },
+        is_touch_device: function () {
+            return (('ontouchstart' in window) ||   // html5 browsers
+             (navigator.maxTouchPoints > 0) ||      // future IE
+             (navigator.msMaxTouchPoints > 0)) &&   // current IE10
+             (jQuery.browser.mobile);               // mobile browser
+        },
+        html5_storage: function () {
+            try {//https://github.com/artberri/jquery-html5storage/blob/master/jquery.html5storage.js
+                return 'localStorage' in window && window['localStorage'] !== null;
+            } catch (e) {
+                return false;
+            }
+        },
+        supportsCss: (function () {
+            var div = document.createElement('div'), vendors = 'khtml ms o moz webkit'.split(' '), cssPre = false;
+            return function (prop) {
+                (prop in div.style) && (cssPre = prop)
+                var propUp = prop.replace(/^[a-z]/, function (val) { return val.toUpperCase(); });
+                $.each(vendors, function (index, value) {
+                    (value + propUp in div.style) && (cssPre = '-' + value + '-' + prop);
+                });
+                return cssPre;
+            };
+        })(),
+        css: {
+            transition: false
+        }
+    };
+
+
+    $.zozo.core.utils = {
+        toArray: function (_object) {
+            return $.map(_object, function (value, key) {
+                return value;
+            });
+        },
+        createHeader: function (_t, _c) {
+            var _tab = $("<li><a>" + _t + "</a></li>");
+            var _content = $("<div>" + _c + "</div>");
+
+            return { tab: _tab, content: _content };
+        },
+        isEmpty: function (_str) {
+            return (!_str || 0 === _str.length);
+        },
+        isNumber: function (_input) {
+            return typeof _input === 'number' && isFinite(_input);
+        },
+        isEven: function (_number) {
+            return _number % 2 === 0;
+        },
+        isOdd: function (_input) {
+            return !(_number % 2 === 0);
+        },
+        animate: function (_base, _elem, _pre, _prop, _post, _hidePre) {
+            var _duration = (_base.settings.animation.effects === "none") ? 0 : _base.settings.animation.duration;
+            var _easing = _base.settings.animation.easing;
+            var _transition = $.zozo.core.support.css.transition;
+
+            if (_elem && _prop) {
+                if (_pre) {
+                    _elem.css(_pre);
+                }
+
+                /* moz transitions css transition fix*/
+                var _prLeft = _elem.css("left");
+                var _preTop = _elem.css("top");
+
+                if (_base.settings.animation.type === "css") {
+                    //pre animation
+                    _prop[_transition] = "all " + _duration + "ms ease-in-out"
+
+                    //animation
+                    setTimeout(function () {
+                        _elem.css(_prop);
+                    });
+
+                    //post animation                   
+                    setTimeout(function () {
+                        // _base.settings.animating = false;
+                        if (_post) {
+                            _elem.css(_post);
+                        }
+                        _elem.css(_transition, "");
+                        //_container.removeClass(ANIMATINGCLASS);
+                    }, _duration);
+                }
+                else {
+                    //lem.show().animate(_prop, {
+                    _elem.animate(_prop, {
+                        duration: _duration,
+                        easing: _easing,
+                        complete: function () {
+                            // _base.settings.animating = false;
+                            if (_post) {
+                                _elem.css(_post);
+                            }
+                            // _container.removeClass(ANIMATINGCLASS);
+                            if (_hidePre) {
+                                _elem.hide();
+                            }
+                        }
+                    });
+                }
+            }
+
+            return _base;
+        }
+    };
+
+    $.zozo.core.plugins = {
+        easing: function (_base) {
+            var _exist = false;
+            if (_base) {
+                if (_base.settings) {
+                    //set up a default value for easing
+                    var _defEasing = 'swing';
+
+                    // check for the existence of the easing plugin
+                    if ($.easing.def) {
+                        _exist = true;
+                    }
+                    else {
+                        if (_base.settings.animation.easing != 'swing' && _base.settings.animation.easing != 'linear') {
+                            _base.settings.animation.easing = _defEasing;
+                        }
+                    }
+                }
+            }
+            return _exist;
+        }
+    };
+
+    $.zozo.core.browser = {
+        init: function () {
+            this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
+            this.version = this.searchVersion(navigator.userAgent)
+                           || this.searchVersion(navigator.appVersion)
+                           || "an unknown version";
+
+            $.zozo.core.console.log("init: " + this.browser + " : " + this.version);
+
+
+            if (this.browser === "Explorer") {
+
+                var _el = $("html");
+                var version = parseInt(this.version);
+
+                if (version === 6) {
+                    _el.addClass("ie ie7");
+                }
+                else if (version === 7) {
+                    _el.addClass("ie ie7");
+                }
+                else if (version === 8) {
+                    _el.addClass("ie ie8");
+                }
+                else if (version === 9) {
+                    _el.addClass("ie ie9");
+                }
+            }
+        },
+        isIE: function (_version) {
+            if ($.zozo.core.utils.isNumber(_version)) {
+                return (this.browser === "Explorer" && this.version <= _version)
+            }
+            else {
+                return (this.browser === "Explorer")
+            }
+        },
+        isChrome: function (_version) {
+            if ($.zozo.core.utils.isNumber(_version)) {
+                return (this.browser === "Chrome" && this.version <= _version)
+            }
+            else {
+                return (this.browser === "Chrome")
+            }
+        },
+        searchString: function (data) {
+            for (var i = 0; i < data.length; i++) {
+                var dataString = data[i].string;
+                var dataProp = data[i].prop;
+                this.versionSearchString = data[i].versionSearch || data[i].identity;
+                if (dataString) {
+                    if (dataString.indexOf(data[i].subString) != -1)
+                        return data[i].identity;
+                }
+                else if (dataProp)
+                    return data[i].identity;
+            }
+        },
+        searchVersion: function (dataString) {
+            var index = dataString.indexOf(this.versionSearchString);
+            if (index == -1)
+                return;
+            return parseFloat(dataString.substring(index + this.versionSearchString.length + 1));
+        },
+        dataBrowser: [
+            {
+                string: navigator.userAgent,
+                subString: "Chrome",
+                identity: "Chrome"
+            }, {
+                string: navigator.vendor,
+                subString: "Apple",
+                identity: "Safari",
+                versionSearch: "Version"
+            }, {
+                prop: window.opera,
+                identity: "Opera"
+            }, {
+                string: navigator.userAgent,
+                subString: "Firefox",
+                identity: "Firefox"
+            }, {
+                string: navigator.userAgent,
+                subString: "MSIE",
+                identity: "Explorer",
+                versionSearch: "MSIE"
+            }
+        ]
+    };
+
+    $.zozo.core.hashHelper = {
+        mode: "single",
+        separator: null,        
+        all: function (_sep) {
+            var hashArray = [];
+            var hash = document.location.hash;
+
+            if (!this.hasHash()) {
+                return hashArray;
+            }
+
+            if (this.isSimple(_sep)) {
+                return hash.substring(1);
+            } else {
+                hash = hash.substring(1).split('&');
+                for (var i = 0; i < hash.length; i++) {
+                    var match = hash[i].split(_sep);
+                    //if (match.length != 2 || match[0] in hashArray) return undefined;
+                    if (match.length != 2 || match[0] in hashArray) {
+                        match[1] = "none";
+                    }
+                    hashArray[match[0]] = match[1];
+                }
+            }
+
+            return hashArray;
+        },
+        get: function (key, _sep) {
+            var all = this.all(_sep);
+            if (this.isSimple(_sep)) {
+                return all;
+            } else {
+                if (typeof all === 'undefined' || typeof all.length < 0) {
+                    //self.log("get: undefined or null all");
+                    return null;
+                }
+                else {
+                    if (typeof all[key] !== 'undefined' && all[key] !== null) {
+                        //self.log("get: exist key");
+                        return all[key];
+                    }
+                    else {
+                        //self.log("get: undefined or null key" + key);
+                        return null;
+                    }
+                }
+            }
+
+        },
+        set: function (key, value, _sep, _mod) {
+            if (this.isSimple(_sep)) {
+                document.location.hash = value;
+            } else {
+                if (_mod === "multiple") {                    
+                    var all = this.all(_sep);
+                    var hash = [];
+                    all[key] = value;
+                    for (var key in all) {
+                        hash.push(key + _sep + all[key]);
+                    }
+                    document.location.hash = hash.join('&');
+                } else {
+                    document.location.hash = key + _sep + value;
+                }
+            }
+        },
+        isSimple: function (_sep) {
+            if (!_sep  || _sep === "none") {
+                return true;
+            }
+            else {
+                return false;
+            }
+        },
+        hasHash: function () {
+            var hash = document.location.hash;
+            if (hash.length > 0) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        }
+    };
+
+
+    $.zozo.core.support.css.transition = $.zozo.core.support.supportsCss("transition");
+    $.zozo.core.browser.init();
+
+})(jQuery, window, document);
+
+; (function ($) {
+    $.event.special.ztap = {
+        // Abort tap if touch moves further than 10 pixels in any direction
+        distanceThreshold: 10,
+        // Abort tap if touch lasts longer than half a second
+        timeThreshold: 500,
+        //isTouchSupported: 'ontouchstart' in window || window.DocumentTouch && document instanceof DocumentTouch,
+        isTouchSupported: jQuery.zozo.core.support.is_touch_device(),
+        setup: function (_event) {
+
+            var self = this, _base = $(self);
+            var originalEvent = "click";
+            if (_event) {
+                if (_event.data) {
+                    originalEvent = _event.data;
+                }
+            }
+            if ($.event.special.ztap.isTouchSupported) {
+                // Bind touch start
+                _base.on('touchstart', function (startEvent) {
+                    // Save the target element of the start event
+                    var target = startEvent.target,
+                      touchStart = startEvent.originalEvent.touches[0],
+                      startX = touchStart.pageX,
+                      startY = touchStart.pageY,
+                      threshold = $.event.special.ztap.distanceThreshold,
+                      timeout;
+
+                    function clearTapHandler() {
+                        clearTimeout(timeout);
+                        _base.off('touchmove', moveHandler).off('touchend', tapHandler);
+                    };
+
+                    function tapHandler(endEvent) {
+                        clearTapHandler();
+
+                        // When the touch end event fires, check if the target of the
+                        // touch end is the same as the target of the start, and if
+                        // so, fire a click.
+                        if (target == endEvent.target) {
+                            $.event.simulate('ztap', self, endEvent);
+                        }
+                    };
+
+                    // Remove tap and move handlers if the touch moves too far
+                    function moveHandler(moveEvent) {
+                        var touchMove = moveEvent.originalEvent.touches[0],
+                          moveX = touchMove.pageX,
+                          moveY = touchMove.pageY;
+
+                        if (Math.abs(moveX - startX) > threshold ||
+                            Math.abs(moveY - startY) > threshold) {
+                            clearTapHandler();
+                        }
+                    };
+
+                    // Remove the tap and move handlers if the timeout expires
+                    timeout = setTimeout(clearTapHandler, $.event.special.ztap.timeThreshold);
+
+                    // When a touch starts, bind a touch end and touch move handler
+                    _base.on('touchmove', moveHandler).on('touchend', tapHandler);
+                });
+            }
+            else {
+                // Bind click               
+                _base.on(originalEvent, function (endEvent) {                    
+                    $.event.simulate('ztap', self, endEvent);
+                });
+            }
+        }
+    };
+
+
+
+})(jQuery);
+
+
+;(function ($, window, document, undefined) {    
+
+    if (window.zozo == null) {
+        window.zozo = {};
+    }
+
+    var ZozoTabs = function (elem, options) {
+        this.elem = elem;
+        this.$elem = $(elem);
+        this.options = options;
+        this.metadata = (this.$elem.data("options")) ? this.$elem.data("options") : {};
+        this.attrdata = (this.$elem.data()) ? this.$elem.data() : {};
+        this.tabID;
+        this.$tabGroup;
+        this.$mobileNav;
+        this.$mobileDropdownArrow;
+        this.$tabs;
+        this.$container;
+        this.$contents;
+        this.autoplayIntervalId;
+        this.resizeWindowIntervalId;
+        this.currentTab;
+        this.BrowserDetection = $.zozo.core.browser;
+        this.Deeplinking = $.zozo.core.hashHelper;
+        this.lastWindowHeight;
+        this.lastWindowWidth;
+        this.responsive;
+    };
+
+    var zozo = {
+        pluginName: "zozoTabs",
+        elementSpacer: "<span class='z-tab-spacer' style='clear: both;display: block;'></span>",
+        commaRegExp: /,/g,
+        space: " ",
+        responsive: {
+            largeDesktop: 1200,
+            desktop: 960,
+            tablet: 720,
+            phone: 480
+        },
+        modes: {
+            tabs: "tabs",
+            stacked: "stacked",
+            menu: "menu",
+            slider: "slider"
+        },
+        states:{
+            closed: "z-state-closed",
+            open: "z-state-open",
+            active: "z-state-active"
+        },
+        events: {
+            click: "click",
+            mousover: "mouseover",
+            touchend: "touchend",
+            touchstart: "touchstart",
+            touchmove: "touchmove"
+        },
+        animation: {
+            effects:{               
+                fade: "fade",                
+                none: "none",
+                slideH: "slideH",
+                slideV: "slideV",
+                slideLeft: "slideLeft",
+                slideRight: "slideRight",
+                slideUp: "slideUp",
+                slideUpDown: "slideUpDown",
+                slideDown: "slideDown"
+            },
+            types: {
+                css: "css",
+                jquery: "jquery"
+            }
+        },
+        classes: {
+            prefix: "z-",
+            wrapper: "z-tabs",
+            tabGroup: "z-tabs-nav",
+            tab: "z-tab",
+            first: "z-first",
+            last: "z-last",
+            left: "z-left",
+            right: "z-right",
+            firstCol: "z-first-col",
+            lastCol: "z-last-col",
+            firstRow: "z-first-row",
+            lastRow: "z-last-row",
+            active: "z-active",
+            link: "z-link",
+            container: "z-container",
+            content: "z-content",
+            shadows: "z-shadows",
+            bordered: "z-bordered",
+            dark: "z-dark",
+            spaced: "z-spaced",            
+            rounded: "z-rounded",
+            themes: [
+                "gray",
+                "black",
+                "blue",
+                "crystal",
+                "green",
+                "silver",
+                "red",
+                "orange",
+                "deepblue",
+                "white"
+            ],
+            flatThemes: [               
+                "flat-turquoise",//1
+                "flat-emerald",
+                "flat-peter-river",
+                "flat-amethyst",
+                "flat-wet-asphalt",
+                "flat-green-sea",//2
+                "flat-nephritis",
+                "flat-belize-hole",
+                "flat-wisteria",
+                "flat-midnight-blue",
+                "flat-sun-flower",//3
+                "flat-carrot",
+                "flat-alizarin",                
+                "flat-graphite",
+                "flat-concrete",
+                "flat-orange",//4
+                "flat-pumpkin",
+                "flat-pomegranate",
+                "flat-silver",
+                "flat-asbestos",
+                "flat-zozo-red"
+            ],
+            styles: [
+                 "contained",
+                 "pills",
+                 "underlined",
+                 "clean",
+                 "minimal"
+            ],
+            orientations: [
+                "vertical",
+                "horizontal"
+            ],
+            sizes: [
+                "mini",
+                "small",
+                "medium",
+                "large",
+                "xlarge",
+                "xxlarge"
+            ],
+            positions: {
+                top: "top",
+                topLeft: "top-left",
+                topCenter: "top-center",
+                topRight: "top-right",
+                topCompact: "top-compact",
+                bottom: "bottom",
+                bottomLeft: "bottom-left",
+                bottomCenter: "bottom-center",
+                bottomRight: "bottom-right",
+                bottomCompact: "bottom-compact"
+            }
+        }
+    },
+    FLATCLASS = "flat",
+    READY = "ready",
+    ERROR = "error",
+    SELECT = "select",
+    ACTIVATE = "activate",
+    DEACTIVATE = "deactivate",
+    HOVERCLASS = "hover",
+    BEFORESEND = "beforeSend",
+    CONTENTLOAD = "contentLoad",
+    CONTENTURL = "contentUrl",
+    CONTENTTYPE = "contentType",
+    DISABLED = "disabled",
+    MENUICONCLASS = "z-icon-menu",
+    DISABLEDCLASS = "z-disabled",
+    STACKEDCLASS = "z-stacked",
+    LIGHTICONCLASS = "z-icons-light",
+    DARKICONCLASS = "z-icons-dark",
+    AJAXSPINNERCLASS = "z-spinner",
+    UNDERLINEDCLASS = "underlined",
+    CONTAINEDCLASS = "contained",
+    CLEANCLASS = "clean",
+    PILLS = "pills",
+    VERTICALCLASS = "vertical",
+    HORIZONTALCLASS = "horizontal",
+    TOPLEFTCLASS = "top-left",
+    TOPRIGHTCLASS = "top-right",
+    TOPCLASS = "top",
+    BOTTOMCLASS = "bottom",
+    BOTTOMRIGHTCLASS = "bottom-right",
+    BOTTOMLEFTCLASS = "bottom-left",
+    MOBILECLASS = "mobile",
+    MULTILINECLASS = "z-multiline",
+    TRANSITION = "transition",
+    ANIMATINGCLASS = "z-animating",
+    MOBILEDROPDOWNARROWCLASS = "z-dropdown-arrow",
+    RESPONSIVECLASS = "responsive",
+    CONTENTINNERCLASS = "z-content-inner";
+    
+    ZozoTabs.prototype = {
+        defaults: {
+            delayAjax:50,
+            animation: { duration: 600, effects: "slideH", easing: "easeInQuad", type: "css", mobileDuration: 00 },
+            autoContentHeight:true,
+            autoplay: { interval: 0, smart: true },
+            bordered: true,            
+            dark: false,
+            cacheAjax: true,
+            contentUrls: null,
+            deeplinking: false,
+            deeplinkingAutoScroll:false,
+            deeplinkingMode: "single",
+            deeplinkingPrefix: null,
+            deeplinkingSeparator: "",
+            defaultTab: "tab1",
+            event: zozo.events.click,
+            maxRows: 3,
+            minWidth: 200,            
+            minWindowWidth: 480,            
+            mobileAutoScrolling: null,//{navTopOffset:-10, contentTopOffset: -10},
+            mobileNav: true,
+            mobileMenuIcon: null,
+            mode: zozo.modes.tabs,
+            multiline:false,
+            hashAttribute: "data-link",            
+            position: zozo.classes.positions.topLeft,
+            orientation: HORIZONTALCLASS,
+            ready: function () { },
+            responsive: true,
+            responsiveDelay: 0,
+            rounded: false,
+            shadows: true,
+            theme: "silver",            
+            scrollToContent: false,            
+            select: function () { },
+            spaced: false,
+            deactivate: function () { },
+            beforeSend: function () { },
+            contentLoad: function () { },
+            next: null,
+            prev:null,
+            error: function () { },
+            noTabs: false,
+            rememberState:false,
+            size: "medium",
+            style: CONTAINEDCLASS,
+            tabRatio: 1.03,
+            tabRatioCompact: 1.031,
+            original:{
+                itemWidth: 0,
+                itemMinWidth: null,
+                itemMaxWidth: null,
+                groupWidth: 0,
+                initGroupWidth: 0,
+                itemD: 0,
+                itemM: 0,
+                firstRowWidth: 0,
+                lastRowItems:0,
+                count:0,
+                contentMaxHeight: null,
+                contentMaxWidth: null,
+                navHeight: null,
+                position: null,
+                bottomLeft: null,
+                tabGroupWidth:0
+            },
+            animating: false
+        },
+        init: function () {
+            var _base = this;
+            //setTimeout( function(){
+                _base.settings = $.extend(true,{}, _base.defaults, _base.options, _base.metadata, _base.attrdata);
+            
+                _base.$elem.find(">." + AJAXSPINNERCLASS).remove(); _base.$elem.removeClass("z-tabs-loading");
+
+                if (_base.settings.contentUrls != null) {
+                    _base.$elem.find("> div > div").each(function (index, item) {
+                        $(item).data(CONTENTURL, _base.settings.contentUrls[index]);
+                    });
+                }
+           
+                
+
+                methods.initAnimation(_base,true);                 
+                methods.updateClasses(_base);
+                methods.checkWidth(_base, true);
+                methods.bindEvents(_base);
+                methods.initAutoPlay(_base);
+
+                $.zozo.core.plugins.easing(_base);
+
+                /*load tab state from html5 local storage*/              
+                if (_base.settings.rememberState === true && $.zozo.core.support.html5_storage()) {
+                    var tab = localStorage.getItem(_base.tabID + "_defaultTab");                    
+                    if (methods.tabExist(_base, tab)) {
+                        _base.settings.defaultTab = tab;
+                    }
+                }
+
+                // check if Deeplinking is enabled
+                if (_base.settings.deeplinking === true) {
+                    var _prefix = (_base.settings.deeplinkingPrefix) ? _base.settings.deeplinkingPrefix : _base.tabID;
+                    if (document.location.hash) {
+                        var tab = _base.Deeplinking.get(_prefix, _base.settings.deeplinkingSeparator);
+                        if (methods.tabExist(_base, tab)) {
+                            methods.showTab(_base, tab);
+                            //scroll to top   
+                            if (_base.settings.deeplinkingAutoScroll === true) {
+                                $('html, body').animate({ scrollTop: _base.$elem.offset().top - 150 }, 2000);
+                            }
+                        }
+                        else {                        
+                            methods.showTab(_base, _base.settings.defaultTab);
+                        }
+                    }
+                    else {
+                        methods.showTab(_base, _base.settings.defaultTab);
+                    }
+
+                    // bind the event hashchange, using jquery-hashchange-plugin
+                    if (typeof ($(window).hashchange) != "undefined") {
+                        $(window).hashchange(function () {                      
+                            var _newTab = _base.Deeplinking.get(_prefix, _base.settings.deeplinkingSeparator);
+                            if (!_base.currentTab || _base.currentTab.attr(_base.settings.hashAttribute) !== _newTab) {
+                                methods.showTab(_base, _newTab);
+                            }                        
+                        });
+                    }
+                    else {
+                        // Bind the event hashchange, using jquery event binding, not supported (IE6, IE7) 
+                        $(window).bind('hashchange', function () {                        
+                            var _newTab = _base.Deeplinking.get(_prefix, _base.settings.deeplinkingSeparator);
+                            if (!_base.currentTab || _base.currentTab.attr(_base.settings.hashAttribute) !== _newTab) {
+                                methods.showTab(_base, _newTab);
+                            }                        
+                        });
+                    }
+                }
+                else {
+                    if (_base.settings.noTabs === true) {
+                        methods.showContent(_base, methods.getActive(_base, 0));
+                    }
+                    else {
+                        methods.showTab(_base, _base.settings.defaultTab);
+                    }
+                }
+
+                
+
+                methods.checkWidth(_base);
+
+                //fire ready event
+                _base.$elem.trigger(READY, _base.$elem);                       
+
+                return _base;
+            //}, 2000); 
+        },
+        setOptions: function (_option) {
+            var _base = this;
+           
+            _base.settings = $.extend(true, _base.settings, _option);
+
+            
+           methods.initAnimation(_base);
+            methods.updateClasses(_base, true);
+          //version 5.0 methods.initTransition(_base, _base.$tabs.index(_base.currentTab));
+           methods.checkWidth(_base, false, true);
+            methods.initAutoPlay(_base);
+
+
+            return _base;
+        },        
+        add: function (item, content, tabID) {
+            var _base = this;            
+            var tabOjb = {};
+            if (item != null && typeof item === 'object') {
+                if (item.tab) {
+                    tabOjb.tab = $(item.tab);
+                    (item.tabID && _base.settings.deeplinking === true) && (tabOjb.tab.attr(_base.settings.hashAttribute, item.tabID));
+                }
+
+                if (item.content) {
+                    tabOjb.content = $(item.content);
+                }
+            }
+            else if (item && content) {
+                tabOjb.tab = $("<li><a>" + item + "</a></li>");
+                tabOjb.content = $("<div>" + content + "</div>");
+                (tabID && _base.settings.deeplinking === true) && (tabOjb.tab.attr(_base.settings.hashAttribute, tabID));
+            }
+
+            if (tabOjb.tab && tabOjb.content) {
+                tabOjb.tab.appendTo(_base.$tabGroup).hide().fadeIn(300).css("display", "");
+                tabOjb.content.appendTo(_base.$container);
+
+                methods.updateClasses(_base);
+                methods.bindEvent(_base, tabOjb.tab);
+
+                setTimeout(function () {
+                    methods.checkWidth(_base, false, true);
+                }, 350);
+            }
+            
+            return _base;
+        },
+        insertAfter: function (_t, _c, _d) {
+            var _base = this;
+
+            return _base;
+        },
+        insertBefore: function (_t, _c, _d) {
+            var _base = this;
+
+            return _base;
+        },
+        remove: function (_i) {            
+            var _base = this;
+            var _index = (_i - 1);
+            var _tabToRemove = _base.$tabs.eq(_index);
+            var _contentToRmove = _base.$contents.eq(_index);
+
+            _contentToRmove.remove();
+            _tabToRemove.fadeOut(300, function () {
+                $(this).remove();
+                methods.updateClasses(_base);
+            });
+
+            setTimeout(function () {
+                methods.checkWidth(_base, false, true);
+            }, 350);
+
+            return _base;
+        },
+        enable: function (_i) {
+            var _base = this;
+            var _tabToEnable = _base.$tabs.eq(_i);
+            //var _contentToEnable= _base.$contents.eq(_i);
+
+            if (_tabToEnable.length)
+            {
+                _tabToEnable.removeClass(DISABLEDCLASS);
+                _tabToEnable.data(DISABLED,false);
+            }
+            return _base;
+        },
+        disable: function (_i) {
+            var _base = this;
+            var _tabToDisable = _base.$tabs.eq(_i);
+            //var _contentToDisable = _base.$contents.eq(_i);
+
+            if (_tabToDisable.length) {
+                _tabToDisable.addClass(DISABLEDCLASS);
+                _tabToDisable.data(DISABLED, true);
+            }
+            return _base;
+        },
+        select: function (_i) {           
+            var _base = this;
+            if (_base.settings.animating !== true) {
+                if (_base.settings.noTabs === true) {
+                    methods.showContent(_base, methods.getActive(_base, _i));
+                }
+                else {
+                    methods.changeHash(_base, _base.$tabs.eq(_i).attr(_base.settings.hashAttribute));
+                }
+            }
+            return _base;
+        },
+        first: function () {
+            var _base = this;
+            _base.select(methods.getFirst());
+            return _base;
+        },
+        prev: function () {
+            var _base = this;
+            var _currentIndex = methods.getActiveIndex(_base)
+            if (_currentIndex <= methods.getFirst(_base)) {
+                _base.select(methods.getLast(_base));
+            }
+            else {
+                _base.select(_currentIndex - 1);
+                $.zozo.core.debug.log("prev tab : " + (_currentIndex - 1));
+            }
+            return _base;
+        },
+        next: function (_base) {
+            _base = (_base) ? _base : this;
+            var _currentIndex = methods.getActiveIndex(_base);
+            var _count = parseInt(methods.getLast(_base));                      
+            if (_currentIndex >= _count) {
+                _base.select(methods.getFirst());
+            }
+            else {                
+                _base.select(_currentIndex + 1);                
+                $.zozo.core.debug.log("next tab : " + (_currentIndex + 1));
+            }
+            return _base;
+        },
+        last: function () {
+            var _base = this;
+            _base.select(methods.getLast(_base));
+            return _base;
+        },
+        play: function (interval) {
+            var _base = this;
+            if (interval == null || interval < 0) {
+                interval = 2000;
+            }
+            _base.settings.autoplay.interval = interval;
+            _base.stop();
+            _base.autoplayIntervalId = setInterval(function () { _base.next(_base); }, _base.settings.autoplay.interval);
+
+            return _base;
+        },
+        stop: function (_base) {
+            _base = (_base) ? _base : this;
+            clearInterval(_base.autoplayIntervalId);
+            return _base;
+        },
+        refresh: function () {
+            var _base = this;                       
+            _base.$contents.filter(".z-active").css({ "display": "block" }).show();
+            methods.checkWidth(_base);
+            return _base;
+        }      
+    };
+   
+    var methods = {
+        initAnimation: function (_base, _init) {
+            var _effects = $.zozo.core.utils.toArray(zozo.animation.effects);
+            if ($.inArray(_base.settings.animation.effects, _effects) < 0) {
+                _base.settings.animation.effects = zozo.animation.effects.slideH;
+            }
+
+            if (jQuery.browser.mobile) {
+                //_base.settings.event = zozo.events.touchend;
+                _base.settings.shadows = false;
+            }
+
+            if ($.zozo.core.support.css.transition === false) {
+                _base.settings.animation.type = zozo.animation.types.jquery;
+                if (jQuery.browser.mobile) {
+                    _base.settings.animation.duration = 0;
+                }
+            }
+
+            if (_base.settings.animation.effects === zozo.animation.effects.none && _init ===true) {
+                _base.settings.animation.duration = 0;
+            }
+        },
+        updateClasses: function (_base, _options) {
+            _base.$elem.find('*').stop(true, true);
+
+            _base.tabID = _base.$elem.attr("id");
+            _base.$tabGroup = _base.$elem.find("> ul").addClass(zozo.classes.tabGroup).not(".z-tabs-mobile").addClass("z-tabs-desktop");
+            _base.$tabs = _base.$tabGroup.find("> li");
+            _base.$container = _base.$elem.find("> div");
+            _base.$contents = _base.$container.find("> div");
+
+            if (_base.$tabGroup.length<=0) {
+                _base.settings.noTabs = true;
+            }
+
+            var _transition = $.zozo.core.support.css.transition;
+            var _noTabs = _base.settings.noTabs;
+                        
+            //update container and content classes 
+            _base.$container.addClass(zozo.classes.container).css({_transition:""});
+            _base.$contents.addClass(zozo.classes.content);
+
+
+            _base.$contents.each(function (index, item) {
+                var _cont = $(item);
+                _cont.css({ "left": "", "top": "", "opacity": "", "display": "", _transition: "" });
+                (_cont.hasClass(zozo.classes.active)) && _cont.show().css({ "display": "block", _transition: "" });
+            });
+
+            if (_noTabs != true) {                
+                _base.$tabs.each(function (index, item) {
+                    var _tab =$(item);
+                    _tab
+                        .removeClass(zozo.classes.first)
+                        .removeClass(zozo.classes.last)
+                        .removeClass(zozo.classes.left)
+                        .removeClass(zozo.classes.right)
+                        .removeClass(zozo.classes.firstCol)
+                        .removeClass(zozo.classes.lastCol)
+                        .removeClass(zozo.classes.firstRow)
+                        .removeClass(zozo.classes.lastRow)
+                        .css({ "width": "", "float": "" })
+                        .addClass(zozo.classes.tab)
+                        .find("a")
+                        .addClass(zozo.classes.link);
+
+                    (methods.isTabDisabled(_tab)) && (_base.disable(index));                                                               
+                    (_base.settings.deeplinking === false) && $(item).attr(_base.settings.hashAttribute, "tab" + (index + 1))
+                });
+
+                _base.$tabs.filter("li:first-child").addClass(zozo.classes.first);
+                _base.$tabs.filter("li:last-child").addClass(zozo.classes.last);
+            }
+
+            var _positions = $.zozo.core.utils.toArray(zozo.classes.positions);
+          
+            _base.$elem
+                .removeClass(zozo.classes.wrapper)
+                .removeClass(zozo.classes.rounded)
+                .removeClass(zozo.classes.shadows)
+                .removeClass(zozo.classes.spaced)                
+                .removeClass(zozo.classes.bordered)
+                .removeClass(zozo.classes.dark)
+                .removeClass(MULTILINECLASS)
+                .removeClass(LIGHTICONCLASS)
+                .removeClass(DARKICONCLASS)
+                .removeClass(STACKEDCLASS)
+                .removeClass(FLATCLASS)
+                .removeClass(zozo.classes.styles.join(zozo.space))
+                .removeClass(zozo.classes.orientations.join(zozo.space))
+                .removeClass(_positions.join().replace(zozo.commaRegExp, zozo.space))
+                .removeClass(zozo.classes.sizes.join(zozo.space))
+                .removeClass(zozo.classes.themes.join(zozo.space))
+                .removeClass(zozo.classes.flatThemes.join(zozo.space))               
+                .addClass(HOVERCLASS)
+                .addClass(_base.settings.style)
+                .addClass(_base.settings.size)
+                .addClass(_base.settings.theme);
+
+            //console.log(zozo.classes.themes.join(zozo.space));
+           // console.log(zozo.classes.flatThemes.join(zozo.space));
+
+            //light or dark icons
+            (methods.isFlatTheme(_base)) && _base.$elem.addClass(FLATCLASS);
+            (methods.isLightTheme(_base)) ? _base.$elem.addClass(DARKICONCLASS): _base.$elem.addClass(LIGHTICONCLASS);                       
+            (_base.settings.rounded === true) && _base.$elem.addClass(zozo.classes.rounded);                            
+            (_base.settings.shadows === true) && _base.$elem.addClass(zozo.classes.shadows);
+            (_base.settings.bordered === true) && _base.$elem.addClass(zozo.classes.bordered);
+            (_base.settings.dark === true) && _base.$elem.addClass(zozo.classes.dark);
+            (_base.settings.spaced === true) && _base.$elem.addClass(zozo.classes.spaced);            
+            (_base.settings.multiline === true) && _base.$elem.addClass(MULTILINECLASS);
+                                   
+            methods.checkPosition(_base);
+
+            if (_base.$elem.find("> ul." + "z-tabs-mobile").length) {
+                _base.$mobileNav = _base.$elem.find("> ul." + "z-tabs-mobile");
+            } else {
+                _base.$mobileNav = $("<ul class='z-tabs-nav z-tabs-mobile'><li><a class='z-link' style='text-align: left;'><span class='z-title'>Overview</span><span class='z-arrow'></span></a></li></ul>");
+            }
+
+
+            if (_base.$mobileNav) {
+                _base.$tabGroup.before(_base.$mobileNav);
+                if (_base.$elem.find("> i." + MOBILEDROPDOWNARROWCLASS).length) {
+                    _base.$mobileDropdownArrow = _base.$elem.find("> i." + MOBILEDROPDOWNARROWCLASS);
+                } else {
+                    _base.$mobileDropdownArrow = $("<i class='z-dropdown-arrow'></i>");
+                }
+                _base.$tabGroup.before(_base.$mobileDropdownArrow);
+            }
+
+            //remove hover class for touch
+            (jQuery.browser.mobile) && (_base.$elem.removeClass(HOVERCLASS));                           
+        },
+        checkPosition: function (_base) {
+            _base.$container.appendTo(_base.$elem);
+            _base.$tabGroup.prependTo(_base.$elem);
+            _base.$elem.find("> span.z-tab-spacer").remove();
+            _base.$elem.addClass(zozo.classes.wrapper);
+            
+            var _isTop = methods.isTop(_base);
+            //set calculate and container height
+            _base.$contents.each(function (index, item) {
+                var _content = $(item);
+                var _contentClass = CONTENTINNERCLASS;
+                if (!_content.find("> div." + CONTENTINNERCLASS).length) {
+                    if (_content.hasClass("z-row")) {
+                        _content.removeClass("z-row");
+                        _contentClass = "z-row " + CONTENTINNERCLASS;
+                    }
+                    _content.wrapInner("<div class='" + _contentClass + "'></div>");
+                    $.zozo.core.content.check(_content);
+                }                
+            });
+
+            if (_base.settings.orientation === VERTICALCLASS) {
+               if (_base.settings.position !== TOPRIGHTCLASS) {
+                   _base.settings.position = TOPLEFTCLASS;
+               }
+            }
+            else {
+                _base.settings.orientation = HORIZONTALCLASS;
+                if (_isTop === false) {
+                    _base.$tabGroup.appendTo(_base.$elem);
+                    $(zozo.elementSpacer).appendTo(_base.$elem);
+                    _base.$container.prependTo(_base.$elem);
+                }
+            }
+
+            _base.$elem.addClass(_base.settings.orientation);
+            _base.$elem.addClass(_base.settings.position);
+
+            if (_isTop) {
+                _base.$elem.addClass(TOPCLASS);
+            } else {
+                _base.$elem.addClass(BOTTOMCLASS);
+            }            
+        },
+        bindEvents: function (_base) {         
+            //main tab events
+            var _duration = (_base.settings.animation.effects === zozo.animation.effects.none) ? 0 : _base.settings.animation.duration;            
+            _base.$tabs.each(function () {                
+                var _tab = $(this);        
+                var href = _tab.find("a").attr("href");
+                var target = _tab.find("a").attr("target");
+                if (!$.trim(href).length) {
+                    methods.bindEvent(_base, _tab);
+                } else {
+                    _tab.on('ztap', { data: _base.settings.event }, function (_event) {                                      
+                         ($.trim(target).length) ? window.open(href, target) :window.location = href;                        
+                         _event.preventDefault();
+                    });
+                }
+            });
+                 
+            /*
+            $(window).resize(function () {               
+                clearInterval(_base.resizeWindowIntervalId);             
+                _base.resizeWindowIntervalId = setTimeout(function () {
+                  methods.checkWidth(_base);                     
+                }, 200)
+            });
+
+            */
+            $(window).resize(function () {
+                if (/*_base.lastWindowHeight !== $(window).height() ||*/ _base.lastWindowWidth !== $(window).width()) {
+                    clearInterval(_base.resizeWindowIntervalId);
+                    _base.resizeWindowIntervalId = setTimeout(function () {
+                        _base.lastWindowHeight = $(window).height();
+                        _base.lastWindowWidth = $(window).width();
+                        //console.log("resizing " + $(window).width());
+                        methods.checkWidth(_base);
+                    }, _base.settings.responsiveDelay);
+                }
+            });
+            
+            //bind next event
+            var _nextButton = _base.settings.next;            
+            if (_nextButton != null)
+            {
+                $(_nextButton).on(zozo.events.click, function (_event) {
+                    _event.preventDefault();
+                    _base.next();
+                });
+            }
+
+
+            //bind prve event            
+            var _prevButton = _base.settings.prev;
+            if (_prevButton != null) {
+                $(_prevButton).on(zozo.events.click, function (_event) {
+                    _event.preventDefault();
+                    _base.prev();
+                });
+            }
+
+            //mobile dropdown menu event
+            if (_base.$mobileNav) {
+                _base.$mobileNav.find("li").on('ztap', { data: _base.settings.event }, function (_event) {
+                    //_base.$mobileNav.find("li").on(_base.settings.event, function (_event) {                
+                    _event.preventDefault();
+                    if (_base.$mobileNav.hasClass(zozo.states.closed)) {                        
+                        _base.$mobileNav.removeClass(zozo.states.closed);                        
+                        _base.$tabGroup.removeClass("z-hide-menu");                        
+
+                        methods.mobileNavAutoScroll(_base);
+                    }
+                    else {                                    
+                        _base.$mobileNav.addClass(zozo.states.closed);
+                        _base.$tabGroup.addClass("z-hide-menu");                        
+                    }
+                    methods.refreshParents(_base, _duration);
+                });
+            }
+
+
+            _base.lastWindowHeight = $(window).height();
+            _base.lastWindowWidth = $(window).width();
+
+            _base.$elem.bind(READY, _base.settings.ready);
+            _base.$elem.bind(SELECT, _base.settings.select);            
+            _base.$elem.bind(DEACTIVATE, _base.settings.deactivate);
+
+            _base.$elem.bind(ERROR, _base.settings.error);
+            _base.$elem.bind(CONTENTLOAD, _base.settings.contentLoad);
+        },
+        bindEvent: function (_base, _tab) {
+            _tab.on('ztap', { data: _base.settings.event }, function (_event) {
+                _event.preventDefault();
+                //stop autoplay if smart is true
+                if (_base.settings.autoplay !== false && _base.settings.autoplay != null) {
+                    if (_base.settings.autoplay.smart === true) {
+                        _base.stop();
+                    }
+                }
+                methods.changeHash(_base, _tab.attr(_base.settings.hashAttribute));
+
+                if (methods.allowAutoScrolling(_base) === true && methods.isMobile(_base)) {
+                    $(window.opera ? 'html' : 'html, body').animate({
+                        scrollTop: _base.$elem.offset().top +_base.settings.mobileAutoScrolling.contentTopOffset
+                    }, 0);
+                }
+            });
+        },
+        mobileNavAutoScroll: function (_base) {
+            if (methods.allowAutoScrolling(_base) === true) {                
+                $(window.opera ? 'html' : 'html, body').animate({
+                    scrollTop: _base.$mobileNav.offset().top + _base.settings.mobileAutoScrolling.navTopOffset
+                }, 0);
+            }
+            return _base;
+        },
+        showTab: function (_base, tab) {
+            if (methods.tabExist(_base, tab) && tab != null && _base.settings.animating !== true) {
+                
+                var nextTab = _base.$tabs.filter("li[" + _base.settings.hashAttribute + "='" + tab + "']");
+                var _nextIndex = _base.$tabs.index(nextTab);
+                var _tabElement = methods.getActive(_base, _nextIndex);
+               
+              
+
+                if (_tabElement.enabled && _tabElement.preIndex !== _tabElement.index && _base.settings.noTabs !== true) {
+                    //_base.settings.animating = true
+
+                    //set current tab
+                    _base.currentTab = nextTab;
+
+                    //update classes
+                    _base.$tabs.removeClass(zozo.classes.active);
+                    _base.currentTab.addClass(zozo.classes.active);
+                   
+                    //save to local html5 storage                   
+                    if (_base.settings.rememberState === true && $.zozo.core.support.html5_storage()) {
+                        localStorage.setItem(_base.tabID + "_defaultTab", nextTab.data("link"));
+                    }
+
+                    methods.mobileNav(_base, false, _tabElement.index);
+                    
+                    if (_tabElement.contentUrl) {
+                        if (_tabElement.preIndex === -1) {
+                            //transition.init(_base, _tabElement);
+                            _tabElement.content.css({ "opacity": "", "left": "", "top": "", "position": "relative" }).show();
+                        }
+                                             
+                        if (_tabElement.contentType === "iframe") {
+                            methods.iframeContent(_base, _tabElement);
+                        }
+                        else {
+                            methods.ajaxRequest(_base, _tabElement);
+                        }
+
+                    } else {
+                        methods.showContent(_base, _tabElement);
+                    }
+                }
+            }
+        },        
+        getActiveIndex: function (_base) {
+            var _index;
+            if (_base.settings.noTabs === true) {
+                _index = _base.$container.find(">div." + zozo.classes.active).index();
+            } else {
+                if (_base.currentTab)
+                {
+                   _index  = parseInt(_base.currentTab.index());
+                } else {
+                    _index = _base.$tabGroup.find("li." + zozo.classes.active).index();
+                }                
+            }
+            return _index;
+        },
+        getActive: function (_base, _index) {
+            var _preIndex = methods.getActiveIndex(_base);            
+            var _nextContent = _base.$contents.eq(_index);
+            var _nextTab = _base.$tabs.eq(_index);
+            var _preTab = _base.$tabs.eq(_preIndex);
+            var _transition = $.zozo.core.support.css.transition;
+            var _duration = (_base.settings.animation.effects === zozo.animation.effects.none) ? 0 : _base.settings.animation.duration;
+     
+            var _tabElement = {
+                index: _index,
+                tab: _nextTab,
+                content: _nextContent,
+                contentInner: _nextContent.find("> .z-content-inner"),
+                enabled: methods.isTabDisabled(_nextTab)===false,
+                contentUrl: _nextContent.data(CONTENTURL),
+                contentType: _nextContent.data(CONTENTTYPE),
+                noAnimation: false,
+                transition: _transition,
+                duration: _duration,
+                preIndex: _preIndex,
+                preTab: _preTab,
+                preContent: _base.$contents.eq(_preIndex)
+            };
+
+            return _tabElement;
+        },
+        iframeContent: function (_base, _tabElement) {                     
+            var _iframe = _tabElement.contentInner.find("> div >.z-iframe");           
+            if (!_iframe.length) {
+                methods.showLoading(_base);          
+                _tabElement.contentInner.append('<div class="z-video"><iframe src="' + _tabElement.contentUrl + '" frameborder="0" scrolling="auto" height="1400" class="z-iframe"></iframe></div>');               
+                console.log("add iframe");
+            } else {
+                methods.hideLoading(_base);
+            }
+
+            methods.showContent(_base, _tabElement);
+
+            _tabElement.contentInner.find(".z-iframe").load(function () { methods.hideLoading(_base); });
+
+            return _base;
+        },
+        showLoading: function (_base) {
+            _base.$container.append('<span class="' + AJAXSPINNERCLASS + '"></span>');
+            return _base;
+        },
+        hideLoading: function (_base) {
+            _base.$container.find(">." + AJAXSPINNERCLASS).remove();
+            return _base;
+        },
+        ajaxRequest: function (_base, _tabElement) {
+            var data = {};
+            var callbackOjb = { tab: _tabElement.tab, content: _tabElement.contentInner, index: _tabElement.index, xhr: null, message: "" };
+
+            $.ajax({
+                type: "GET",
+                cache: (_base.settings.cacheAjax === true),
+                url: _tabElement.contentUrl,
+                dataType: "html",
+                data: data,
+                beforeSend: function (xhr, settings) {
+                    //return fire(element, 'ajax:beforeSend', [xhr, settings]);
+                    methods.showLoading(_base);
+                    _base.settings.animating = true;
+                },
+                error: function (xhr, status, error) {                    
+                    if (xhr.status == 404) {
+                        callbackOjb.message = "<h4 style='color:red;'>Sorry, error: 404 - the requested content could not be found.</h4>";
+                    }
+                    else {
+                        callbackOjb.message = "<h4 style='color:red;'>An error occurred: " + status + "\nError: " + xhr + " code: " + xhr.status + "</h4>";
+                    }                    
+                    callbackOjb.xhr = xhr;
+                    (_base.settings.error && typeof (_base.settings.error) == typeof (Function)) && _base.$elem.trigger(ERROR, callbackOjb);
+                    _tabElement.contentInner.html(callbackOjb.message);
+                },
+                complete: function (xhr, status) {
+                    
+                    //_base.$elem.trigger('ajax:complete', [xhr, status]);
+                    setTimeout(function () {
+                        _base.settings.animating = false;
+                        //methods.setContentHeight(_base, _tabElement.content);
+                        methods.showContent(_base, _tabElement);
+
+                        methods.hideLoading(_base);                        
+                    }, _base.settings.delayAjax);
+                },
+                success: function (data, status, xhr) {                        
+                    setTimeout(function () {
+                        _tabElement.contentInner.html(data);
+                        callbackOjb.xhr = xhr;
+                        _base.$elem.trigger(CONTENTLOAD, callbackOjb);
+                    }, _base.settings.delayAjax);
+                }
+            });
+            
+            return _base;
+        },        
+        showContent: function (_base, _tabElement) {            
+            if (_tabElement.preIndex !== _tabElement.index && _base.settings.animating !== true) {
+                _base.settings.animating = true;
+
+                _base.$contents.removeClass(zozo.classes.active);
+                _tabElement.content.addClass(zozo.classes.active);
+
+                if (_tabElement.preIndex === -1) {
+                    transition.init(_base, _tabElement);
+                }
+                else {
+                    var _effects = _base.settings.animation.effects;
+
+                    //var _preSize = methods.getElementSize(_tabElement.preContent).height;
+                    //var _nextSize = methods.getElementSize(_tabElement.content).height;
+                    //var _largest = methods.getContentHeight(_base, null, true).height; 
+
+                    var _preSize = methods.getContentHeight(_base, _tabElement.preContent, true).height;
+                    var _nextSize = methods.getContentHeight(_base, _tabElement.content,true).height;                                       
+                    var _largest = methods.isLarger(_preSize, _nextSize);
+                 
+
+                    if (_base.settings.orientation === HORIZONTALCLASS && _base.settings.autoContentHeight === true) {
+                        _largest = (_preSize > _nextSize) ? _preSize : _nextSize
+                    }
+
+                    var _width = (_effects === zozo.animation.effects.slideH
+                        || _effects === zozo.animation.effects.slideLeft
+                        || _effects === zozo.animation.effects.slideRight) ? _base.$container.width() : _width = _largest;
+
+                    if (_tabElement.preIndex < _tabElement.index && _effects === zozo.animation.effects.slideV) {                        
+                        var _vHeight = methods.isLarger(_preSize, _nextSize);
+                        (_vHeight > _width) && (_width = _vHeight);                        
+                    }
+
+                    var _prevValue = -_width;
+                    var _nextValue = _width;
+                    if (_tabElement.preIndex > _tabElement.index) {
+                        _prevValue = _width;
+                        _nextValue = -_width;
+                    }
+                   
+                    transition.before(_base, _tabElement);
+                                              
+                    switch(_effects)
+                    {
+                        case zozo.animation.effects.slideV:
+                            methods.animate(_base, _tabElement.preContent,null, { "left": 0, "top": _prevValue + "px" });
+                            methods.animate(_base, _tabElement.content, {"left": 0, "top": _nextValue + "px"}, { "top": 0});
+                            break;
+                        case zozo.animation.effects.slideUp:                                                   
+                            methods.animate(_base, _tabElement.preContent, { "opacity": 1 }, { "left": 0, "top": (-_width) + "px"});
+                            methods.animate(_base, _tabElement.content, { "left": 0, "top": (_width * 1) + "px" }, { "top": 0 });
+                            break;
+                        case zozo.animation.effects.slideDown:
+                            methods.animate(_base, _tabElement.preContent, { "opacity": 1 }, { "left": 0, "top": (_width) + "px" });
+                            methods.animate(_base, _tabElement.content, { "left": 0, "top": (-_width) + "px"}, { "top": 0 });
+                            break;
+                        case zozo.animation.effects.slideUpDown:
+                            methods.animate(_base, _tabElement.preContent, { "opacity": 1 }, { "left": 0, "top": (-_width*1) + "px" });
+                            methods.animate(_base, _tabElement.content, { "left": 0, "top": (-(_width * 2)) + "px" }, { "top": 0 });
+                            break;
+                        case zozo.animation.effects.slideH:
+                            methods.animate(_base, _tabElement.preContent, null, { "left": _prevValue + "px" });
+                            methods.animate(_base, _tabElement.content, { "left": _nextValue + "px" }, { "left": 0});
+                            break;
+                        case zozo.animation.effects.slideRight:
+                            methods.animate(_base, _tabElement.preContent, { "opacity": 1 }, { "top": 0, "left": (_width) + "px"});
+                            methods.animate(_base, _tabElement.content, { "top": 0, "left": (-_width) + "px" }, { "top": 0, "left": 0});
+                            break;
+                        case zozo.animation.effects.slideLeft:
+                            methods.animate(_base, _tabElement.preContent, { "opacity": 1 }, { "top": 0, "left": (-_width) + "px" });
+                            methods.animate(_base, _tabElement.content, { "top": 0, "left": (_width) + "px" }, { "top": 0, "left": 0 });
+                            break;
+                        case zozo.animation.effects.fade:
+                            methods.animate(_base, _tabElement.preContent, { "display": "block" }, { "opacity": 0 });
+                            methods.animate(_base, _tabElement.content, {  "display": "block", "opacity": 0 }, { "opacity": 1 });
+                            break;
+                        case zozo.animation.effects.none:
+                            _base.$contents.css({ "position": "absolute", "left": 0, "top": 0 }).removeClass(zozo.classes.active).hide()
+                             .eq(_tabElement.index).addClass(zozo.classes.active).css({ "position": "relative" }).show();
+                            break;
+                        default:
+                           
+                    }
+    
+                    transition.after(_base, _tabElement);
+                }
+            }
+        },
+        refreshParents: function (_base, _duration) {
+            setTimeout(function () {
+                _base.$elem.parents(".z-tabs").each(function (index, item) {
+                    $(item).data('zozoTabs').refresh();                    
+                });                                        
+            }, _duration);
+        },
+        animate: function (_base, _elem, _pre, _prop, _post, _hidePre) {            
+            $.zozo.core.utils.animate(_base, _elem, _pre, _prop, _post, _hidePre);            
+        },
+        mobileNav: function (_base, _show, _nextIndex) {
+            if (_nextIndex !== null && _base.$mobileNav) {
+                _base.$mobileNav.find("> li > a > span.z-title").html(_base.$tabs.eq(_nextIndex).find("a").html());
+            }
+
+            if (_show === true) {                              
+                setTimeout(function () {
+                    _base.$mobileNav.removeClass(zozo.states.closed); 
+                }, _base.settings.animation.mobileDuration);
+
+                _base.$tabGroup.removeClass("z-hide-menu");;
+            } else {             
+                (_base.$mobileNav) && _base.$mobileNav.addClass(zozo.states.closed);
+                _base.$tabGroup.addClass("z-hide-menu");
+            }                      
+        },
+        setResponsiveDimension: function (_base, _groupWidth, _rec) {
+            var _container = _base.$container;
+            _base.settings.original.count = parseInt(_base.$tabs.not('.hide').length); // JSN
+
+
+            if (!_rec) {
+                _base.settings.original.itemD = parseInt(_container.width() / _base.settings.original.itemWidth);
+                _base.settings.original.itemM = _base.settings.original.itemWidth + _base.settings.original.itemM;
+            }
+
+            _base.settings.original.firstRowWidth = (_base.settings.original.itemWidth / (parseInt(_base.settings.original.itemD) * _base.settings.original.itemWidth) * 100);
+            _base.settings.original.itemCount = parseInt(_base.settings.original.itemD) * parseInt(_base.settings.original.count / (parseInt(_base.settings.original.itemD)));
+            _base.settings.original.lastItem = 100 / (parseInt(_base.settings.original.count) - parseInt(_base.settings.original.itemCount));
+            _base.settings.original.navHeight = _base.settings.original.itemD * (parseInt(_base.$tabs.eq(0).innerHeight())) + ((_base.settings.original.itemM > 0 ? _base.$tabs.eq(0).innerHeight() : 0));
+            _base.settings.original.bottomLeft = _base.settings.original.count - (_base.settings.original.count - _base.settings.original.itemCount);
+            _base.settings.original.rows = _base.settings.original.count > _base.settings.original.itemCount ? parseInt(_base.settings.original.itemCount / _base.settings.original.itemD) + 1 : parseInt(_base.settings.original.itemCount / _base.settings.original.itemD);
+            _base.settings.original.lastRowItems = _base.settings.original.count - (_base.settings.original.itemCount * (_base.settings.original.rows - 1));
+            _base.settings.original.itemsPerRow = _base.settings.original.itemCount / _base.settings.original.rows;
+
+            if (_container.width() > _groupWidth && !_rec) {
+                _base.settings.original.itemD = _base.settings.original.count;
+                _base.settings.original.itemM = 0;
+                _base.settings.original.rows = 1;
+                _base.settings.original.itemCount = _base.settings.original.count;
+            }
+            return _base;
+        },
+        checkWidth: function (_base, _init, _options) {
+            var _groupWidth = 0;            
+            var _container = _base.$container;
+            var _isCompact = methods.isCompact(_base);
+            var _heightTotal = 0;
+            var _tabR = _base.settings.tabRatio;
+            var _tabRC = _base.settings.tabRatioCompact;
+            _base.$tabs.each(function (index) {
+                var _itemTempWidth = $(this).outerWidth(true) * _tabR;
+                (_isCompact) && (_itemTempWidth = (_itemTempWidth * _tabRC));
+                if (_init === true) {
+                    if (_itemTempWidth > _base.settings.original.itemWidth) {
+                        _base.settings.original.itemWidth = _itemTempWidth;
+                        _base.settings.original.itemMaxWidth = _itemTempWidth;
+                    }
+
+                    if (_itemTempWidth < _base.settings.original.itemMinWidth) {
+                        _base.settings.original.itemMinWidth = _itemTempWidth;
+                    }
+                }
+                _heightTotal = _heightTotal + $(this).innerHeight();
+                _groupWidth = _groupWidth + _itemTempWidth;
+            });
+                                
+            if (_init === true)
+            {
+                _groupWidth = _groupWidth + (_base.settings.original.itemWidth * 0);
+            }
+ 
+            _base.settings.original.count = parseInt(_base.$tabs.length);
+            _base.settings.original.groupWidth = _groupWidth;            
+
+            methods.setResponsiveDimension(_base, _base.settings.original.groupWidth);
+
+            if (_base.settings.original.count > 3 && _base.settings.original.lastRowItems === 1) {                               
+                _base.settings.original.itemD = _base.settings.original.itemD - 1;
+                _base.settings.original.itemM = _container.width() % _base.settings.original.itemWidth;
+               
+                methods.setResponsiveDimension(_base, _base.settings.original.groupWidth,true);
+            }
+            
+            if (_init === true || _options === true) {
+                _base.settings.original.initGroupWidth = _base.settings.original.groupWidth;
+                if (methods.isCompact(_base)) {
+                    var _percent = 100 / _base.settings.original.count;
+                    _base.$tabs.each(function () { $(this).css({ "width": _percent + "%" }) });
+                }
+
+                _base.settings.original.position = _base.settings.position;
+            }
+            
+            if (_base.settings.responsive === true) {
+                methods.responsive(_base, _init);
+            }
+
+           
+
+            var _isResORCompact = ( (methods.isCompact(_base) && !methods.isMobile(_base)));
+            var _css = (methods.isResponsive(_base) && _base.BrowserDetection.isIE(7)) ? { "float": "none", "width": "auto" } : { "float": "" }; //version 5.1 removed float right
+            var _hasResponsiveClass = _base.$elem.hasClass(RESPONSIVECLASS);
+
+            _base.$tabs.each(function (index) {
+                if (((_hasResponsiveClass === true && (index + 1) === _base.settings.original.itemD) || (index + 1) === _base.settings.original.count) && _isResORCompact) {
+                    $(this).css(_css);
+                }
+                else {
+                    $(this).css({ "float": "" });
+                }
+            });
+           
+            if (_base.settings.orientation === VERTICALCLASS) {
+                methods.setContentHeight(_base, null, true);
+            }
+        },
+        checkModes:function (_base) {
+            var _isCompact = methods.isCompact(_base);
+            if (_base.settings.mode === zozo.modes.stacked) {
+                _base.$elem.addClass(STACKEDCLASS);
+                _base.$elem.addClass(RESPONSIVECLASS);
+                _base.$tabs.css({ "width": "" });
+                (_base.$mobileNav) && _base.$mobileNav.hide();
+            } else {
+                if (_isCompact) {
+                    var _percent = 100 / _base.settings.original.count
+                    _base.$tabs.each(function () { $(this).css({ "float": "", "width": _percent + "%" }) });
+                } else {
+                    _base.$tabs.each(function () { $(this).css({ "float": "", "width": "" }) });
+                }
+            }
+        },
+        getContentHeight: function (_base, _contentElement, _noAnimation) {                      
+            var _autoContentHeight = _base.settings.autoContentHeight;                        
+            var _size = { width: 0, height: 0 };
+
+            if (_autoContentHeight != true) {
+                _base.$contents.each(function (index, item) {
+                    var _content = $(item);
+                    var contentSize = methods.getElementSize(_content);
+
+                    (contentSize.height > _size.height) && (_size.height = contentSize.height);
+                    (contentSize.width > _size.width) && (_size.width = contentSize.width);
+                });
+            } else {
+                var _activeContent = _base.$elem.find("> .z-container > .z-content.z-active");                              
+
+                if (_contentElement != null) {
+                    _activeContent = _contentElement;
+                }
+
+                _size.height = methods.getElementSize(_activeContent).height;
+            }
+
+            if (_base.settings.orientation === VERTICALCLASS && !methods.isMobile(_base)) {
+                var _containerSize = 0;
+                _base.$tabs.each(function (index) {
+                    _containerSize = _containerSize + parseInt($(this).height()) + parseInt($(this).css("border-top-width")) + parseInt($(this).css("border-bottom-width"));
+                });
+
+                _size.height = methods.isLarger(_size.height, _base.$tabGroup.innerHeight());
+                _size.height = methods.isLarger(_size.height, _containerSize);
+            }
+            return _size;
+        },
+        setContentHeight: function (_base, _contentElement, _noAnimation) {
+            //_heightOption: auto, largest,
+            var _size = methods.getContentHeight(_base,_contentElement,_noAnimation);
+            _base.settings.original.contentMaxHeight = _size.height;
+            _base.settings.original.contentMaxWidth = _size.width;
+
+            var _duration = (_base.settings.animation.effects === zozo.animation.effects.none || _noAnimation === true) ? 0 : _base.settings.animation.duration;
+            var _autoContentHeight = _base.settings.autoContentHeight;
+
+     
+            var _transition = $.zozo.core.support.css.transition;
+            var _cssProperties = { _transition: "none",  'min-height': _base.settings.original.contentMaxHeight + "px" };
+            //var _cssProperties = { _transition: "none", "height": _base.settings.original.contentMaxHeight + "px", 'min-height': _base.settings.original.contentMaxHeight + "px" };
+            if (_noAnimation === true) {
+                _base.$container.css(_cssProperties);              
+            }
+            else {
+                methods.animate(_base, _base.$container, null, _cssProperties, {});
+            }
+            return _base;
+        },
+        responsive: function (_base, _init) {            
+            var _windowSize = $(window).width();
+            var _isTop = methods.isTop(_base);
+            var _isCompact = methods.isCompact(_base);
+            var _isContentLarger = _base.settings.original.initGroupWidth >= _base.$container.width();            
+            var _maxRowsExecuted = _base.settings.original.rows > _base.settings.maxRows;
+            var _minWidthExecuted = _windowSize <= _base.settings.minWindowWidth;
+            var _enableMobileNav = (!_base.BrowserDetection.isIE(8) && _base.settings.mobileNav === true && _base.$mobileNav!=null);            
+            var _count = _base.settings.original.count;
+            var _itemCount = _base.settings.original.itemCount;
+            var _itemD = _base.settings.original.itemD;
+            var _rows = _base.settings.original.rows;
+
+            _base.$elem.removeClass(STACKEDCLASS);
+            _base.$tabs.removeClass(zozo.classes.left).removeClass(zozo.classes.right).removeClass(zozo.classes.firstCol).removeClass(zozo.classes.lastCol).removeClass(zozo.classes.firstRow).removeClass(zozo.classes.lastRow)
+
+            if (_base.settings.orientation === HORIZONTALCLASS) {
+                
+                var _compactResp = (_isCompact && (parseInt(_base.settings.original.count * _base.settings.original.itemWidth) >= _base.$container.width()))
+                var _normalResp = (!_isCompact && _isContentLarger);
+                var _isHorizontalResponsive = _compactResp || _normalResp;
+                
+                if (_isHorizontalResponsive) {
+                    (_rows === _count || (_base.settings.mode === zozo.modes.stacked)) && (_base.$elem.addClass(STACKEDCLASS));
+                   _base.$tabs.not('.hide').each(function (index) { // JSN
+                       var _item = $(this);
+                       var _currentIndex = (index + 1);
+
+                       if (_base.settings.original.itemM > 0) {
+                           if (_currentIndex <= _itemCount) {
+                               _item.css({ "float": "", "width": _base.settings.original.firstRowWidth + "%" });
+                           }
+                           else {
+                               _item.css({ "float": "", "width": _base.settings.original.lastItem + "%" });
+                           }
+                                                       
+                           if (_isTop ===true) {
+                               (index === (_itemD - 1)) ? _item.addClass(zozo.classes.right) : _item.removeClass(zozo.classes.right);
+                           }
+                           else{
+                               (_currentIndex === _count) && (_item.addClass(zozo.classes.right));
+                               (index === _base.settings.original.bottomLeft) && (_item.addClass(zozo.classes.left));
+                           }
+
+                           //console.log("_currentIndex: " + _currentIndex + " _itemD: " + _itemD + " _itemCount: " + _itemCount + " _rows: " + _rows + " _count: " + _count);
+                           if (_rows > 1 && _itemD!==1) {
+                               (_currentIndex === 1 || (_currentIndex > _itemD && (_currentIndex % _itemD === 1))) && (_item.addClass(zozo.classes.firstCol));
+                               (_currentIndex === _count || (_currentIndex >= _itemD && (_currentIndex % _itemD === 0))) && (_item.addClass(zozo.classes.lastCol));
+
+                               (_currentIndex <= _itemD) && (_item.addClass(zozo.classes.firstRow));
+                               (_currentIndex > (_itemD * (_rows - 1))) && (_item.addClass(zozo.classes.lastRow));
+                           }                         
+                        }
+                   });
+                  
+                   methods.switchResponsiveClasses(_base, true);                 
+                } else {
+                    if (_isCompact) {
+                        var _percent = 100 / _base.settings.original.count;
+                        _base.$tabs.each(function () { $(this).css({ "float": "", "width": _percent + "%" }) });
+                    } else {
+                        _base.$tabs.each(function () { $(this).css({ "float": "", "width": "" }) });
+                    }
+                    methods.switchResponsiveClasses(_base, false);
+                }
+                                              
+                if (_windowSize >= 1200 && _base.responsive != zozo.responsive.largeDesktop) {                    
+                    _base.responsive = zozo.responsive.largeDesktop;
+                    methods.switchMenu(_base, false); 
+                }
+                 if (_base.responsive != zozo.responsive.phone && _enableMobileNav && ((_minWidthExecuted) || ((_maxRowsExecuted)))) {
+                    _base.responsive = 'auto';
+                    _base.$elem.removeClass(RESPONSIVECLASS)
+                    _base.$tabs.each(function () { $(this).css({ "width": "" }) });
+                    _base.$tabs.filter("li:first-child").addClass(zozo.classes.first);
+                    _base.$tabs.filter("li:last-child").addClass(zozo.classes.last);
+                    methods.switchMenu(_base, true);                    
+                }               
+            }
+            else {
+                // if (_enableMobileNav === true && (_windowSize <= zozo.responsive.phone || parseInt(_base.$elem.width() - _base.settings.original.itemWidth) < _base.settings.minWidth)) {  
+                if (_enableMobileNav === true && (_minWidthExecuted || parseInt(_base.$elem.width() - _base.settings.original.itemWidth) < _base.settings.minWidth)) {
+                    methods.switchMenu(_base, true);
+                } else {                    
+                    methods.switchMenu(_base, false);
+                }                
+            }            
+            methods.refreshParents(_base, 0);
+        },
+        switchResponsiveClasses:function (_base, _resp) {               
+            var _isTop = methods.isTop(_base);
+            var _oriPos = _base.settings.original.position;
+            var _topLeft = zozo.classes.positions.topLeft;
+            var _bLeft = zozo.classes.positions.bottomLeft;
+            if (_resp === true)
+            {
+                _base.$elem.addClass(RESPONSIVECLASS);
+                methods.switchMenu(_base, false);
+                _base.$elem.removeClass(_oriPos);
+            }
+            else {
+                (_isTop === true) ? _base.$elem.removeClass(_topLeft).addClass(_oriPos) : _base.$elem.removeClass(_bLeft).addClass(_oriPos);
+                methods.switchMenu(_base, false);
+                _base.$elem.removeClass(RESPONSIVECLASS);                
+               _base.$tabs.removeClass(zozo.classes.last).filter("li:last-child").addClass(zozo.classes.last);
+            }
+        },
+        switchMenu: function (_base, _isMobile) {
+            var _themes = zozo.classes.themes;
+            var _sizes = zozo.classes.sizes;
+            var _positions = $.zozo.core.utils.toArray(zozo.classes.positions);
+          
+            _base.$elem.removeClass(_themes.join(zozo.space));
+
+            if (_isMobile === true) {                
+                (_base.$mobileNav) && _base.$mobileNav.addClass(zozo.states.closed).show();
+                _base.$tabGroup.addClass("z-hide-menu");
+                _base.$elem.addClass(MOBILECLASS);
+                _base.$elem.removeClass(_base.settings.orientation);
+                _base.$elem.removeClass(_base.settings.position);
+
+                (_base.settings.style === UNDERLINEDCLASS) ? _base.$elem.addClass("m-" + _base.settings.theme) : _base.$elem.addClass(_base.settings.theme);
+            } else {                        
+                _base.$elem.addClass(_base.settings.orientation);
+                _base.$elem.addClass(_base.settings.theme);
+                _base.$elem.addClass(_base.settings.position);
+
+                (_base.$mobileNav) && _base.$mobileNav.removeClass(zozo.states.closed);
+                _base.$tabGroup.removeClass("z-hide-menu");
+                _base.$tabs.filter("li:first-child").addClass(zozo.classes.first);
+                _base.$elem.removeClass(MOBILECLASS);
+                (_base.$mobileNav) && _base.$mobileNav.hide();
+            }
+        },
+        initAutoPlay: function (_base) {
+            if (_base.settings.autoplay !== false && _base.settings.autoplay != null) {
+                if (_base.settings.autoplay.interval > 0) {
+                    _base.stop();
+                    _base.autoplayIntervalId = setInterval(function () { _base.next(_base); }, _base.settings.autoplay.interval);
+                } else {
+                    _base.stop();
+                }
+            }
+            else {
+                _base.stop();
+            }
+        },
+        changeHash: function (_base, tab) {
+            var _prefix = (_base.settings.deeplinkingPrefix) ? _base.settings.deeplinkingPrefix : _base.tabID;
+            if (_base.settings.animating !== true) {                
+                if (_base.settings.deeplinking === true) {
+                    if (typeof ($(window).hashchange) != "undefined") {
+                        //window.zozo.debug.start();
+                       
+                        _base.Deeplinking.set(_prefix, tab, _base.settings.deeplinkingSeparator, _base.settings.deeplinkingMode);
+                        //window.zozo.debug.stop();
+                    }
+                    else {
+                        if (_base.BrowserDetection.isIE(7)) {
+                            //IE and browsers that don't support hashchange                            
+                            methods.showTab(_base, tab);
+                        }
+                        else {
+                            //modern browsers                        
+                            _base.Deeplinking.set(_prefix, tab, _base.settings.deeplinkingSeparator, _base.settings.deeplinkingMode);
+                        }
+                    }
+                }
+                else {
+                    methods.showTab(_base, tab);
+                }
+            }
+        },
+        getFirst: function (_base) {
+            return 0;
+        },
+        getLast: function (_base) {
+            if (_base.settings.noTabs === true) {
+                return parseInt(_base.$container.children("div").length-1);
+            }
+            return parseInt(_base.$tabGroup.children("li").length-1);
+        },       
+        isCompact: function (_base) {
+            return (_base.settings.position === zozo.classes.positions.topCompact || _base.settings.position === zozo.classes.positions.bottomCompact)
+        },
+        isTop: function (_base) {           
+            if (_base.settings.original.position === null)
+            {
+                _base.settings.original.position = _base.settings.position;
+            }            
+           return  (_base.settings.original.position.indexOf("top") >= 0);
+        },
+        isLightTheme: function (_base) {
+            var _lightThemes = ["red", "deepblue", "blue", "green", "orange", "black"];
+            var _isLight = true;
+            var _isFlat = methods.isFlatTheme(_base);
+            if (_base.settings.style !== UNDERLINEDCLASS) {
+                ($.inArray(_base.settings.theme, _lightThemes) > -1) && (_isLight = false);
+               (_isFlat) && (_isLight = false);
+            }
+            return _isLight;
+        },
+        isFlatTheme: function (_base) {
+            return (_base.settings.theme.indexOf("flat") >= 0);
+        },
+        isResponsive: function (_base) {
+            return (_base.$elem.hasClass(RESPONSIVECLASS) === true)
+        },
+        tabExist: function (_base, tab) {
+            return (_base.$tabs.filter("li[" + _base.settings.hashAttribute + "='" + tab + "']").length> 0)
+        },
+        isMobile: function (_base) {
+            return (_base.$elem.hasClass(MOBILECLASS) === true)
+        },
+        isTabDisabled:function (_tab) {
+            return (_tab.hasClass(DISABLEDCLASS) || _tab.data(DISABLED) === true);
+        },
+        allowAutoScrolling: function (_base) {
+            return (_base.settings.mobileAutoScrolling != null && _base.settings.mobileAutoScrolling != false)
+        },
+        getElementSize: function (_content) {
+            var _size = { width: 0, height: 0 };
+            if (_content == null || _content.length == 0) {
+                return _size;
+            }
+         
+            if (_content.is(":visible") === false) {
+                _size.height = _content.show().find(">.z-content-inner").innerHeight();
+                _size.width = _content.show().find(">.z-content-inner").outerWidth();
+                if (_size.height >= 0) {
+                    //_size.height = _content.height();
+                }
+                _content.hide();
+            } else {
+                _size.height = _content.find(">.z-content-inner").innerHeight();
+                _size.width = _content.find(">.z-content-inner").outerWidth();
+
+                if (_size.height >= 0) {
+                    //_size.height = _content.height();
+                }
+            }
+            (_content.hasClass("z-video") && ( _size.height= _content.innerHeight()));
+          
+            return _size;
+        },
+        getWidth: function (object) {
+            if (object == null || object.length == 0) {
+                return 0;
+            }
+
+            object = object.find("a");
+
+            var value = object.outerWidth();
+            //value += parseInt(object.css("padding-left"), 10) + parseInt(object.css("padding-right"), 10); //Total Padding Width
+            value += parseInt(object.css("margin-left"), 10) + parseInt(object.css("margin-right"), 10); //Total Margin Width
+            value += parseInt(object.css("borderLeftWidth"), 10) + parseInt(object.css("borderRightWidth"), 10); //Total Border Width
+            return value;
+        },
+        isLarger: function (_small, _large) {
+            var _r = _small;
+            if (_small < _large)
+            {
+                _r = _large;
+            }
+            return _r;
+        }
+    };
+
+    var transition = {
+        init: function (_base, _tabElement) {           
+            _base.$contents.hide()
+            _tabElement.content.css({ "opacity": "", "left": "", "top": "", "position": "relative" }).show();
+            setTimeout(function () {
+                _base.$container.find(".z-tabs").each(function (index, item) {$(item).data('zozoTabs').refresh();});
+                _base.$elem.trigger(SELECT, { tab: _tabElement.tab, content: _tabElement.content, index: _tabElement.index });
+
+                _base.settings.animating = false;
+            }, _tabElement.duration >= 0 ? 200 : _tabElement.duration);
+
+            if (_base.settings.orientation === VERTICALCLASS) {
+                /*set content height for animation*/                
+                methods.setContentHeight(_base, _tabElement.content,true);
+            }
+
+            return _base;
+        },
+        before: function (_base, _tabElement) {
+            setTimeout(function () {
+                _tabElement.content.find(".z-tabs").each(function (index, item) { $(item).data('zozoTabs').refresh(); });
+            }, 50);
+
+            if (_base.settings.animation.effects !== zozo.animation.effects.none) {
+                /*set content height for animation*/
+                methods.setContentHeight(_base, _tabElement.preContent, true);
+                methods.setContentHeight(_base, _tabElement.content);
+            }
+           
+            _base.$container.addClass(ANIMATINGCLASS);
+            _tabElement.preContent.css({ "position": "absolute", "display": "block", "left": 0, "top": 0 });
+            _tabElement.content.css({ "position": "absolute", "display": "block" });
+
+            return _base;
+        },
+        after: function (_base, _tabElement) {
+            setTimeout(function () {
+                _tabElement.content.css({ "position": "relative" });
+                _tabElement.preContent.css({ "display": "none" });
+            }, _tabElement.duration);
+
+            /*hide all other tab contents*/
+            _base.$contents.each(function (index, item) {                
+                if (_tabElement.index != index && _tabElement.preIndex != index) {
+                    $(item).css({ _transition: "", "position": "", "display": "", "left": "", "top": "" });
+                }
+            });
+
+            setTimeout(function () {
+                _base.$elem.trigger(SELECT, { tab: _tabElement.tab, content: _tabElement.content, index: _tabElement.index });
+                _base.$elem.trigger(DEACTIVATE, { tab: _tabElement.preTab, content: _tabElement.preContent, index: _tabElement.preIndex });
+              
+                var _cssProperties = (_base.settings.orientation === VERTICALCLASS) ? { "height": "" } : { "height": "", "min-height": "", "overflow": "" };
+                /*remove content height and set relative positioning*/
+
+               _base.$container.css(_cssProperties);
+               _base.$container.removeClass(ANIMATINGCLASS);
+                             
+                setTimeout(function () {
+                    _base.$contents.removeClass(zozo.classes.active).eq(_tabElement.index).addClass(zozo.classes.active);
+                    _base.settings.animating = false;
+                    _base.$contents.stop(true, true);
+                });
+            }, _tabElement.duration+50);
+
+            return _base;
+        }
+    };
+
+    ZozoTabs.defaults = ZozoTabs.prototype.defaults;
+
+    $.fn.zozoTabs = function (options) {
+        return this.each(function () {
+            if (undefined == $(this).data(zozo.pluginName)) {
+                var zozoTabs = new ZozoTabs(this, options).init();
+                $(this).data(zozo.pluginName, zozoTabs);
+            }
+        });
+    };
+
+    window.zozo.tabs = ZozoTabs;
+  
+    $(document).ready(function () {
+        $("[data-role='z-tabs']").each(function (index, item) {
+            if (!$(item).zozoTabs()) {
+                $(item).zozoTabs();
+            }
+        });
+    });
+})(jQuery, window, document);
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/js/tabs.effects.min.js b/deployed/jsn/components/com_jsn/assets/js/tabs.effects.min.js
new file mode 100644
index 00000000..14a59257
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/js/tabs.effects.min.js
@@ -0,0 +1,2 @@
+!function(a){(jQuery.browser=jQuery.browser||{}).mobile=/(android|ipad|playbook|silk|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))}(navigator.userAgent||navigator.vendor||window.opera),function(a,b,c,d){b.console||(b.console={}),b.console.log||(b.console.log=function(){}),a.fn.extend({hasClasses:function(b){var c=this;for(i in b)if(a(c).hasClass(b[i]))return!0;return!1}}),a.zozo={},a.zozo.core={},a.zozo.core.console={debug:!1,log:function(b){0!=a("#zozo-console").length?a("<div/>").css({marginTop:-24}).html(b).prependTo("#zozo-console").animate({marginTop:0},300).animate({backgroundColor:"#ffffff"},800):console&&this.debug===!0&&console.log(b)}},a.zozo.core.content={debug:!1,video:function(b){b&&b.find("iframe").each(function(){var b=a(this).attr("src"),c="wmode=transparent";b&&b.indexOf(c)===-1&&(b.indexOf("?")!=-1?a(this).attr("src",b+"&"+c):a(this).attr("src",b+"?"+c))})},check:function(a){this.video(a)}},a.zozo.core.keyCodes={tab:9,enter:13,esc:27,space:32,pageup:33,pagedown:34,end:35,home:36,left:37,up:38,right:39,down:40},a.zozo.core.debug={startTime:new Date,log:function(a){console&&console.log(a)},start:function(){this.startTime=+new Date,this.log("start: "+this.startTime)},stop:function(){var a=+new Date,b=a-this.startTime;this.log("end: "+a),this.log("diff: "+b);var c=b/1e3;Math.abs(c)}},a.zozo.core.support={is_mouse_present:function(){return"onmousedown"in b&&"onmouseup"in b&&"onmousemove"in b&&"onclick"in b&&"ondblclick"in b&&"onmousemove"in b&&"onmouseover"in b&&"onmouseout"in b&&"oncontextmenu"in b},is_touch_device:function(){return("ontouchstart"in b||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0)&&jQuery.browser.mobile},html5_storage:function(){try{return"localStorage"in b&&null!==b.localStorage}catch(a){return!1}},supportsCss:function(){var b=c.createElement("div"),d="khtml ms o moz webkit".split(" "),e=!1;return function(c){c in b.style&&(e=c);var f=c.replace(/^[a-z]/,function(a){return a.toUpperCase()});return a.each(d,function(a,d){d+f in b.style&&(e="-"+d+"-"+c)}),e}}(),css:{transition:!1}},a.zozo.core.utils={toArray:function(b){return a.map(b,function(a,b){return a})},createHeader:function(b,c){var d=a("<li><a>"+b+"</a></li>"),e=a("<div>"+c+"</div>");return{tab:d,content:e}},isEmpty:function(a){return!a||0===a.length},isNumber:function(a){return"number"==typeof a&&isFinite(a)},isEven:function(a){return a%2===0},isOdd:function(a){return!(_number%2===0)},animate:function(b,c,d,e,f,g){var h="none"===b.settings.animation.effects?0:b.settings.animation.duration,i=b.settings.animation.easing,j=a.zozo.core.support.css.transition;if(c&&e){d&&c.css(d);c.css("left"),c.css("top");"css"===b.settings.animation.type?(e[j]="all "+h+"ms ease-in-out",setTimeout(function(){c.css(e)}),setTimeout(function(){f&&c.css(f),c.css(j,"")},h)):c.animate(e,{duration:h,easing:i,complete:function(){f&&c.css(f),g&&c.hide()}})}return b}},a.zozo.core.plugins={easing:function(b){var c=!1;if(b&&b.settings){var d="swing";a.easing.def?c=!0:"swing"!=b.settings.animation.easing&&"linear"!=b.settings.animation.easing&&(b.settings.animation.easing=d)}return c}},a.zozo.core.browser={init:function(){if(this.browser=this.searchString(this.dataBrowser)||"An unknown browser",this.version=this.searchVersion(navigator.userAgent)||this.searchVersion(navigator.appVersion)||"an unknown version",a.zozo.core.console.log("init: "+this.browser+" : "+this.version),"Explorer"===this.browser){var b=a("html"),c=parseInt(this.version);6===c?b.addClass("ie ie7"):7===c?b.addClass("ie ie7"):8===c?b.addClass("ie ie8"):9===c&&b.addClass("ie ie9")}},isIE:function(b){return a.zozo.core.utils.isNumber(b)?"Explorer"===this.browser&&this.version<=b:"Explorer"===this.browser},isChrome:function(b){return a.zozo.core.utils.isNumber(b)?"Chrome"===this.browser&&this.version<=b:"Chrome"===this.browser},searchString:function(a){for(var b=0;b<a.length;b++){var c=a[b].string,d=a[b].prop;if(this.versionSearchString=a[b].versionSearch||a[b].identity,c){if(c.indexOf(a[b].subString)!=-1)return a[b].identity}else if(d)return a[b].identity}},searchVersion:function(a){var b=a.indexOf(this.versionSearchString);if(b!=-1)return parseFloat(a.substring(b+this.versionSearchString.length+1))},dataBrowser:[{string:navigator.userAgent,subString:"Chrome",identity:"Chrome"},{string:navigator.vendor,subString:"Apple",identity:"Safari",versionSearch:"Version"},{prop:b.opera,identity:"Opera"},{string:navigator.userAgent,subString:"Firefox",identity:"Firefox"},{string:navigator.userAgent,subString:"MSIE",identity:"Explorer",versionSearch:"MSIE"}]},a.zozo.core.hashHelper={mode:"single",separator:null,all:function(a){var b=[],d=c.location.hash;if(!this.hasHash())return b;if(this.isSimple(a))return d.substring(1);d=d.substring(1).split("&");for(var e=0;e<d.length;e++){var f=d[e].split(a);(2!=f.length||f[0]in b)&&(f[1]="none"),b[f[0]]=f[1]}return b},get:function(a,b){var c=this.all(b);return this.isSimple(b)?c:"undefined"==typeof c||typeof c.length<0?null:"undefined"!=typeof c[a]&&null!==c[a]?c[a]:null},set:function(a,b,d,e){if(this.isSimple(d))c.location.hash=b;else if("multiple"===e){var f=this.all(d),g=[];f[a]=b;for(var a in f)g.push(a+d+f[a]);c.location.hash=g.join("&")}else c.location.hash=a+d+b},isSimple:function(a){return!a||"none"===a},hasHash:function(){var a=c.location.hash;return a.length>0}},a.zozo.core.support.css.transition=a.zozo.core.support.supportsCss("transition"),a.zozo.core.browser.init()}(jQuery,window,document),function(a){a.event.special.ztap={distanceThreshold:10,timeThreshold:500,isTouchSupported:jQuery.zozo.core.support.is_touch_device(),setup:function(b){var c=this,d=a(c),e="click";b&&b.data&&(e=b.data),a.event.special.ztap.isTouchSupported?d.on("touchstart",function(b){function k(){clearTimeout(j),d.off("touchmove",m).off("touchend",l)}function l(b){k(),e==b.target&&a.event.simulate("ztap",c,b)}function m(a){var b=a.originalEvent.touches[0],c=b.pageX,d=b.pageY;(Math.abs(c-g)>i||Math.abs(d-h)>i)&&k()}var j,e=b.target,f=b.originalEvent.touches[0],g=f.pageX,h=f.pageY,i=a.event.special.ztap.distanceThreshold;j=setTimeout(k,a.event.special.ztap.timeThreshold),d.on("touchmove",m).on("touchend",l)}):d.on(e,function(b){a.event.simulate("ztap",c,b)})}}}(jQuery),function(a,b,c,d){null==b.zozo&&(b.zozo={});var e=function(b,c){this.elem=b,this.$elem=a(b),this.options=c,this.metadata=this.$elem.data("options")?this.$elem.data("options"):{},this.attrdata=this.$elem.data()?this.$elem.data():{},this.tabID,this.$tabGroup,this.$mobileNav,this.$mobileDropdownArrow,this.$tabs,this.$container,this.$contents,this.autoplayIntervalId,this.resizeWindowIntervalId,this.currentTab,this.BrowserDetection=a.zozo.core.browser,this.Deeplinking=a.zozo.core.hashHelper,this.lastWindowHeight,this.lastWindowWidth,this.responsive},f={pluginName:"zozoTabs",elementSpacer:"<span class='z-tab-spacer' style='clear: both;display: block;'></span>",commaRegExp:/,/g,space:" ",responsive:{largeDesktop:1200,desktop:960,tablet:720,phone:480},modes:{tabs:"tabs",stacked:"stacked",menu:"menu",slider:"slider"},states:{closed:"z-state-closed",open:"z-state-open",active:"z-state-active"},events:{click:"click",mousover:"mouseover",touchend:"touchend",touchstart:"touchstart",touchmove:"touchmove"},animation:{effects:{fade:"fade",none:"none",slideH:"slideH",slideV:"slideV",slideLeft:"slideLeft",slideRight:"slideRight",slideUp:"slideUp",slideUpDown:"slideUpDown",slideDown:"slideDown"},types:{css:"css",jquery:"jquery"}},classes:{prefix:"z-",wrapper:"z-tabs",tabGroup:"z-tabs-nav",tab:"z-tab",first:"z-first",last:"z-last",left:"z-left",right:"z-right",firstCol:"z-first-col",lastCol:"z-last-col",firstRow:"z-first-row",lastRow:"z-last-row",active:"z-active",link:"z-link",container:"z-container",content:"z-content",shadows:"z-shadows",bordered:"z-bordered",dark:"z-dark",spaced:"z-spaced",rounded:"z-rounded",themes:["gray","black","blue","crystal","green","silver","red","orange","deepblue","white"],flatThemes:["flat-turquoise","flat-emerald","flat-peter-river","flat-amethyst","flat-wet-asphalt","flat-green-sea","flat-nephritis","flat-belize-hole","flat-wisteria","flat-midnight-blue","flat-sun-flower","flat-carrot","flat-alizarin","flat-graphite","flat-concrete","flat-orange","flat-pumpkin","flat-pomegranate","flat-silver","flat-asbestos","flat-zozo-red"],styles:["contained","pills","underlined","clean","minimal"],orientations:["vertical","horizontal"],sizes:["mini","small","medium","large","xlarge","xxlarge"],positions:{top:"top",topLeft:"top-left",topCenter:"top-center",topRight:"top-right",topCompact:"top-compact",bottom:"bottom",bottomLeft:"bottom-left",bottomCenter:"bottom-center",bottomRight:"bottom-right",bottomCompact:"bottom-compact"}}},g="flat",h="ready",i="error",j="select",l="deactivate",m="hover",o="contentLoad",p="contentUrl",q="contentType",r="disabled",t="z-disabled",u="z-stacked",v="z-icons-light",w="z-icons-dark",x="z-spinner",y="underlined",z="contained",C="vertical",D="horizontal",E="top-left",F="top-right",G="top",H="bottom",K="mobile",L="z-multiline",N="z-animating",O="z-dropdown-arrow",P="responsive",Q="z-content-inner";e.prototype={defaults:{delayAjax:50,animation:{duration:600,effects:"slideH",easing:"easeInQuad",type:"css",mobileDuration:0},autoContentHeight:!0,autoplay:{interval:0,smart:!0},bordered:!0,dark:!1,cacheAjax:!0,contentUrls:null,deeplinking:!1,deeplinkingAutoScroll:!1,deeplinkingMode:"single",deeplinkingPrefix:null,deeplinkingSeparator:"",defaultTab:"tab1",event:f.events.click,maxRows:3,minWidth:200,minWindowWidth:480,mobileAutoScrolling:null,mobileNav:!0,mobileMenuIcon:null,mode:f.modes.tabs,multiline:!1,hashAttribute:"data-link",position:f.classes.positions.topLeft,orientation:D,ready:function(){},responsive:!0,responsiveDelay:0,rounded:!1,shadows:!0,theme:"silver",scrollToContent:!1,select:function(){},spaced:!1,deactivate:function(){},beforeSend:function(){},contentLoad:function(){},next:null,prev:null,error:function(){},noTabs:!1,rememberState:!1,size:"medium",style:z,tabRatio:1.03,tabRatioCompact:1.031,original:{itemWidth:0,itemMinWidth:null,itemMaxWidth:null,groupWidth:0,initGroupWidth:0,itemD:0,itemM:0,firstRowWidth:0,lastRowItems:0,count:0,contentMaxHeight:null,contentMaxWidth:null,navHeight:null,position:null,bottomLeft:null,tabGroupWidth:0},animating:!1},init:function(){var d=this;if(d.settings=a.extend(!0,{},d.defaults,d.options,d.metadata,d.attrdata),d.$elem.find(">."+x).remove(),d.$elem.removeClass("z-tabs-loading"),null!=d.settings.contentUrls&&d.$elem.find("> div > div").each(function(b,c){a(c).data(p,d.settings.contentUrls[b])}),R.initAnimation(d,!0),R.updateClasses(d),R.checkWidth(d,!0),R.bindEvents(d),R.initAutoPlay(d),a.zozo.core.plugins.easing(d),d.settings.rememberState===!0&&a.zozo.core.support.html5_storage()){var e=localStorage.getItem(d.tabID+"_defaultTab");R.tabExist(d,e)&&(d.settings.defaultTab=e)}if(d.settings.deeplinking===!0){var f=d.settings.deeplinkingPrefix?d.settings.deeplinkingPrefix:d.tabID;if(c.location.hash){var e=d.Deeplinking.get(f,d.settings.deeplinkingSeparator);R.tabExist(d,e)?(R.showTab(d,e),d.settings.deeplinkingAutoScroll===!0&&a("html, body").animate({scrollTop:d.$elem.offset().top-150},2e3)):R.showTab(d,d.settings.defaultTab)}else R.showTab(d,d.settings.defaultTab);"undefined"!=typeof a(b).hashchange?a(b).hashchange(function(){var a=d.Deeplinking.get(f,d.settings.deeplinkingSeparator);d.currentTab&&d.currentTab.attr(d.settings.hashAttribute)===a||R.showTab(d,a)}):a(b).bind("hashchange",function(){var a=d.Deeplinking.get(f,d.settings.deeplinkingSeparator);d.currentTab&&d.currentTab.attr(d.settings.hashAttribute)===a||R.showTab(d,a)})}else d.settings.noTabs===!0?R.showContent(d,R.getActive(d,0)):R.showTab(d,d.settings.defaultTab);return R.checkWidth(d),d.$elem.trigger(h,d.$elem),d},setOptions:function(b){var c=this;return c.settings=a.extend(!0,c.settings,b),R.initAnimation(c),R.updateClasses(c,!0),R.checkWidth(c,!1,!0),R.initAutoPlay(c),c},add:function(b,c,d){var e=this,f={};return null!=b&&"object"==typeof b?(b.tab&&(f.tab=a(b.tab),b.tabID&&e.settings.deeplinking===!0&&f.tab.attr(e.settings.hashAttribute,b.tabID)),b.content&&(f.content=a(b.content))):b&&c&&(f.tab=a("<li><a>"+b+"</a></li>"),f.content=a("<div>"+c+"</div>"),d&&e.settings.deeplinking===!0&&f.tab.attr(e.settings.hashAttribute,d)),f.tab&&f.content&&(f.tab.appendTo(e.$tabGroup).hide().fadeIn(300).css("display",""),f.content.appendTo(e.$container),R.updateClasses(e),R.bindEvent(e,f.tab),setTimeout(function(){R.checkWidth(e,!1,!0)},350)),e},insertAfter:function(a,b,c){var d=this;return d},insertBefore:function(a,b,c){var d=this;return d},remove:function(b){var c=this,d=b-1,e=c.$tabs.eq(d),f=c.$contents.eq(d);return f.remove(),e.fadeOut(300,function(){a(this).remove(),R.updateClasses(c)}),setTimeout(function(){R.checkWidth(c,!1,!0)},350),c},enable:function(a){var b=this,c=b.$tabs.eq(a);return c.length&&(c.removeClass(t),c.data(r,!1)),b},disable:function(a){var b=this,c=b.$tabs.eq(a);return c.length&&(c.addClass(t),c.data(r,!0)),b},select:function(a){var b=this;return b.settings.animating!==!0&&(b.settings.noTabs===!0?R.showContent(b,R.getActive(b,a)):R.changeHash(b,b.$tabs.eq(a).attr(b.settings.hashAttribute))),b},first:function(){var a=this;return a.select(R.getFirst()),a},prev:function(){var b=this,c=R.getActiveIndex(b);return c<=R.getFirst(b)?b.select(R.getLast(b)):(b.select(c-1),a.zozo.core.debug.log("prev tab : "+(c-1))),b},next:function(b){b=b?b:this;var c=R.getActiveIndex(b),d=parseInt(R.getLast(b));return c>=d?b.select(R.getFirst()):(b.select(c+1),a.zozo.core.debug.log("next tab : "+(c+1))),b},last:function(){var a=this;return a.select(R.getLast(a)),a},play:function(a){var b=this;return(null==a||a<0)&&(a=2e3),b.settings.autoplay.interval=a,b.stop(),b.autoplayIntervalId=setInterval(function(){b.next(b)},b.settings.autoplay.interval),b},stop:function(a){return a=a?a:this,clearInterval(a.autoplayIntervalId),a},refresh:function(){var a=this;return a.$contents.filter(".z-active").css({display:"block"}).show(),R.checkWidth(a),a}};var R={initAnimation:function(b,c){var d=a.zozo.core.utils.toArray(f.animation.effects);a.inArray(b.settings.animation.effects,d)<0&&(b.settings.animation.effects=f.animation.effects.slideH),jQuery.browser.mobile&&(b.settings.shadows=!1),a.zozo.core.support.css.transition===!1&&(b.settings.animation.type=f.animation.types.jquery,jQuery.browser.mobile&&(b.settings.animation.duration=0)),b.settings.animation.effects===f.animation.effects.none&&c===!0&&(b.settings.animation.duration=0)},updateClasses:function(b,c){b.$elem.find("*").stop(!0,!0),b.tabID=b.$elem.attr("id"),b.$tabGroup=b.$elem.find("> ul").addClass(f.classes.tabGroup).not(".z-tabs-mobile").addClass("z-tabs-desktop"),b.$tabs=b.$tabGroup.find("> li"),b.$container=b.$elem.find("> div"),b.$contents=b.$container.find("> div"),b.$tabGroup.length<=0&&(b.settings.noTabs=!0);var e=(a.zozo.core.support.css.transition,b.settings.noTabs);b.$container.addClass(f.classes.container).css({_transition:""}),b.$contents.addClass(f.classes.content),b.$contents.each(function(b,c){var d=a(c);d.css({left:"",top:"",opacity:"",display:"",_transition:""}),d.hasClass(f.classes.active)&&d.show().css({display:"block",_transition:""})}),1!=e&&(b.$tabs.each(function(c,d){var e=a(d);e.removeClass(f.classes.first).removeClass(f.classes.last).removeClass(f.classes.left).removeClass(f.classes.right).removeClass(f.classes.firstCol).removeClass(f.classes.lastCol).removeClass(f.classes.firstRow).removeClass(f.classes.lastRow).css({width:"",float:""}).addClass(f.classes.tab).find("a").addClass(f.classes.link),R.isTabDisabled(e)&&b.disable(c),b.settings.deeplinking===!1&&a(d).attr(b.settings.hashAttribute,"tab"+(c+1))}),b.$tabs.filter("li:first-child").addClass(f.classes.first),b.$tabs.filter("li:last-child").addClass(f.classes.last));var h=a.zozo.core.utils.toArray(f.classes.positions);b.$elem.removeClass(f.classes.wrapper).removeClass(f.classes.rounded).removeClass(f.classes.shadows).removeClass(f.classes.spaced).removeClass(f.classes.bordered).removeClass(f.classes.dark).removeClass(L).removeClass(v).removeClass(w).removeClass(u).removeClass(g).removeClass(f.classes.styles.join(f.space)).removeClass(f.classes.orientations.join(f.space)).removeClass(h.join().replace(f.commaRegExp,f.space)).removeClass(f.classes.sizes.join(f.space)).removeClass(f.classes.themes.join(f.space)).removeClass(f.classes.flatThemes.join(f.space)).addClass(m).addClass(b.settings.style).addClass(b.settings.size).addClass(b.settings.theme),R.isFlatTheme(b)&&b.$elem.addClass(g),R.isLightTheme(b)?b.$elem.addClass(w):b.$elem.addClass(v),b.settings.rounded===!0&&b.$elem.addClass(f.classes.rounded),b.settings.shadows===!0&&b.$elem.addClass(f.classes.shadows),b.settings.bordered===!0&&b.$elem.addClass(f.classes.bordered),b.settings.dark===!0&&b.$elem.addClass(f.classes.dark),b.settings.spaced===!0&&b.$elem.addClass(f.classes.spaced),b.settings.multiline===!0&&b.$elem.addClass(L),R.checkPosition(b),b.$elem.find("> ul.z-tabs-mobile").length?b.$mobileNav=b.$elem.find("> ul.z-tabs-mobile"):b.$mobileNav=a("<ul class='z-tabs-nav z-tabs-mobile'><li><a class='z-link' style='text-align: left;'><span class='z-title'>Overview</span><span class='z-arrow'></span></a></li></ul>"),b.$mobileNav&&(b.$tabGroup.before(b.$mobileNav),b.$elem.find("> i."+O).length?b.$mobileDropdownArrow=b.$elem.find("> i."+O):b.$mobileDropdownArrow=a("<i class='z-dropdown-arrow'></i>"),b.$tabGroup.before(b.$mobileDropdownArrow)),jQuery.browser.mobile&&b.$elem.removeClass(m)},checkPosition:function(b){b.$container.appendTo(b.$elem),b.$tabGroup.prependTo(b.$elem),b.$elem.find("> span.z-tab-spacer").remove(),b.$elem.addClass(f.classes.wrapper);var c=R.isTop(b);b.$contents.each(function(b,c){var d=a(c),e=Q;d.find("> div."+Q).length||(d.hasClass("z-row")&&(d.removeClass("z-row"),e="z-row "+Q),d.wrapInner("<div class='"+e+"'></div>"),a.zozo.core.content.check(d))}),b.settings.orientation===C?b.settings.position!==F&&(b.settings.position=E):(b.settings.orientation=D,c===!1&&(b.$tabGroup.appendTo(b.$elem),a(f.elementSpacer).appendTo(b.$elem),b.$container.prependTo(b.$elem))),b.$elem.addClass(b.settings.orientation),b.$elem.addClass(b.settings.position),c?b.$elem.addClass(G):b.$elem.addClass(H)},bindEvents:function(c){var d=c.settings.animation.effects===f.animation.effects.none?0:c.settings.animation.duration;c.$tabs.each(function(){var d=a(this),e=d.find("a").attr("href"),f=d.find("a").attr("target");a.trim(e).length?d.on("ztap",{data:c.settings.event},function(c){a.trim(f).length?b.open(e,f):b.location=e,c.preventDefault()}):R.bindEvent(c,d)}),a(b).resize(function(){c.lastWindowWidth!==a(b).width()&&(clearInterval(c.resizeWindowIntervalId),c.resizeWindowIntervalId=setTimeout(function(){c.lastWindowHeight=a(b).height(),c.lastWindowWidth=a(b).width(),R.checkWidth(c)},c.settings.responsiveDelay))});var e=c.settings.next;null!=e&&a(e).on(f.events.click,function(a){a.preventDefault(),c.next()});var g=c.settings.prev;null!=g&&a(g).on(f.events.click,function(a){a.preventDefault(),c.prev()}),c.$mobileNav&&c.$mobileNav.find("li").on("ztap",{data:c.settings.event},function(a){a.preventDefault(),c.$mobileNav.hasClass(f.states.closed)?(c.$mobileNav.removeClass(f.states.closed),c.$tabGroup.removeClass("z-hide-menu"),R.mobileNavAutoScroll(c)):(c.$mobileNav.addClass(f.states.closed),c.$tabGroup.addClass("z-hide-menu")),R.refreshParents(c,d)}),c.lastWindowHeight=a(b).height(),c.lastWindowWidth=a(b).width(),c.$elem.bind(h,c.settings.ready),c.$elem.bind(j,c.settings.select),c.$elem.bind(l,c.settings.deactivate),c.$elem.bind(i,c.settings.error),c.$elem.bind(o,c.settings.contentLoad)},bindEvent:function(c,d){d.on("ztap",{data:c.settings.event},function(e){e.preventDefault(),c.settings.autoplay!==!1&&null!=c.settings.autoplay&&c.settings.autoplay.smart===!0&&c.stop(),R.changeHash(c,d.attr(c.settings.hashAttribute)),R.allowAutoScrolling(c)===!0&&R.isMobile(c)&&a(b.opera?"html":"html, body").animate({scrollTop:c.$elem.offset().top+c.settings.mobileAutoScrolling.contentTopOffset},0)})},mobileNavAutoScroll:function(c){return R.allowAutoScrolling(c)===!0&&a(b.opera?"html":"html, body").animate({scrollTop:c.$mobileNav.offset().top+c.settings.mobileAutoScrolling.navTopOffset},0),c},showTab:function(b,c){if(R.tabExist(b,c)&&null!=c&&b.settings.animating!==!0){var d=b.$tabs.filter("li["+b.settings.hashAttribute+"='"+c+"']"),e=b.$tabs.index(d),g=R.getActive(b,e);g.enabled&&g.preIndex!==g.index&&b.settings.noTabs!==!0&&(b.currentTab=d,b.$tabs.removeClass(f.classes.active),b.currentTab.addClass(f.classes.active),b.settings.rememberState===!0&&a.zozo.core.support.html5_storage()&&localStorage.setItem(b.tabID+"_defaultTab",d.data("link")),R.mobileNav(b,!1,g.index),g.contentUrl?(g.preIndex===-1&&g.content.css({opacity:"",left:"",top:"",position:"relative"}).show(),"iframe"===g.contentType?R.iframeContent(b,g):R.ajaxRequest(b,g)):R.showContent(b,g))}},getActiveIndex:function(a){var b;return b=a.settings.noTabs===!0?a.$container.find(">div."+f.classes.active).index():a.currentTab?parseInt(a.currentTab.index()):a.$tabGroup.find("li."+f.classes.active).index()},getActive:function(b,c){var d=R.getActiveIndex(b),e=b.$contents.eq(c),g=b.$tabs.eq(c),h=b.$tabs.eq(d),i=a.zozo.core.support.css.transition,j=b.settings.animation.effects===f.animation.effects.none?0:b.settings.animation.duration,k={index:c,tab:g,content:e,contentInner:e.find("> .z-content-inner"),enabled:R.isTabDisabled(g)===!1,contentUrl:e.data(p),contentType:e.data(q),noAnimation:!1,transition:i,duration:j,preIndex:d,preTab:h,preContent:b.$contents.eq(d)};return k},iframeContent:function(a,b){var c=b.contentInner.find("> div >.z-iframe");return c.length?R.hideLoading(a):(R.showLoading(a),b.contentInner.append('<div class="z-video"><iframe src="'+b.contentUrl+'" frameborder="0" scrolling="auto" height="1400" class="z-iframe"></iframe></div>'),console.log("add iframe")),R.showContent(a,b),b.contentInner.find(".z-iframe").load(function(){R.hideLoading(a)}),a},showLoading:function(a){return a.$container.append('<span class="'+x+'"></span>'),a},hideLoading:function(a){return a.$container.find(">."+x).remove(),a},ajaxRequest:function(b,c){var d={},e={tab:c.tab,content:c.contentInner,index:c.index,xhr:null,message:""};return a.ajax({type:"GET",cache:b.settings.cacheAjax===!0,url:c.contentUrl,dataType:"html",data:d,beforeSend:function(a,c){R.showLoading(b),b.settings.animating=!0},error:function(a,d,f){404==a.status?e.message="<h4 style='color:red;'>Sorry, error: 404 - the requested content could not be found.</h4>":e.message="<h4 style='color:red;'>An error occurred: "+d+"\nError: "+a+" code: "+a.status+"</h4>",e.xhr=a,b.settings.error&&typeof b.settings.error==typeof Function&&b.$elem.trigger(i,e),c.contentInner.html(e.message)},complete:function(a,d){setTimeout(function(){b.settings.animating=!1,R.showContent(b,c),R.hideLoading(b)},b.settings.delayAjax)},success:function(a,d,f){setTimeout(function(){c.contentInner.html(a),e.xhr=f,b.$elem.trigger(o,e)},b.settings.delayAjax)}}),b},showContent:function(a,b){if(b.preIndex!==b.index&&a.settings.animating!==!0)if(a.settings.animating=!0,a.$contents.removeClass(f.classes.active),b.content.addClass(f.classes.active),b.preIndex===-1)S.init(a,b);else{var c=a.settings.animation.effects,d=R.getContentHeight(a,b.preContent,!0).height,e=R.getContentHeight(a,b.content,!0).height,g=R.isLarger(d,e);a.settings.orientation===D&&a.settings.autoContentHeight===!0&&(g=d>e?d:e);var h=c===f.animation.effects.slideH||c===f.animation.effects.slideLeft||c===f.animation.effects.slideRight?a.$container.width():h=g;if(b.preIndex<b.index&&c===f.animation.effects.slideV){var i=R.isLarger(d,e);i>h&&(h=i)}var j=-h,k=h;switch(b.preIndex>b.index&&(j=h,k=-h),S.before(a,b),c){case f.animation.effects.slideV:R.animate(a,b.preContent,null,{left:0,top:j+"px"}),R.animate(a,b.content,{left:0,top:k+"px"},{top:0});break;case f.animation.effects.slideUp:R.animate(a,b.preContent,{opacity:1},{left:0,top:-h+"px"}),R.animate(a,b.content,{left:0,top:1*h+"px"},{top:0});break;case f.animation.effects.slideDown:R.animate(a,b.preContent,{opacity:1},{left:0,top:h+"px"}),R.animate(a,b.content,{left:0,top:-h+"px"},{top:0});break;case f.animation.effects.slideUpDown:R.animate(a,b.preContent,{opacity:1},{left:0,top:1*-h+"px"}),R.animate(a,b.content,{left:0,top:-(2*h)+"px"},{top:0});break;case f.animation.effects.slideH:R.animate(a,b.preContent,null,{left:j+"px"}),R.animate(a,b.content,{left:k+"px"},{left:0});break;case f.animation.effects.slideRight:R.animate(a,b.preContent,{opacity:1},{top:0,left:h+"px"}),R.animate(a,b.content,{top:0,left:-h+"px"},{top:0,left:0});break;case f.animation.effects.slideLeft:R.animate(a,b.preContent,{opacity:1},{top:0,left:-h+"px"}),R.animate(a,b.content,{top:0,left:h+"px"},{top:0,left:0});break;case f.animation.effects.fade:R.animate(a,b.preContent,{display:"block"},{opacity:0}),R.animate(a,b.content,{display:"block",opacity:0},{opacity:1});break;case f.animation.effects.none:a.$contents.css({position:"absolute",left:0,top:0}).removeClass(f.classes.active).hide().eq(b.index).addClass(f.classes.active).css({position:"relative"}).show()}S.after(a,b)}},refreshParents:function(b,c){setTimeout(function(){b.$elem.parents(".z-tabs").each(function(b,c){a(c).data("zozoTabs").refresh()})},c)},animate:function(b,c,d,e,f,g){a.zozo.core.utils.animate(b,c,d,e,f,g)},mobileNav:function(a,b,c){null!==c&&a.$mobileNav&&a.$mobileNav.find("> li > a > span.z-title").html(a.$tabs.eq(c).find("a").html()),b===!0?(setTimeout(function(){a.$mobileNav.removeClass(f.states.closed)},a.settings.animation.mobileDuration),a.$tabGroup.removeClass("z-hide-menu")):(a.$mobileNav&&a.$mobileNav.addClass(f.states.closed),a.$tabGroup.addClass("z-hide-menu"))},setResponsiveDimension:function(a,b,c){var d=a.$container;return a.settings.original.count=parseInt(a.$tabs.not(".hide").length),c||(a.settings.original.itemD=parseInt(d.width()/a.settings.original.itemWidth),a.settings.original.itemM=a.settings.original.itemWidth+a.settings.original.itemM),a.settings.original.firstRowWidth=a.settings.original.itemWidth/(parseInt(a.settings.original.itemD)*a.settings.original.itemWidth)*100,a.settings.original.itemCount=parseInt(a.settings.original.itemD)*parseInt(a.settings.original.count/parseInt(a.settings.original.itemD)),a.settings.original.lastItem=100/(parseInt(a.settings.original.count)-parseInt(a.settings.original.itemCount)),a.settings.original.navHeight=a.settings.original.itemD*parseInt(a.$tabs.eq(0).innerHeight())+(a.settings.original.itemM>0?a.$tabs.eq(0).innerHeight():0),a.settings.original.bottomLeft=a.settings.original.count-(a.settings.original.count-a.settings.original.itemCount),a.settings.original.rows=a.settings.original.count>a.settings.original.itemCount?parseInt(a.settings.original.itemCount/a.settings.original.itemD)+1:parseInt(a.settings.original.itemCount/a.settings.original.itemD),a.settings.original.lastRowItems=a.settings.original.count-a.settings.original.itemCount*(a.settings.original.rows-1),a.settings.original.itemsPerRow=a.settings.original.itemCount/a.settings.original.rows,d.width()>b&&!c&&(a.settings.original.itemD=a.settings.original.count,a.settings.original.itemM=0,a.settings.original.rows=1,a.settings.original.itemCount=a.settings.original.count),a},checkWidth:function(b,c,d){var e=0,f=b.$container,g=R.isCompact(b),h=0,i=b.settings.tabRatio,j=b.settings.tabRatioCompact;if(b.$tabs.each(function(d){var f=a(this).outerWidth(!0)*i;g&&(f*=j),c===!0&&(f>b.settings.original.itemWidth&&(b.settings.original.itemWidth=f,b.settings.original.itemMaxWidth=f),f<b.settings.original.itemMinWidth&&(b.settings.original.itemMinWidth=f)),h+=a(this).innerHeight(),e+=f}),c===!0&&(e+=0*b.settings.original.itemWidth),b.settings.original.count=parseInt(b.$tabs.length),b.settings.original.groupWidth=e,R.setResponsiveDimension(b,b.settings.original.groupWidth),b.settings.original.count>3&&1===b.settings.original.lastRowItems&&(b.settings.original.itemD=b.settings.original.itemD-1,b.settings.original.itemM=f.width()%b.settings.original.itemWidth,R.setResponsiveDimension(b,b.settings.original.groupWidth,!0)),c===!0||d===!0){if(b.settings.original.initGroupWidth=b.settings.original.groupWidth,R.isCompact(b)){var k=100/b.settings.original.count;b.$tabs.each(function(){a(this).css({width:k+"%"})})}b.settings.original.position=b.settings.position}b.settings.responsive===!0&&R.responsive(b,c);var l=R.isCompact(b)&&!R.isMobile(b),m=R.isResponsive(b)&&b.BrowserDetection.isIE(7)?{float:"none",width:"auto"}:{float:""},n=b.$elem.hasClass(P);b.$tabs.each(function(c){(n===!0&&c+1===b.settings.original.itemD||c+1===b.settings.original.count)&&l?a(this).css(m):a(this).css({float:""})}),b.settings.orientation===C&&R.setContentHeight(b,null,!0)},checkModes:function(b){var c=R.isCompact(b);if(b.settings.mode===f.modes.stacked)b.$elem.addClass(u),b.$elem.addClass(P),b.$tabs.css({width:""}),b.$mobileNav&&b.$mobileNav.hide();else if(c){var d=100/b.settings.original.count;b.$tabs.each(function(){a(this).css({float:"",width:d+"%"})})}else b.$tabs.each(function(){a(this).css({float:"",width:""})})},getContentHeight:function(b,c,d){var e=b.settings.autoContentHeight,f={width:0,height:0};if(1!=e)b.$contents.each(function(b,c){var d=a(c),e=R.getElementSize(d);e.height>f.height&&(f.height=e.height),e.width>f.width&&(f.width=e.width)});else{var g=b.$elem.find("> .z-container > .z-content.z-active");null!=c&&(g=c),f.height=R.getElementSize(g).height}if(b.settings.orientation===C&&!R.isMobile(b)){var h=0;b.$tabs.each(function(b){h=h+parseInt(a(this).height())+parseInt(a(this).css("border-top-width"))+parseInt(a(this).css("border-bottom-width"))}),f.height=R.isLarger(f.height,b.$tabGroup.innerHeight()),f.height=R.isLarger(f.height,h)}return f},setContentHeight:function(b,c,d){var e=R.getContentHeight(b,c,d);b.settings.original.contentMaxHeight=e.height,b.settings.original.contentMaxWidth=e.width;var j=(b.settings.animation.effects===f.animation.effects.none||d===!0?0:b.settings.animation.duration,b.settings.autoContentHeight,a.zozo.core.support.css.transition,
+{_transition:"none","min-height":b.settings.original.contentMaxHeight+"px"});return d===!0?b.$container.css(j):R.animate(b,b.$container,null,j,{}),b},responsive:function(c,d){var e=a(b).width(),g=R.isTop(c),h=R.isCompact(c),i=c.settings.original.initGroupWidth>=c.$container.width(),j=c.settings.original.rows>c.settings.maxRows,k=e<=c.settings.minWindowWidth,l=!c.BrowserDetection.isIE(8)&&c.settings.mobileNav===!0&&null!=c.$mobileNav,m=c.settings.original.count,n=c.settings.original.itemCount,o=c.settings.original.itemD,p=c.settings.original.rows;if(c.$elem.removeClass(u),c.$tabs.removeClass(f.classes.left).removeClass(f.classes.right).removeClass(f.classes.firstCol).removeClass(f.classes.lastCol).removeClass(f.classes.firstRow).removeClass(f.classes.lastRow),c.settings.orientation===D){var q=h&&parseInt(c.settings.original.count*c.settings.original.itemWidth)>=c.$container.width(),r=!h&&i,s=q||r;if(s)(p===m||c.settings.mode===f.modes.stacked)&&c.$elem.addClass(u),c.$tabs.not(".hide").each(function(b){var d=a(this),e=b+1;c.settings.original.itemM>0&&(e<=n?d.css({float:"",width:c.settings.original.firstRowWidth+"%"}):d.css({float:"",width:c.settings.original.lastItem+"%"}),g===!0?b===o-1?d.addClass(f.classes.right):d.removeClass(f.classes.right):(e===m&&d.addClass(f.classes.right),b===c.settings.original.bottomLeft&&d.addClass(f.classes.left)),p>1&&1!==o&&((1===e||e>o&&e%o===1)&&d.addClass(f.classes.firstCol),(e===m||e>=o&&e%o===0)&&d.addClass(f.classes.lastCol),e<=o&&d.addClass(f.classes.firstRow),e>o*(p-1)&&d.addClass(f.classes.lastRow)))}),R.switchResponsiveClasses(c,!0);else{if(h){var t=100/c.settings.original.count;c.$tabs.each(function(){a(this).css({float:"",width:t+"%"})})}else c.$tabs.each(function(){a(this).css({float:"",width:""})});R.switchResponsiveClasses(c,!1)}e>=1200&&c.responsive!=f.responsive.largeDesktop&&(c.responsive=f.responsive.largeDesktop,R.switchMenu(c,!1)),c.responsive!=f.responsive.phone&&l&&(k||j)&&(c.responsive="auto",c.$elem.removeClass(P),c.$tabs.each(function(){a(this).css({width:""})}),c.$tabs.filter("li:first-child").addClass(f.classes.first),c.$tabs.filter("li:last-child").addClass(f.classes.last),R.switchMenu(c,!0))}else l===!0&&(k||parseInt(c.$elem.width()-c.settings.original.itemWidth)<c.settings.minWidth)?R.switchMenu(c,!0):R.switchMenu(c,!1);R.refreshParents(c,0)},switchResponsiveClasses:function(a,b){var c=R.isTop(a),d=a.settings.original.position,e=f.classes.positions.topLeft,g=f.classes.positions.bottomLeft;b===!0?(a.$elem.addClass(P),R.switchMenu(a,!1),a.$elem.removeClass(d)):(c===!0?a.$elem.removeClass(e).addClass(d):a.$elem.removeClass(g).addClass(d),R.switchMenu(a,!1),a.$elem.removeClass(P),a.$tabs.removeClass(f.classes.last).filter("li:last-child").addClass(f.classes.last))},switchMenu:function(b,c){var d=f.classes.themes;f.classes.sizes,a.zozo.core.utils.toArray(f.classes.positions);b.$elem.removeClass(d.join(f.space)),c===!0?(b.$mobileNav&&b.$mobileNav.addClass(f.states.closed).show(),b.$tabGroup.addClass("z-hide-menu"),b.$elem.addClass(K),b.$elem.removeClass(b.settings.orientation),b.$elem.removeClass(b.settings.position),b.settings.style===y?b.$elem.addClass("m-"+b.settings.theme):b.$elem.addClass(b.settings.theme)):(b.$elem.addClass(b.settings.orientation),b.$elem.addClass(b.settings.theme),b.$elem.addClass(b.settings.position),b.$mobileNav&&b.$mobileNav.removeClass(f.states.closed),b.$tabGroup.removeClass("z-hide-menu"),b.$tabs.filter("li:first-child").addClass(f.classes.first),b.$elem.removeClass(K),b.$mobileNav&&b.$mobileNav.hide())},initAutoPlay:function(a){a.settings.autoplay!==!1&&null!=a.settings.autoplay&&a.settings.autoplay.interval>0?(a.stop(),a.autoplayIntervalId=setInterval(function(){a.next(a)},a.settings.autoplay.interval)):a.stop()},changeHash:function(c,d){var e=c.settings.deeplinkingPrefix?c.settings.deeplinkingPrefix:c.tabID;c.settings.animating!==!0&&(c.settings.deeplinking===!0?"undefined"!=typeof a(b).hashchange?c.Deeplinking.set(e,d,c.settings.deeplinkingSeparator,c.settings.deeplinkingMode):c.BrowserDetection.isIE(7)?R.showTab(c,d):c.Deeplinking.set(e,d,c.settings.deeplinkingSeparator,c.settings.deeplinkingMode):R.showTab(c,d))},getFirst:function(a){return 0},getLast:function(a){return a.settings.noTabs===!0?parseInt(a.$container.children("div").length-1):parseInt(a.$tabGroup.children("li").length-1)},isCompact:function(a){return a.settings.position===f.classes.positions.topCompact||a.settings.position===f.classes.positions.bottomCompact},isTop:function(a){return null===a.settings.original.position&&(a.settings.original.position=a.settings.position),a.settings.original.position.indexOf("top")>=0},isLightTheme:function(b){var c=["red","deepblue","blue","green","orange","black"],d=!0,e=R.isFlatTheme(b);return b.settings.style!==y&&(a.inArray(b.settings.theme,c)>-1&&(d=!1),e&&(d=!1)),d},isFlatTheme:function(a){return a.settings.theme.indexOf("flat")>=0},isResponsive:function(a){return a.$elem.hasClass(P)===!0},tabExist:function(a,b){return a.$tabs.filter("li["+a.settings.hashAttribute+"='"+b+"']").length>0},isMobile:function(a){return a.$elem.hasClass(K)===!0},isTabDisabled:function(a){return a.hasClass(t)||a.data(r)===!0},allowAutoScrolling:function(a){return null!=a.settings.mobileAutoScrolling&&0!=a.settings.mobileAutoScrolling},getElementSize:function(a){var b={width:0,height:0};return null==a||0==a.length?b:(a.is(":visible")===!1?(b.height=a.show().find(">.z-content-inner").innerHeight(),b.width=a.show().find(">.z-content-inner").outerWidth(),b.height>=0,a.hide()):(b.height=a.find(">.z-content-inner").innerHeight(),b.width=a.find(">.z-content-inner").outerWidth(),b.height>=0),a.hasClass("z-video")&&(b.height=a.innerHeight()),b)},getWidth:function(a){if(null==a||0==a.length)return 0;a=a.find("a");var b=a.outerWidth();return b+=parseInt(a.css("margin-left"),10)+parseInt(a.css("margin-right"),10),b+=parseInt(a.css("borderLeftWidth"),10)+parseInt(a.css("borderRightWidth"),10)},isLarger:function(a,b){var c=a;return a<b&&(c=b),c}},S={init:function(b,c){return b.$contents.hide(),c.content.css({opacity:"",left:"",top:"",position:"relative"}).show(),setTimeout(function(){b.$container.find(".z-tabs").each(function(b,c){a(c).data("zozoTabs").refresh()}),b.$elem.trigger(j,{tab:c.tab,content:c.content,index:c.index}),b.settings.animating=!1},c.duration>=0?200:c.duration),b.settings.orientation===C&&R.setContentHeight(b,c.content,!0),b},before:function(b,c){return setTimeout(function(){c.content.find(".z-tabs").each(function(b,c){a(c).data("zozoTabs").refresh()})},50),b.settings.animation.effects!==f.animation.effects.none&&(R.setContentHeight(b,c.preContent,!0),R.setContentHeight(b,c.content)),b.$container.addClass(N),c.preContent.css({position:"absolute",display:"block",left:0,top:0}),c.content.css({position:"absolute",display:"block"}),b},after:function(b,c){return setTimeout(function(){c.content.css({position:"relative"}),c.preContent.css({display:"none"})},c.duration),b.$contents.each(function(b,d){c.index!=b&&c.preIndex!=b&&a(d).css({_transition:"",position:"",display:"",left:"",top:""})}),setTimeout(function(){b.$elem.trigger(j,{tab:c.tab,content:c.content,index:c.index}),b.$elem.trigger(l,{tab:c.preTab,content:c.preContent,index:c.preIndex});var a=b.settings.orientation===C?{height:""}:{height:"","min-height":"",overflow:""};b.$container.css(a),b.$container.removeClass(N),setTimeout(function(){b.$contents.removeClass(f.classes.active).eq(c.index).addClass(f.classes.active),b.settings.animating=!1,b.$contents.stop(!0,!0)})},c.duration+50),b}};e.defaults=e.prototype.defaults,a.fn.zozoTabs=function(b){return this.each(function(){if(d==a(this).data(f.pluginName)){var c=new e(this,b).init();a(this).data(f.pluginName,c)}})},b.zozo.tabs=e,a(c).ready(function(){a("[data-role='z-tabs']").each(function(b,c){a(c).zozoTabs()||a(c).zozoTabs()})})}(jQuery,window,document);
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/js/tabs.js b/deployed/jsn/components/com_jsn/assets/js/tabs.js
new file mode 100644
index 00000000..aca13478
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/assets/js/tabs.js
@@ -0,0 +1,189 @@
+jQuery(document).ready(function($){
+	
+	$('#member-registration > fieldset,#member-profile > fieldset,.jsn-p-fields > fieldset').addClass('jsn-form-fieldset').wrapAll('<div id="jsn-form" />');
+	$('#member-registration >  .control-group .controls,#member-profile > .control-group .controls').addClass('jsn_registration_controls').append('<div style="clear:both"></div>');
+	$('#member-registration .form-actions a,#member-registration > .control-group a').hide();
+	$('#jsn-form').wrapInner('<div />').prepend('<ul id="jsn-profile-tabs"></ul>');
+	$('.jsn-form-fieldset').wrap('<div />');
+	$('.jsn-form-fieldset > legend').hide();
+	var index=0;
+	$('.jsn-form-fieldset').each(function(){
+		var tabTitle=String($(this).find('legend:first').html());
+		$(this).find('legend:first span').remove();
+		var tabSlug=String($(this).find('legend:first').text());
+		if(tabTitle=='') tabTitle=String($(this).find('[id$="lbl"]:first').text()).replace('*','').trim();
+		var tabSlug=tabSlug.toLowerCase().replace(/[^\w ]+/g,'').replace(/ +/g,'-');
+		if(tabSlug.length < 5) tabSlug='profile-tab'+index;
+		if($('#jsn-profile-tabs li[data-link="'+tabSlug+'"]').length) tabSlug+=index;
+		$(this).attr('data-index',index);
+		if($('#member-registration').length && stepbystep) $(this).attr('data-name','tab'+(index+1));
+		else $(this).attr('data-name',tabSlug);
+		$('#jsn-profile-tabs').append('<li data-index="'+index+'" data-link="'+tabSlug+'"><a>'+tabTitle+'</a></li>');
+		index+=1;
+	});
+
+	$(function(){
+		var position='top-compact';
+		var bordered=false;
+		var mobileNav=false;
+		if(index>5) mobileNav=true;
+		var defaultTab=$('.jsn-form-fieldset').not('.hide').first().attr('data-name');
+		var deeplinking=true;
+		if($('#member-registration').length && stepbystep) deeplinking=false;
+
+		$("#jsn-form").zozoTabs({
+			maxRows: 10,
+	        position: position,
+	        defaultTab: defaultTab,
+	        style: "clean",
+	        theme: "flat",
+	        spaced: true,
+	        bordered: bordered,
+	        rounded: false,
+	        deeplinking: deeplinking,
+	        mobileNav: mobileNav,
+	        select: function(){tabs($);},
+	        animation: {
+	            easing: "easeInOutExpo",
+	            duration: 300,
+	            effects: "fade"
+	        },
+	        size:"mini"
+	    });
+    });
+
+    
+	
+	$('#member-registration [type="submit"],#member-profile [type="submit"]').click(function(){
+		if($('#member-registration [type="submit"]:hidden,#member-profile [type="submit"]:hidden').length) return false;
+		var found=false;
+		$('#jsn-profile-tabs li a').removeClass('jsninvalidfieldgroup');
+		$('.jsn-form-fieldset .invalid').each(function(){
+			if(!found){
+				if(jQuery(window).scrollTop()>100)
+					jQuery('html, body').animate({
+					         scrollTop: jQuery("#system-message-container").offset().top-100
+					     }, 300);
+				$("#jsn-form").data('zozoTabs').select($(this).parents('.jsn-form-fieldset').attr('data-index'));
+			}
+			$('#jsn-profile-tabs li[data-link="'+$(this).parents('.jsn-form-fieldset').attr('data-name')+'"] a').addClass('jsninvalidfieldgroup');
+			found=true;
+		});
+		
+	});
+	
+	//tabs($);
+});
+function tabs($){
+	$('.jsn-form-fieldset').each(function(){
+		if($(this).is('.hide')){
+			$('li[data-index="'+$(this).attr('data-index')+'"] a').parent().hide().addClass('hide');
+		}
+		else{
+			$('li[data-index="'+$(this).attr('data-index')+'"] a').parent().show().removeClass('hide');
+		}
+	});
+	var first=$('.jsn-form-fieldset').not('.hide').first().attr('data-index');
+	var last=$('.jsn-form-fieldset').not('.hide').last().attr('data-index');
+	var active=$('.z-content.z-active .jsn-form-fieldset').not('.hide').first().attr('data-index');
+
+	if(active==undefined){
+		active=first;
+	}
+
+	$('.next-button').remove();
+	$('.prev-button').remove();
+
+	if($('#member-registration').length && active==last){
+		$('#member-registration .form-actions button[type="submit"],#member-registration > .control-group button[type="submit"]').show().addClass('pull-right');
+		if(active!=first) $('#member-registration .form-actions button[type="submit"],#member-registration > .control-group button[type="submit"]').before(' <a class="btn btn-default prev-button pull-left" href="#">'+jsn_prev_button+'</a> ');
+	}
+	else if($('#member-registration').length && active==first){
+		$('#member-registration .form-actions button[type="submit"],#member-registration > .control-group button[type="submit"]').hide().addClass('pull-right');
+		$('#member-registration .form-actions button[type="submit"],#member-registration > .control-group button[type="submit"]').before(' <a class="btn btn-default next-button pull-right" href="#">'+jsn_next_button+'</a> ');
+	}
+	else if($('#member-registration').length){
+		$('#member-registration .form-actions button[type="submit"],#member-registration > .control-group button[type="submit"]').hide().addClass('pull-right')
+			.before(' <a class="btn btn-default prev-button pull-left" href="#">'+jsn_prev_button+'</a> ')
+			.before(' <a class="btn btn-default next-button pull-right" href="#">'+jsn_next_button+'</a> ');
+	}
+
+	if($('#member-registration').length && stepbystep) {
+		$('li.z-tab a').click(function(){
+			var tab=$(this).parent().attr('data-index');
+			for(i=0;i<tab;i++) {
+				if(!document.formvalidator.isValid('.jsn-form-fieldset[data-index="'+i+'"]')) {
+					$("#jsn-form").data('zozoTabs').select(i);
+					return false;
+				}
+			}
+	    });
+	}
+
+	$('.next-button').click(function(){
+		if(stepbystep) {
+			if(!document.formvalidator.isValid('.jsn-form-fieldset[data-index="'+active+'"]')) {
+				if(jQuery(window).scrollTop()>100)
+					jQuery('html, body').animate({
+					         scrollTop: jQuery("#system-message-container").offset().top-100
+					     }, 300);
+				return false;
+			}
+		}
+		var next=true;
+		for (i = active; i <= last; i++) { 
+    		if(i!=active && next && !$('.jsn-form-fieldset[data-index="'+i+'"]').is('.hide')) {
+    			$("#jsn-form").data('zozoTabs').select(i);
+    			next=false;
+    		}
+		}
+		if(jQuery(window).scrollTop()>100)
+			jQuery('html, body').animate({
+			         scrollTop: jQuery("#jsn-profile-tabs").offset().top-100
+			     }, 300);
+		return false;
+	});
+	$('.prev-button').click(function(){
+		var prev=true;
+		for (i = active; i >= first; i--) { 
+    		if(i!=active && prev && !$('.jsn-form-fieldset[data-index="'+i+'"]').is('.hide')) {
+    			$("#jsn-form").data('zozoTabs').select(i);
+    			prev=false;
+    		}
+		}
+		if(jQuery(window).scrollTop()>100)
+			jQuery('html, body').animate({
+			         scrollTop: jQuery("#jsn-profile-tabs").offset().top-100
+			     }, 300);
+		return false;
+	});
+
+	if($('#member-registration').length || $('#member-profile').length)
+		setTimeout(function(){$('.jsn_map:visible:not([data-loaded])').each(function(){
+				$(this).attr("data-loaded","true");
+				var id=$(this).attr("id").substr(4);
+				var center = $("#jform_"+id).geocomplete('map').getCenter();
+				google.maps.event.trigger($("#jform_"+id).geocomplete('map'), "resize");
+				$("#jform_"+id).geocomplete('map').setCenter(center);
+				$("#jform_"+id).geocomplete('map').setZoom($("#jform_"+id).geocomplete('options').maxZoom);
+			})
+		},100);
+	else
+		setTimeout(function(){$('.jsn_map:visible:not([data-loaded])').each(function(){
+				$(this).attr("data-loaded","true");
+				var id=$(this).attr("id").substr(4);
+				var center = $("."+id+"Value").geocomplete('map').getCenter();
+				google.maps.event.trigger($("."+id+"Value").geocomplete('map'), "resize");
+				$("."+id+"Value").geocomplete('map').setCenter(center);
+				$("."+id+"Value").geocomplete('map').setZoom($("."+id+"Value").geocomplete('options').maxZoom);
+			})
+		},100);
+	if($("#jsn-form").data('zozoTabs')) $("#jsn-form").data('zozoTabs').refresh();
+	var tabheight = 0;
+	$('ul#jsn-profile-tabs li a').each(function(){
+		var h = $(this).height();
+		if(h > tabheight) tabheight = h;
+	});
+	$('ul#jsn-profile-tabs li a').css('min-height',tabheight+'px');
+	return;
+}
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/assets/webcam.swf b/deployed/jsn/components/com_jsn/assets/webcam.swf
new file mode 100644
index 00000000..e24a6b99
Binary files /dev/null and b/deployed/jsn/components/com_jsn/assets/webcam.swf differ
diff --git a/deployed/jsn/components/com_jsn/controller.php b/deployed/jsn/components/com_jsn/controller.php
new file mode 100644
index 00000000..3bc55ab4
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/controller.php
@@ -0,0 +1,147 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnController extends JControllerLegacy
+{
+	/**
+	 * Method to display a view.
+	 *
+	 * @param   boolean			If true, the view output will be cached
+	 * @param   array  An array of safe url parameters and their variable types, for valid values see {@link JFilterInput::clean()}.
+	 *
+	 * @return  JController		This object to support chaining.
+	 * @since   1.5
+	 */
+	public function display($cachable = false, $urlparams = false)
+	{
+		$config = JComponentHelper::getParams('com_jsn');
+		
+		$vName=JFactory::getApplication()->input->get('view','profile');
+		
+		if(JFactory::getApplication()->input->get('format','')!='raw') echo('<div id="easyprofile" class="view_'.$vName.'">');
+		
+		switch($vName){
+			case 'profile':
+				$user=JFactory::getUser();
+				$profileAcl=$config->get('profileACL',2);
+				
+				if(JFactory::getApplication()->input->get('id')==null && $user->guest)
+					JFactory::getApplication()->redirect(JRoute::_('index.php?option=com_users&view=login&task=&return='.base64_encode( JURI::getInstance()->toString()) ,false));
+				else
+				{
+					if(JFactory::getUser(JFactory::getApplication()->input->get('id'))->block)
+					{
+						$lang = JFactory::getLanguage();
+						$lang->load('com_users');
+						JFactory::getApplication()->enqueueMessage(JText::_('COM_USERS_USER_BLOCKED'));
+					}
+					else
+					switch($profileAcl){
+						case 0: // Private
+							if(JFactory::getApplication()->input->get('id')==$user->id || JFactory::getApplication()->input->get('id')==null || $user->authorise('core.edit', 'com_users'))
+							{
+								JsnHelper::getUserProfile(JFactory::getApplication()->input->get('id'));
+							}
+							else
+							{
+								JFactory::getApplication()->enqueueMessage(JText::_('COM_JSN_NOTVIEWPROFILE'));
+							}
+						break;
+						case 1: // Only Registered
+							if(!$user->guest)
+							{
+								JsnHelper::getUserProfile(JFactory::getApplication()->input->get('id'));
+							}
+							else
+							{
+								JFactory::getApplication()->enqueueMessage(JText::_('COM_JSN_NOTVIEWPROFILE').' - '.JText::_('COM_JSN_LOGINPLEASE'));
+								JFactory::getApplication()->redirect(JRoute::_('index.php?option=com_users&view=login&task=&return='.base64_encode( JURI::getInstance()->toString() ),false));
+							}
+						break;
+						case 2: // Public
+							JsnHelper::getUserProfile(JFactory::getApplication()->input->get('id'));
+						break;
+						case 3: // Custom
+							$access=$user->getAuthorisedViewLevels();
+							$profileAclCustom=$config->get('profileACLcustom','');
+							if(JFactory::getApplication()->input->get('id')==$user->id || JFactory::getApplication()->input->get('id')==null || in_array($profileAclCustom,$access) || $user->authorise('core.edit', 'com_users'))
+							{
+								JsnHelper::getUserProfile(JFactory::getApplication()->input->get('id'));
+							}
+							else
+							{
+								JFactory::getApplication()->enqueueMessage(JText::_('COM_JSN_NOTVIEWPROFILE'));
+							}
+						break;
+					}
+				}
+			break;
+			case 'search':
+			case 'list':
+				$app = JFactory::getApplication();
+				$menu = $app->getMenu();
+				$item = $menu->getActive();
+				if(isset($item->link) && (strpos($item->link,'option=com_jsn&view=list')>0 || strpos($item->link,'option=com_jsn&view=search'))>0)
+				{
+					if(JFactory::getApplication()->input->get('search',0) && !JSession::checkToken('get')){die('Not Valid Token');}
+					$document	= JFactory::getDocument();
+					$vName=($vName=='search' ? 'list' : $vName);
+					$lName   = $this->input->getCmd('layout', (isset($item->query['layout']) ? $item->query['layout'] : 'default'));
+					$vFormat = $document->getType();
+					$model = $this->getModel($vName);
+				
+					$view=$this->getView($vName, $vFormat);
+					$view->setModel($model, true);
+					$view->setLayout($lName);
+
+					// Push document object into the view.
+					$view->document = $document;
+					$view->display();
+				}
+				else echo('<h1>'.JText::_('JLIB_RULES_NOT_ALLOWED').'</h1>');
+			break;
+			case 'getField':
+				$user=JsnHelper::getUser();
+				if(!$user->guest && JFactory::getApplication()->input->get('alias','')!=''){
+					echo $user->getField(JFactory::getApplication()->input->get('alias',''));
+				}
+			break;
+			case 'setField':
+				$user=JsnHelper::getUser();
+				if(!$user->guest && JFactory::getApplication()->input->get('alias','')!=''){
+					$user->setValue(JFactory::getApplication()->input->get('alias',''),JFactory::getApplication()->input->get('value',''));
+					$user->save();
+				}
+			break;
+			case 'opField':
+				foreach (glob(JPATH_ADMINISTRATOR . '/components/com_jsn/helpers/fields/*.php') as $filename) {
+					require_once $filename;
+				}
+				if(JFactory::getApplication()->input->get('type','')!=''){
+					$class='Jsn'.ucfirst(JFactory::getApplication()->input->get('type','')).'FieldHelper';
+					if(class_exists($class))
+					{
+						$class::operations();
+					}
+				}
+			break;
+			default:
+				$dispatcher	= JEventDispatcher::getInstance();
+				echo(implode(' ',$dispatcher->trigger('renderPlugin',array())));
+			break;
+
+		}
+		
+		if(JFactory::getApplication()->input->get('format','')!='raw') echo('</div>');
+		
+	}
+}
diff --git a/deployed/jsn/components/com_jsn/helpers/association.php b/deployed/jsn/components/com_jsn/helpers/association.php
new file mode 100644
index 00000000..0cb77b23
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/helpers/association.php
@@ -0,0 +1,47 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+/**
+ * Content Component Association Helper
+ *
+ * @package     Joomla.Site
+ * @subpackage  com_content
+ * @since       3.0
+ */
+abstract class JsnHelperAssociation
+{
+	public static function getAssociations($id = 0, $view = null)
+	{
+		$app=JFactory::getApplication();
+		$jinput = JFactory::getApplication()->input;
+		$langs = JLanguageHelper::getLanguages();
+		
+		$menu 	= $app->getMenu();
+		
+		$active = $menu->getActive();
+
+		if ($active && $jinput->get('view') == 'profile')
+		{
+			$associations = MenusHelper::getAssociations($active->id);
+		}
+		else return array();
+		
+		$return=array();
+		foreach($langs as $lang) {
+			if(isset($associations[$lang->lang_code]))
+				$return[$lang->lang_code]='index.php?option=com_jsn&view=profile&Itemid='.$associations[$lang->lang_code].'&id='.$jinput->getInt('id','');
+			else
+				$return[$lang->lang_code]='index.php?option=com_jsn&view=profile&Itemid='.$active->id.'&id='.$jinput->getInt('id','');
+		}
+
+		return $return;
+	}
+}
diff --git a/deployed/jsn/components/com_jsn/helpers/helper.php b/deployed/jsn/components/com_jsn/helpers/helper.php
new file mode 100644
index 00000000..830925b2
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/helpers/helper.php
@@ -0,0 +1,714 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnHelper
+{
+
+	public static function getUser($id=null)
+	{
+		static $currentId=null;
+		if($id==null) $id=$currentId;
+		
+		static $cache_users=array();
+		if(is_int($id) && $id>0 && isset($cache_users[$id]))
+		{
+			return $cache_users[$id];
+		}
+		$user=new JsnUser($id);
+		$cache_users[$user->id]=$user;
+		if($id==null) $currentId=$user->id;
+		
+		return $user;
+	}
+
+	public static function getUserProfile($id=null,$alt=false)
+	{
+		$user=JsnHelper::getUser($id);
+		$app=JFactory::getApplication();
+		$lang=JFactory::getLanguage();
+		$lang->load('com_users');
+		
+		// Override Current Var
+		$currentId=$app->getUserState('com_users.edit.profile.id','');
+		$app->setUserState('com_users.edit.profile.id',$user->id);
+
+		//require_once(JPATH_SITE . '/components/com_users/controller.php');
+		require_once(JPATH_SITE . '/components/com_users/views/profile/view.html.php');
+		require_once(JPATH_SITE . '/components/com_users/models/profile.php');
+		require_once(JPATH_SITE . '/components/com_users/helpers/html/users.php');
+
+		$document	= JFactory::getDocument();
+
+		$vName   = 'profile';
+		$vFormat = $document->getType();
+		($alt ? $lName   = $alt : $lName   = JFactory::getApplication()->input->get('layout','default'));
+
+		$model=new UsersModelProfile();
+		$view=new UsersViewProfile();
+		
+		$view->setModel($model, true);
+		$view->setLayout($lName);
+
+		$session = JFactory::getSession();
+		$session->set('jsn_profile_item_id_'.$user->id, JFactory::getApplication()->input->get('Itemid','') );
+		
+		/*
+		// User Data from Model
+		$userData = $model->getData();
+
+		// Load User Plugins from version 3.7
+		$version = new JVersion();
+		if($version->getShortVersion() >= '3.7' || true)
+		{
+			$dispatcher = JEventDispatcher::getInstance();
+			JPluginHelper::importPlugin('user');
+			$results = $dispatcher->trigger('onContentPrepareData', array('com_users.profile', $userData));
+		}
+		
+		$view->excludeFromProfile=JsnHelper::excludeFromProfile($userData); // Conditions
+		*/
+		$view->excludeFromProfile = JsnHelper::excludeFromProfile($user); // Conditions
+		$view->config=JComponentHelper::getParams('com_jsn');
+		
+
+		// Push document object into the view.
+		$view->document = $document;
+
+		$view->display();
+
+		// Replace Original Current Var
+		$app->setUserState('com_users.edit.profile.id',$currentId);
+		
+		return true;
+	}
+	
+	public static function isOnline($id) {
+		static $loggedin=array();
+		if(isset($loggedin[$id])) return $loggedin[$id];
+		else
+		{
+			$db     = JFactory::getDBO();
+			$query      = 'SELECT COUNT(userid) FROM #__session AS s WHERE s.client_id=0 AND s.userid = '.(int)$id;
+			$db->setQuery($query);
+			$loggedin[$id]   = $db->loadResult();
+			return $loggedin[$id];
+		}
+	}
+	
+	public static function getFormatName($user){
+		if(!($user instanceof JsnUser)){
+			$user = JsnHelper::getUser($user->id);
+		}
+		$config = JComponentHelper::getParams('com_jsn');
+		$formatName=$config->get('formatname', 'NAME');
+		$formatNameCustom=$config->get('formatnamecustom', '{firstname} {lastname}');
+		switch($formatName){
+			case 'NAME':
+				return $user->name;
+			break;
+			case 'USERNAME':
+				return $user->username;
+			break;
+			case 'NAMEUSERNAME':
+				return $user->name.' ('.$user->username.')';
+			break;
+			case 'USERNAMENAME':
+				return $user->username.' ('.$user->name.')';
+			break;
+			case 'CUSTOM':
+				$return = '';
+				$regex		= '/{+(.*?)}/i';
+				preg_match_all($regex, $formatNameCustom, $matches, PREG_SET_ORDER);
+				foreach ($matches as $match) {
+					$formatNameCustom = preg_replace("|$match[0]|", $user->getField($match[1],true), $formatNameCustom, 1);
+				}
+				$formatNameCustom = str_replace('  ',' ',$formatNameCustom);// Remove multiple white space between fields
+				$formatNameCustom = str_replace('  ',' ',$formatNameCustom);// Remove multiple white space between fields
+				return trim($formatNameCustom);
+			break;
+		}
+	}
+	
+	public static function addUserToGroup($user, $groupId)
+	{
+		$userId=$user->id;
+		// Add the user to the group if necessary.
+		if (!in_array($groupId, $user->groups))
+		{
+			// Get the title of the group.
+			$db = JFactory::getDbo();
+			$query = $db->getQuery(true)
+				->select($db->quoteName('title'))
+				->from($db->quoteName('#__usergroups'))
+				->where($db->quoteName('id') . ' = ' . (int) $groupId);
+			$db->setQuery($query);
+			$title = $db->loadResult();
+
+			// If the group does not exist, return an exception.
+			if (!$title)
+			{
+				//throw new RuntimeException('Access Usergroup Invalid');
+			}
+			else{
+				$columns = array('user_id', 'group_id');
+				$values = array($userId,$groupId);
+				$query = $db->getQuery(true);
+				$query
+				    ->insert($db->quoteName('#__user_usergroup_map'))
+				    ->columns($db->quoteName($columns))
+				    ->values(implode(',', $values));
+				$db->setQuery($query);
+				try{
+					$db->query();
+				}
+				catch (Exception $e){}
+			}
+		}
+
+		if (session_id())
+		{
+			// Set the group data for any preloaded user objects.
+			$temp = JFactory::getUser((int) $userId);
+			$temp->groups = $user->groups;
+
+			// Set the group data for the user object in the session.
+			$temp = JFactory::getUser();
+
+			if ($temp->id == $userId)
+			{
+				$temp->groups = $user->groups;
+			}
+		}
+
+		
+	}
+	
+	public static function removeUserFromGroup($user, $groupId)
+	{
+		$userId=$user->id;
+		$db = JFactory::getDbo();
+		$query = $db->getQuery(true);
+		$conditions = array(
+		    $db->quoteName('user_id') . ' = '. $userId, 
+		    $db->quoteName('group_id') . ' = ' . $groupId
+		);
+		$query->delete($db->quoteName('#__user_usergroup_map'));
+		$query->where($conditions);
+		$db->setQuery($query);
+		$db->query();
+		
+
+		// Set the group data for any preloaded user objects.
+		$temp = JFactory::getUser((int) $userId);
+		$temp->groups = $user->groups;
+
+		// Set the group data for the user object in the session.
+		$temp = JFactory::getUser();
+
+		if ($temp->id == $userId)
+		{
+			$temp->groups = $user->groups;
+		}
+
+		
+	}
+	
+	public static function excludeFromProfile($data, $aliasMode=false){
+		static $fields=null;
+		if(!$fields)
+		{
+			$db=JFactory::getDbo();
+			$query = $db->getQuery(true);
+			$query->select('a.*,b.access as parent_access')->from('#__jsn_fields AS a')->join('LEFT','#__jsn_fields AS b ON a.parent_id = b.id')->where('a.level = 2')->where('a.published = 1')->order($db->escape('a.lft') . ' ASC');
+			$db->setQuery( $query );
+			$fields = $db->loadObjectList('alias');
+		}
+		$userData=$data;
+		$excludeFromProfile=array();
+		$access=(get_class($userData)=='JsnUser' ? $userData->getAuthorisedViewLevels() : JFactory::getUser($userData->id)->getAuthorisedViewLevels());
+		foreach($fields as $field)
+		{
+			// Load Conditions
+			if(empty($field->conditions)) $field->conditions = array();
+			elseif(is_string($field->conditions)) $field->conditions=json_decode($field->conditions);
+			
+			foreach($field->conditions as $condition)
+			{
+				if( !in_array($condition->action,array('fields_show','fields_hide') ) || empty($condition->fields_target) ) continue;
+				$twoWays = $condition->two_ways;
+				$actionShowFields = ($condition->action == 'fields_show' ? true : false);
+
+				if($condition->to) $value=$condition->custom_value;
+				else 
+				{
+					$alias=$condition->to;
+					if(isset($userData->$alias)) $value=$userData->$alias;
+					else $value='';
+					if(is_array($value)) $value=implode(',',$value);
+				}
+				$alias=$field->alias;
+				if(!isset($userData->$alias)) $userValue='';
+				else $userValue=$userData->$alias;
+				
+				if(is_array($userValue)) $userValue=implode(',',$userValue);
+
+				if($aliasMode)
+				{
+					$before='';
+					$after='';
+				}
+				else
+				{
+					$before='jform[';
+					$after=']';
+				}
+				
+				switch($condition->operator)
+				{
+					case 1:
+						if($twoWays || $userValue==$value)
+							if((!$actionShowFields && $userValue==$value) || ($actionShowFields && $userValue!=$value)   )
+							{
+								foreach($condition->fields_target as $fieldToHide)
+								{
+									$excludeFromProfile[]=$before.$fieldToHide.$after;
+									if(isset($fields[$fieldToHide]) && $fields[$fieldToHide]->type=='gmap'){
+										$excludeFromProfile[]=$before.$fieldToHide.'_lat'.$after;
+										$excludeFromProfile[]=$before.$fieldToHide.'_lng'.$after;
+									}
+									if(!$aliasMode) $excludeFromProfile[]=$before.$fieldToHide.$after.'[]';
+								}
+							}
+							else
+							{
+								foreach($condition->fields_target as $fieldToHide)
+								{
+									if(($key = array_search($before.$fieldToHide.$after, $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+									if(!$aliasMode && ($key = array_search($before.$fieldToHide.$after.'[]', $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+									if(isset($fields[$fieldToHide]) && $fields[$fieldToHide]->type=='gmap' && ($key = array_search($before.$fieldToHide.'_lat'.$after, $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+									if(isset($fields[$fieldToHide]) && $fields[$fieldToHide]->type=='gmap' && ($key = array_search($before.$fieldToHide.'_lng'.$after, $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+								}
+							}
+					break;
+					case 2:
+						if($twoWays || $userValue>$value)
+							if((!$actionShowFields && $userValue>$value) || ($actionShowFields && $userValue<=$value)   )
+							{
+								foreach($condition->fields_target as $fieldToHide)
+								{
+									$excludeFromProfile[]=$before.$fieldToHide.$after;
+									if(isset($fields[$fieldToHide]) && $fields[$fieldToHide]->type=='gmap'){
+										$excludeFromProfile[]=$before.$fieldToHide.'_lat'.$after;
+										$excludeFromProfile[]=$before.$fieldToHide.'_lng'.$after;
+									}
+									if(!$aliasMode) $excludeFromProfile[]=$before.$fieldToHide.$after.'[]';
+								}
+							}
+							else
+							{
+								foreach($condition->fields_target as $fieldToHide)
+								{
+									if(($key = array_search($before.$fieldToHide.$after, $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+									if(!$aliasMode && ($key = array_search($before.$fieldToHide.$after.'[]', $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+									if(isset($fields[$fieldToHide]) && $fields[$fieldToHide]->type=='gmap' && ($key = array_search($before.$fieldToHide.'_lat'.$after, $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+									if(isset($fields[$fieldToHide]) && $fields[$fieldToHide]->type=='gmap' && ($key = array_search($before.$fieldToHide.'_lng'.$after, $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+								}
+							}
+					break;
+					case 3:
+						if($twoWays || $userValue<$value)
+							if((!$actionShowFields && $userValue<$value) || ($actionShowFields && $userValue>=$value)   )
+							{
+								foreach($condition->fields_target as $fieldToHide)
+								{
+									$excludeFromProfile[]=$before.$fieldToHide.$after;
+									if(isset($fields[$fieldToHide]) && $fields[$fieldToHide]->type=='gmap'){
+										$excludeFromProfile[]=$before.$fieldToHide.'_lat'.$after;
+										$excludeFromProfile[]=$before.$fieldToHide.'_lng'.$after;
+									}
+									if(!$aliasMode) $excludeFromProfile[]=$before.$fieldToHide.$after.'[]';
+								}
+							}
+							else
+							{
+								foreach($condition->fields_target as $fieldToHide)
+								{
+									if(($key = array_search($before.$fieldToHide.$after, $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+									if(!$aliasMode && ($key = array_search($before.$fieldToHide.$after.'[]', $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+									if(isset($fields[$fieldToHide]) && $fields[$fieldToHide]->type=='gmap' && ($key = array_search($before.$fieldToHide.'_lat'.$after, $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+									if(isset($fields[$fieldToHide]) && $fields[$fieldToHide]->type=='gmap' && ($key = array_search($before.$fieldToHide.'_lng'.$after, $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+								}
+							}
+					break;
+					case 4:
+						if($twoWays || strpos(' '.$userValue,$value)>0)
+							if((!$actionShowFields && strpos(' '.$userValue,$value)>0) || ($actionShowFields && !(strpos(' '.$userValue,$value)>0))   )
+							{
+								foreach($condition->fields_target as $fieldToHide)
+								{
+									$excludeFromProfile[]=$before.$fieldToHide.$after;
+									if(isset($fields[$fieldToHide]) && $fields[$fieldToHide]->type=='gmap'){
+										$excludeFromProfile[]=$before.$fieldToHide.'_lat'.$after;
+										$excludeFromProfile[]=$before.$fieldToHide.'_lng'.$after;
+									}
+									if(!$aliasMode) $excludeFromProfile[]=$before.$fieldToHide.$after.'[]';
+								}
+							}
+							else
+							{
+								foreach($condition->fields_target as $fieldToHide)
+								{
+									if(($key = array_search($before.$fieldToHide.$after, $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+									if(!$aliasMode && ($key = array_search($before.$fieldToHide.$after.'[]', $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+									if(isset($fields[$fieldToHide]) && $fields[$fieldToHide]->type=='gmap' && ($key = array_search($before.$fieldToHide.'_lat'.$after, $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+									if(isset($fields[$fieldToHide]) && $fields[$fieldToHide]->type=='gmap' && ($key = array_search($before.$fieldToHide.'_lng'.$after, $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+								}
+							}
+					break;
+					case 5:
+						if($twoWays || $userValue!=$value)
+							if((!$actionShowFields && $userValue!=$value) || ($actionShowFields && $userValue==$value)   )
+							{
+								foreach($condition->fields_target as $fieldToHide)
+								{
+									$excludeFromProfile[]=$before.$fieldToHide.$after;
+									if(isset($fields[$fieldToHide]) && $fields[$fieldToHide]->type=='gmap'){
+										$excludeFromProfile[]=$before.$fieldToHide.'_lat'.$after;
+										$excludeFromProfile[]=$before.$fieldToHide.'_lng'.$after;
+									}
+									if(!$aliasMode) $excludeFromProfile[]=$before.$fieldToHide.$after.'[]';
+								}
+							}
+							else
+							{
+								foreach($condition->fields_target as $fieldToHide)
+								{
+									if(($key = array_search($before.$fieldToHide.$after, $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+									if(!$aliasMode && ($key = array_search($before.$fieldToHide.$after.'[]', $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+									if(isset($fields[$fieldToHide]) && $fields[$fieldToHide]->type=='gmap' && ($key = array_search($before.$fieldToHide.'_lat'.$after, $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+									if(isset($fields[$fieldToHide]) && $fields[$fieldToHide]->type=='gmap' && ($key = array_search($before.$fieldToHide.'_lng'.$after, $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+								}
+							}
+					break;
+					case 6:
+						if($twoWays || !(strpos(' '.$userValue,$value)>0))
+							if((!$actionShowFields && !(strpos(' '.$userValue,$value)>0)) || ($actionShowFields && strpos(' '.$userValue,$value)>0)   )
+							{
+								foreach($condition->fields_target as $fieldToHide)
+								{
+									$excludeFromProfile[]=$before.$fieldToHide.$after;
+									if(isset($fields[$fieldToHide]) && $fields[$fieldToHide]->type=='gmap'){
+										$excludeFromProfile[]=$before.$fieldToHide.'_lat'.$after;
+										$excludeFromProfile[]=$before.$fieldToHide.'_lng'.$after;
+									}
+									if(!$aliasMode) $excludeFromProfile[]=$before.$fieldToHide.$after.'[]';
+								}
+							}
+							else
+							{
+								foreach($condition->fields_target as $fieldToHide)
+								{
+									if(($key = array_search($before.$fieldToHide.$after, $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+									if(!$aliasMode && ($key = array_search($before.$fieldToHide.$after.'[]', $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+									if(isset($fields[$fieldToHide]) && $fields[$fieldToHide]->type=='gmap' && ($key = array_search($before.$fieldToHide.'_lat'.$after, $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+									if(isset($fields[$fieldToHide]) && $fields[$fieldToHide]->type=='gmap' && ($key = array_search($before.$fieldToHide.'_lng'.$after, $excludeFromProfile)) !== false) {
+									    unset($excludeFromProfile[$key]);
+									}
+								}
+							}
+					break;
+				}
+			}
+			
+		}
+		return $excludeFromProfile;
+	}
+	
+	public static function xmlentities($s) {
+		if(substr_count($s,'<p>')==1 && substr_count($s,' ')==0) $s=strip_tags($s);
+	    static $patterns = null;
+	    static $reps = null;
+	    static $tbl = null;
+	    if ($tbl === null) {
+	        $tbl = get_html_translation_table(HTML_ENTITIES, ENT_QUOTES);
+	        foreach ($tbl as $k => $v) {
+	            $patterns[] = "/$v/";
+	            $reps[] = '&#' . ord($k) . ';';
+	        }
+	   }
+	  return preg_replace($patterns, $reps, htmlspecialchars($s, ENT_QUOTES, 'UTF-8'));
+	}
+	
+}
+
+class JsnUser extends JUser
+{
+	private $excludeFromProfile;
+	
+	function __construct( $id = null ){
+		
+		/*$app=JFactory::getApplication();
+
+		if( !$id ) $id = JFactory::getUser()->id;
+		
+		// Override Current Var
+		$currentId=$app->getUserState('com_users.edit.profile.id','');
+		$app->setUserState('com_users.edit.profile.id',$id);
+
+		//
+		if($app->isAdmin())
+		{
+			require_once(JPATH_SITE . '/administrator/components/com_users/models/user.php');
+			$model = new UsersModelUser();
+			$userData=$model->getItem($id);
+		}
+		else
+		{
+			require_once(JPATH_SITE . '/components/com_users/models/profile.php');
+			$model = new UsersModelProfile();
+			$userData=$model->getData();
+		}
+
+		// Load User Plugins from version 3.7
+		$version = new JVersion();
+		if($version->getShortVersion() >= '3.7' || true)
+		{
+			$dispatcher = JEventDispatcher::getInstance();
+			JPluginHelper::importPlugin('user');
+			$results = $dispatcher->trigger('onContentPrepareData', array('com_users.profile', $userData));
+		}
+		
+		$exclude=array('email1','email2');
+		foreach($userData as $key => $value)
+		{
+			if(!isset($this->$key) && !in_array($key, $exclude)) $this->$key=$value;
+		}
+
+		// Replace Original Current Var
+		$app->setUserState('com_users.edit.profile.id',$currentId);
+		
+		$this->excludeFromProfile=JsnHelper::excludeFromProfile($this,true);*/
+		$exclude = array();
+		$user=JFactory::getUser($id);
+		foreach($user as $key => $value)
+		{
+			if(!isset($this->$key) && !in_array($key, $exclude)) $this->$key=$value;
+		}
+
+
+		$dispatcher = JEventDispatcher::getInstance();
+		JPluginHelper::importPlugin('user');
+		$results = $dispatcher->trigger('onContentPrepareData', array('com_users.profile', $this));
+		
+		$this->excludeFromProfile=JsnHelper::excludeFromProfile($this,true);
+		
+	}
+	
+	public function getLink($params = array()) {
+		$query_params = '';
+		if(count($params)){
+			foreach ($params as $key => $value) {
+				if(!empty($value))$query_params .= '&' . ($key . '=' . $value);
+			}
+		}
+		if(empty($params['Itemid'])) {
+			$profileMenu=JFactory::getApplication()->getMenu()->getItems('link','index.php?option=com_jsn&view=profile', true);
+			if(isset($profileMenu->id)) $Itemid='&Itemid='.$profileMenu->id;
+			else $Itemid='&Itemid=';
+		}
+		else {
+			$Itemid='';
+		}
+		return JRoute::_('index.php?option=com_jsn&view=profile'.$Itemid.'&id='.$this->id.$query_params,false);
+	}
+	
+	public function getValue($name) {
+		if(isset($this->$name)) return $this->$name;
+		else return null;
+	}
+	
+	public function setValue($name,$value) {
+		$this->$name=$value;
+		return true;
+	}
+	
+	public function getField($name,$privacy=false) {
+
+		if(!is_string($name) ) {
+			/* $name contain JFormField object */
+			if (JHtml::isRegistered('users.'.$name->id)) return JHtml::_('users.'.$name->id, $name->value);
+			elseif (JHtml::isRegistered('users.'.$name->fieldname)) return JHtml::_('users.'.$name->fieldname, $name->value);
+			elseif (JHtml::isRegistered('users.'.$name->type)) return JHtml::_('users.'.$name->type, $name->value);
+			elseif (JHtml::isRegistered('jsn.'.$name->type)) return JHtml::_('jsn.'.$name->type, $name,$this);
+			elseif (is_string($name->value) && trim($name->value)=="0") return $name->value;
+			else return JHtml::_('users.value', $name->value);
+		}
+
+		if($name=='email1') $name='email';
+		if(in_array($name,$this->excludeFromProfile)) return;
+		if($name=='socialconnect' && class_exists('PlgJsnSocialconnect')) { $config = JComponentHelper::getParams('com_jsn'); return PlgJsnSocialconnect::getSocialLink($this,$config);}
+		if($name=='name' || $name=='formatname') return $this->getFormatName();
+		if($name=='status')
+		{
+			if($this->isOnline())
+				return '<div data-toggle="tooltip" title="'.JText::_('COM_JSN_ONLINE').'" class="status label label-success">'.JText::_('COM_JSN_ONLINE').'</div>';
+			else
+				return '<div data-toggle="tooltip" title="'.JText::_('COM_JSN_OFFLINE').'" class="status label label-important label-danger">'.JText::_('COM_JSN_OFFLINE').'</div>';
+		}
+		if(!isset($this->$name) || (empty($this->$name) && $this->$name!="0")) return '';
+		if(strpos($name, '_mini')==0)
+			$fieldname=$name;
+		else 
+			$fieldname=substr($name,0,-5);
+		
+		static $fields_cache=null;
+		if(empty($fields_cache))
+		{
+			$db = JFactory::getDBO();
+			$query = $db->getQuery(true);
+			$query->select('a.*,b.access as parent_access')->from('#__jsn_fields AS a')->join('LEFT','#__jsn_fields AS b ON a.parent_id = b.id')->where('a.level = 2')->where('a.published = 1');/*->where('a.alias = '.$db->quote($fieldname));*/
+			$db->setQuery( $query );
+			$fields_cache = $db->loadAssocList('alias');
+		}
+		if(isset($fields_cache[$fieldname]))
+			$field=(object) $fields_cache[$fieldname];
+		
+		if($field)
+		{
+			require_once(JPATH_SITE . '/components/com_users/helpers/html/users.php');
+			if(file_exists(JPATH_ADMINISTRATOR . '/components/com_jsn/helpers/fields/'.$field->type.'.php')) require_once(JPATH_ADMINISTRATOR . '/components/com_jsn/helpers/fields/'.$field->type.'.php');
+			
+			// Load Options
+			if(is_string($field->params))
+			{
+				$registry = new JRegistry;
+				$registry->loadString($field->params);
+				$field->params = $registry;
+			}
+			
+			// Access to view this field
+			$userVisitor=JFactory::getUser();
+			$accessVisitor=$userVisitor->getAuthorisedViewLevels();
+			if(!($userVisitor->id==$this->id || in_array($field->accessview, $accessVisitor) || $userVisitor->authorise('core.admin'))) return '';
+			
+			// Check if Field is available for User
+			$availableUser=$this->getAuthorisedViewLevels();
+			if(!in_array($field->access, $availableUser) || !in_array($field->parent_access, $availableUser)) return '';
+			
+			// Check Privacy
+			$privacy_name='privacy_'.$name;
+			if($privacy && $field->params->get('privacy',0)){
+				$privacy_name='privacy_'.$name;
+				if($userVisitor->id==$this->id) $privacy_auth=99;
+				elseif($userVisitor->id) $privacy_auth=1;
+				else $privacy_auth=0;
+
+				global $JSNSOCIAL;
+				if($privacy_auth==1 && $JSNSOCIAL)
+				{
+					$db = JFactory::getDBO();
+					$db->setQuery("SELECT friend_id FROM #__jsnsocial_friends WHERE user_id = ".$this->id." AND friend_id = ".$userVisitor->id);
+					$isFriends = $db->loadResult();
+					if(!$isFriends) $privacy_auth=0;
+				}
+				
+				// Privacy Skip for Admin
+				if($userVisitor->authorise('core.edit', 'com_users')) $privacy_auth=99;
+				
+				$privacy_value=(isset($this->$privacy_name) && strlen($this->$privacy_name) ? $this->$privacy_name : $field->params->get('privacy_default',0));
+				if($privacy_auth<$privacy_value) return '';
+			}
+			if($name=='email' || $field->type == 'email') {
+				//JPluginHelper::importPlugin('content');
+				//return JHtml::_('content.prepare', '<a href="mailto:'.$this->email.'">'.$this->email.'</a>', '', 'jsn_content.content');
+				return '<a href="mailto:'.$this->email.'">'.$this->$name.'</a>';
+			}
+			
+			// Get Xml
+			$class='Jsn'.ucfirst($field->type).'FieldHelper';
+			if(class_exists($class)) 
+			{
+				$fieldXml=$class::getXml($field);
+				$form=new JForm(null);
+				$form->load('<form>'.$fieldXml.'</form>');
+				$form->setValue($fieldname,null,$this->$name);
+				$method=$field->type;
+				if (JHtml::isRegistered('users.'.$field->id)) return JHtml::_('users.'.$field->id, $this->$name);
+				elseif (JHtml::isRegistered('users.'.$field->alias)) return JHtml::_('users.'.$field->alias, $this->$name);
+				elseif (JHtml::isRegistered('users.'.$field->type)) return JHtml::_('users.'.$field->type, $this->$name);
+				elseif (JHtml::isRegistered('jsn.'.$field->type)) return JHtml::_('jsn.'.$field->type, $form->getField($fieldname),$this);
+				elseif (JHtml::isRegistered('users.value')) return JHtml::_('users.value', $this->$name);
+				else return $this->$name;
+			}
+		}
+		return '';
+	}
+	
+	public function isOnline() {
+		return JsnHelper::isOnline($this->id);
+	}
+	
+	public function getFormatName() {
+		return JsnHelper::getFormatName($this);
+	}
+	
+	public function getUserError() {
+		return implode("\n",$this->_errors);
+	}
+
+}
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/helpers/parsecsv.lib.php b/deployed/jsn/components/com_jsn/helpers/parsecsv.lib.php
new file mode 100644
index 00000000..a38d1eb6
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/helpers/parsecsv.lib.php
@@ -0,0 +1,1172 @@
+<?php
+/**
+* @copyright    Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license      http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package      Easy Profile
+* website       www.easy-profile.com
+* Technical Support : Forum -   http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+class parseCSV {
+
+    /*
+    Class: parseCSV v0.4.3 beta
+    https://github.com/parsecsv/parsecsv-for-php
+
+    Fully conforms to the specifications lined out on wikipedia:
+    - http://en.wikipedia.org/wiki/Comma-separated_values
+
+    Based on the concept of Ming Hong Ng's CsvFileParser class:
+    - http://minghong.blogspot.com/2006/07/csv-parser-for-php.html
+
+
+    (The MIT license)
+
+    Copyright (c) 2014 Jim Myhrberg.
+
+    Permission is hereby granted, free of charge, to any person obtaining a copy
+    of this software and associated documentation files (the "Software"), to deal
+    in the Software without restriction, including without limitation the rights
+    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+    copies of the Software, and to permit persons to whom the Software is
+    furnished to do so, subject to the following conditions:
+
+    The above copyright notice and this permission notice shall be included in
+    all copies or substantial portions of the Software.
+
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+    THE SOFTWARE.
+
+
+    Code Examples
+    ----------------
+    # general usage
+    $csv = new parseCSV('data.csv');
+    print_r($csv->data);
+    ----------------
+    # tab delimited, and encoding conversion
+    $csv = new parseCSV();
+    $csv->encoding('UTF-16', 'UTF-8');
+    $csv->delimiter = "\t";
+    $csv->parse('data.tsv');
+    print_r($csv->data);
+    ----------------
+    # auto-detect delimiter character
+    $csv = new parseCSV();
+    $csv->auto('data.csv');
+    print_r($csv->data);
+    ----------------
+    # modify data in a csv file
+    $csv = new parseCSV();
+    $csv->sort_by = 'id';
+    $csv->parse('data.csv');
+    # "4" is the value of the "id" column of the CSV row
+    $csv->data[4] = array('firstname' => 'John', 'lastname' => 'Doe', 'email' => 'john@doe.com');
+    $csv->save();
+    ----------------
+    # add row/entry to end of CSV file
+    #  - only recommended when you know the extact sctructure of the file
+    $csv = new parseCSV();
+    $csv->save('data.csv', array(array('1986', 'Home', 'Nowhere', '')), true);
+    ----------------
+    # convert 2D array to csv data and send headers
+    # to browser to treat output as a file and download it
+    $csv = new parseCSV();
+    $csv->output('movies.csv', $array, array('field 1', 'field 2'), ',');
+    ----------------
+     */
+
+    /**
+     * Configuration
+     * - set these options with $object->var_name = 'value';
+     */
+
+    /**
+     * Heading
+     * Use first line/entry as field names
+     *
+     * @access public
+     * @var bool
+     */
+    public $heading = true;
+
+    /**
+     * Fields
+     * Override field names
+     *
+     * @access public
+     * @var array
+     */
+    public $fields = array();
+
+    /**
+     * Sort By
+     * Sort csv by this field
+     *
+     * @access public
+     * @var string
+     */
+    public $sort_by = null;
+
+    /**
+     * Sort Reverse
+     * Reverse the sort function
+     *
+     * @access public
+     * @var bool
+     */
+    public $sort_reverse = false;
+
+    /**
+     * Sort Type
+     * Sort behavior passed to sort methods
+     *
+     * regular = SORT_REGULAR
+     * numeric = SORT_NUMERIC
+     * string  = SORT_STRING
+     *
+     * @access public
+     * @var string
+     */
+    public $sort_type = null;
+
+    /**
+     * Delimiter
+     * Delimiter character
+     *
+     * @access public
+     * @var string
+     */
+    public $delimiter = ',';
+
+    /**
+     * Enclosure
+     * Enclosure character
+     *
+     * @access public
+     * @var string
+     */
+    public $enclosure = '"';
+
+    /**
+     * Enclose All
+     * Force enclosing all columns
+     *
+     * @access public
+     * @var bool
+     */
+    public $enclose_all = false;
+
+    /**
+     * Conditions
+     * Basic SQL-Like conditions for row matching
+     *
+     * @access public
+     * @var string
+     */
+    public $conditions = null;
+
+    /**
+     * Offset
+     * Number of rows to ignore from beginning of data
+     *
+     * @access public
+     * @var int
+     */
+    public $offset = null;
+
+    /**
+     * Limit
+     * Limits the number of returned rows to the specified amount
+     *
+     * @access public
+     * @var int
+     */
+    public $limit = null;
+
+    /**
+     * Auto Depth
+     * Number of rows to analyze when attempting to auto-detect delimiter
+     *
+     * @access public
+     * @var int
+     */
+    public $auto_depth = 15;
+
+    /**
+     * Auto Non Charts
+     * Characters that should be ignored when attempting to auto-detect delimiter
+     *
+     * @access public
+     * @var string
+     */
+    public $auto_non_chars = "a-zA-Z0-9\n\r";
+
+    /**
+     * Auto Preferred
+     * preferred delimiter characters, only used when all filtering method
+     * returns multiple possible delimiters (happens very rarely)
+     *
+     * @access public
+     * @var string
+     */
+    public $auto_preferred = ",;\t.:|";
+
+    /**
+     * Convert Encoding
+     * Should we convert the csv encoding?
+     *
+     * @access public
+     * @var bool
+     */
+    public $convert_encoding = false;
+
+    /**
+     * Input Encoding
+     * Set the input encoding
+     *
+     * @access public
+     * @var string
+     */
+    public $input_encoding = 'ISO-8859-1';
+
+    /**
+     * Output Encoding
+     * Set the output encoding
+     *
+     * @access public
+     * @var string
+     */
+    public $output_encoding = 'ISO-8859-1';
+
+    /**
+     * Linefeed
+     * Line feed characters used by unparse, save, and output methods
+     *
+     * @access public
+     * @var string
+     */
+    public $linefeed = "\r";
+
+    /**
+     * Output Delimiter
+     * Sets the output delimiter used by the output method
+     *
+     * @access public
+     * @var string
+     */
+    public $output_delimiter = ',';
+
+    /**
+     * Output filename
+     * Sets the output filename
+     *
+     * @access public
+     * @var string
+     */
+    public $output_filename = 'data.csv';
+
+    /**
+     * Keep File Data
+     * keep raw file data in memory after successful parsing (useful for debugging)
+     *
+     * @access public
+     * @var bool
+     */
+    public $keep_file_data = false;
+
+    /**
+     * Internal variables
+     */
+
+    /**
+     * File
+     * Current Filename
+     *
+     * @access public
+     * @var string
+     */
+    public $file;
+
+    /**
+     * File Data
+     * Current file data
+     *
+     * @access public
+     * @var string
+     */
+    public $file_data;
+
+    /**
+     * Error
+     * Contains the error code if one occured
+     *
+     * 0 = No errors found. Everything should be fine :)
+     * 1 = Hopefully correctable syntax error was found.
+     * 2 = Enclosure character (double quote by default)
+     *     was found in non-enclosed field. This means
+     *     the file is either corrupt, or does not
+     *     standard CSV formatting. Please validate
+     *     the parsed data yourself.
+     *
+     * @access public
+     * @var int
+     */
+    public $error = 0;
+
+    /**
+     * Error Information
+     * Detailed error information
+     *
+     * @access public
+     * @var array
+     */
+    public $error_info = array();
+
+    /**
+     * Titles
+     * CSV titles if they exists
+     *
+     * @access public
+     * @var array
+     */
+    public $titles = array();
+
+    /**
+     * Data
+     * Two dimensional array of CSV data
+     *
+     * @access public
+     * @var array
+     */
+    public $data = array();
+
+    /**
+     * Constructor
+     * Class constructor
+     *
+     * @access public
+     * @param  [string]  input      The CSV string or a direct filepath
+     * @param  [integer] offset     Number of rows to ignore from the beginning of  the data
+     * @param  [integer] limit      Limits the number of returned rows to specified amount
+     * @param  [string]  conditions Basic SQL-like conditions for row matching
+     */
+    public function __construct($input = null, $offset = null, $limit = null, $conditions = null, $keep_file_data = null) {
+        if (!is_null($offset)) {
+            $this->offset = $offset;
+        }
+
+        if (!is_null($limit)) {
+            $this->limit = $limit;
+        }
+
+        if (!is_null($conditions)) {
+            $this->conditions = $conditions;
+        }
+
+        if (!is_null($keep_file_data)) {
+            $this->keep_file_data = $keep_file_data;
+        }
+
+        if (!empty($input)) {
+            $this->parse($input);
+        }
+    }
+
+    // ==============================================
+    // ----- [ Main Functions ] ---------------------
+    // ==============================================
+
+    /**
+     * Parse
+     * Parse a CSV file or string
+     *
+     * @access public
+     * @param  [string]  input      The CSV string or a direct filepath
+     * @param  [integer] offset     Number of rows to ignore from the beginning of  the data
+     * @param  [integer] limit      Limits the number of returned rows to specified amount
+     * @param  [string]  conditions Basic SQL-like conditions for row matching
+     *
+     * @return [bool]
+     */
+    public function parse($input = null, $offset = null, $limit = null, $conditions = null) {
+        if (is_null($input)) {
+            $input = $this->file;
+        }
+
+        if (!empty($input)) {
+            if (!is_null($offset)) {
+                $this->offset = $offset;
+            }
+
+            if (!is_null($limit)) {
+                $this->limit = $limit;
+            }
+
+            if (!is_null($conditions)) {
+                $this->conditions = $conditions;
+            }
+
+            if (is_readable($input)) {
+                $this->data = $this->parse_file($input);
+            } else {
+                $this->file_data = &$input;
+                $this->data = $this->parse_string();
+            }
+
+            if ($this->data === false) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * Save
+     * Save changes, or write a new file and/or data
+     *
+     * @access public
+     * @param  [string] $file   File location to save to
+     * @param  [array]  $data   2D array of data
+     * @param  [bool]   $append Append current data to end of target CSV, if file exists
+     * @param  [array]  $fields Field names
+     *
+     * @return [bool]
+     */
+    public function save($file = null, $data = array(), $append = false, $fields = array()) {
+        if (empty($file)) {
+            $file = &$this->file;
+        }
+
+        $mode = ($append) ? 'at' : 'wt';
+        $is_php = (preg_match('/\.php$/i', $file)) ? true : false;
+
+        return $this->_wfile($file, $this->unparse($data, $fields, $append, $is_php), $mode);
+    }
+
+    /**
+     * Output
+     * Generate a CSV based string for output.
+     *
+     * @access public
+     * @param  [string] $filename  If specified, headers and data will be output directly to browser as a downloable file
+     * @param  [array]  $data      2D array with data
+     * @param  [array]  $fields    Field names
+     * @param  [type]   $delimiter delimiter used to separate data
+     *
+     * @return [string]
+     */
+    public function output($filename = null, $data = array(), $fields = array(), $delimiter = null) {
+        if (empty($filename)) {
+            $filename = $this->output_filename;
+        }
+
+        if ($delimiter === null) {
+            $delimiter = $this->output_delimiter;
+        }
+
+        $data = $this->unparse($data, $fields, null, null, $delimiter);
+
+        if (!is_null($filename)) {
+            header('Content-type: application/csv');
+            header('Content-Length: ' . strlen($data));
+            header('Cache-Control: no-cache, must-revalidate');
+            header('Pragma: no-cache');
+            header('Expires: 0');
+            header('Content-Disposition: attachment; filename="' . $filename . '"; modification-date="' . date('r') . '";');
+
+            echo $data;
+        }
+
+        return $data;
+    }
+
+    /**
+     * Encoding
+     * Convert character encoding
+     *
+     * @access public
+     * @param  [string] $input  Input character encoding, uses default if left blank
+     * @param  [string] $output Output character encoding, uses default if left blank
+     */
+    public function encoding($input = null, $output = null) {
+        $this->convert_encoding = true;
+        if (!is_null($input)) {
+            $this->input_encoding = $input;
+        }
+
+        if (!is_null($output)) {
+            $this->output_encoding = $output;
+        }
+    }
+
+    /**
+     * Auto
+     * Auto-Detect Delimiter: Find delimiter by analyzing a specific number of
+     * rows to determine most probable delimiter character
+     *
+     * @access public
+     * @param  [string] $file         Local CSV file
+     * @param  [bool]   $parse        True/false parse file directly
+     * @param  [int]    $search_depth Number of rows to analyze
+     * @param  [string] $preferred    Preferred delimiter characters
+     * @param  [string] $enclosure    Enclosure character, default is double quote (").
+     *
+     * @return [string]
+     */
+    public function auto($file = null, $parse = true, $search_depth = null, $preferred = null, $enclosure = null) {
+        if (is_null($file)) {
+            $file = $this->file;
+        }
+
+        if (empty($search_depth)) {
+            $search_depth = $this->auto_depth;
+        }
+
+        if (is_null($enclosure)) {
+            $enclosure = $this->enclosure;
+        }
+
+        if (is_null($preferred)) {
+            $preferred = $this->auto_preferred;
+        }
+
+        if (empty($this->file_data)) {
+            if ($this->_check_data($file)) {
+                $data = &$this->file_data;
+            } else {
+                return false;
+            }
+        } else {
+            $data = &$this->file_data;
+        }
+
+        $chars = array();
+        $strlen = strlen($data);
+        $enclosed = false;
+        $n = 1;
+        $to_end = true;
+
+        // walk specific depth finding posssible delimiter characters
+        for ($i = 0; $i < $strlen; $i++) {
+            $ch = $data{$i};
+            $nch = (isset($data{$i + 1})) ? $data{$i + 1} : false;
+            $pch = (isset($data{$i - 1})) ? $data{$i - 1} : false;
+
+            // open and closing quotes
+            if ($ch == $enclosure) {
+                if (!$enclosed || $nch != $enclosure) {
+                    $enclosed = ($enclosed) ? false : true;
+                } elseif ($enclosed) {
+                    $i++;
+                }
+
+                // end of row
+            } elseif (($ch == "\n" && $pch != "\r" || $ch == "\r") && !$enclosed) {
+                if ($n >= $search_depth) {
+                    $strlen = 0;
+                    $to_end = false;
+                } else {
+                    $n++;
+                }
+
+                // count character
+            } elseif (!$enclosed) {
+                if (!preg_match('/[' . preg_quote($this->auto_non_chars, '/') . ']/i', $ch)) {
+                    if (!isset($chars[$ch][$n])) {
+                        $chars[$ch][$n] = 1;
+                    } else {
+                        $chars[$ch][$n]++;
+                    }
+                }
+            }
+        }
+
+        // filtering
+        $depth = ($to_end) ? $n - 1 : $n;
+        $filtered = array();
+        foreach ($chars as $char => $value) {
+            if ($match = $this->_check_count($char, $value, $depth, $preferred)) {
+                $filtered[$match] = $char;
+            }
+        }
+
+        // capture most probable delimiter
+        ksort($filtered);
+        $this->delimiter = reset($filtered);
+
+        // parse data
+        if ($parse) {
+            $this->data = $this->parse_string();
+        }
+
+        return $this->delimiter;
+    }
+
+    // ==============================================
+    // ----- [ Core Functions ] ---------------------
+    // ==============================================
+
+    /**
+     * Parse File
+     * Read file to string and call parse_string()
+     *
+     * @access public
+     *
+     * @param  [string] $file Local CSV file
+     *
+     * @return [array|bool]
+     */
+    public function parse_file($file = null) {
+        if (is_null($file)) {
+            $file = $this->file;
+        }
+
+        if (empty($this->file_data)) {
+            $this->load_data($file);
+        }
+
+        return (!empty($this->file_data)) ? $this->parse_string() : false;
+    }
+
+    /**
+     * Parse CSV strings to arrays
+     *
+     * @access public
+     * @param   data   CSV string
+     *
+     * @return  2D array with CSV data, or false on failure
+     */
+    public function parse_string($data = null) {
+        if (empty($data)) {
+            if ($this->_check_data()) {
+                $data = &$this->file_data;
+            } else {
+                return false;
+            }
+        }
+
+        $white_spaces = str_replace($this->delimiter, '', " \t\x0B\0");
+
+        $rows = array();
+        $row = array();
+        $row_count = 0;
+        $current = '';
+        $head = (!empty($this->fields)) ? $this->fields : array();
+        $col = 0;
+        $enclosed = false;
+        $was_enclosed = false;
+        $strlen = strlen($data);
+
+        // force the parser to process end of data as a character (false) when
+        // data does not end with a line feed or carriage return character.
+        $lch = $data{$strlen - 1};
+        if ($lch != "\n" && $lch != "\r") {
+            $strlen++;
+        }
+
+        // walk through each character
+        for ($i = 0; $i < $strlen; $i++) {
+            $ch = (isset($data{$i})) ? $data{$i} : false;
+            $nch = (isset($data{$i + 1})) ? $data{$i + 1} : false;
+            $pch = (isset($data{$i - 1})) ? $data{$i - 1} : false;
+
+            // open/close quotes, and inline quotes
+            if ($ch == $this->enclosure) {
+                if (!$enclosed) {
+                    if (ltrim($current, $white_spaces) == '') {
+                        $enclosed = true;
+                        $was_enclosed = true;
+                    } else {
+                        $this->error = 2;
+                        $error_row = count($rows) + 1;
+                        $error_col = $col + 1;
+                        if (!isset($this->error_info[$error_row . '-' . $error_col])) {
+                            $this->error_info[$error_row . '-' . $error_col] = array(
+                                'type' => 2,
+                                'info' => 'Syntax error found on row ' . $error_row . '. Non-enclosed fields can not contain double-quotes.',
+                                'row' => $error_row,
+                                'field' => $error_col,
+                                'field_name' => (!empty($head[$col])) ? $head[$col] : null,
+                            );
+                        }
+
+                        $current .= $ch;
+                    }
+                } elseif ($nch == $this->enclosure) {
+                    $current .= $ch;
+                    $i++;
+                } elseif ($nch != $this->delimiter && $nch != "\r" && $nch != "\n") {
+                    for ($x = ($i + 1);isset($data{$x}) && ltrim($data{$x}, $white_spaces) == ''; $x++) {}
+                    if ($data{$x} == $this->delimiter) {
+                        $enclosed = false;
+                        $i = $x;
+                    } else {
+                        if ($this->error < 1) {
+                            $this->error = 1;
+                        }
+
+                        $error_row = count($rows) + 1;
+                        $error_col = $col + 1;
+                        if (!isset($this->error_info[$error_row . '-' . $error_col])) {
+                            $this->error_info[$error_row . '-' . $error_col] = array(
+                                'type' => 1,
+                                'info' =>
+                                'Syntax error found on row ' . (count($rows) + 1) . '. ' .
+                                'A single double-quote was found within an enclosed string. ' .
+                                'Enclosed double-quotes must be escaped with a second double-quote.',
+                                'row' => count($rows) + 1,
+                                'field' => $col + 1,
+                                'field_name' => (!empty($head[$col])) ? $head[$col] : null,
+                            );
+                        }
+
+                        $current .= $ch;
+                        $enclosed = false;
+                    }
+                } else {
+                    $enclosed = false;
+                }
+
+                // end of field/row/csv
+            } elseif (($ch == $this->delimiter || $ch == "\n" || $ch == "\r" || $ch === false) && !$enclosed) {
+                $key = (!empty($head[$col])) ? $head[$col] : $col;
+                $row[$key] = ($was_enclosed) ? $current : trim($current);
+                $current = '';
+                $was_enclosed = false;
+                $col++;
+
+                // end of row
+                if ($ch == "\n" || $ch == "\r" || $ch === false) {
+                    if ($this->_validate_offset($row_count) && $this->_validate_row_conditions($row, $this->conditions)) {
+                        if ($this->heading && empty($head)) {
+                            $head = $row;
+                        } elseif (empty($this->fields) || (!empty($this->fields) && (($this->heading && $row_count > 0) || !$this->heading))) {
+                            if (!empty($this->sort_by) && !empty($row[$this->sort_by])) {
+                                if (isset($rows[$row[$this->sort_by]])) {
+                                    $rows[$row[$this->sort_by] . '_0'] = &$rows[$row[$this->sort_by]];
+                                    unset($rows[$row[$this->sort_by]]);
+                                    for ($sn = 1;isset($rows[$row[$this->sort_by] . '_' . $sn]); $sn++) {}
+                                    $rows[$row[$this->sort_by] . '_' . $sn] = $row;
+                                } else {
+                                    $rows[$row[$this->sort_by]] = $row;
+                                }
+
+                            } else {
+                                $rows[] = $row;
+                            }
+                        }
+                    }
+
+                    $row = array();
+                    $col = 0;
+                    $row_count++;
+
+                    if ($this->sort_by === null && $this->limit !== null && count($rows) == $this->limit) {
+                        $i = $strlen;
+                    }
+
+                    if ($ch == "\r" && $nch == "\n") {
+                        $i++;
+                    }
+                }
+
+                // append character to current field
+            } else {
+                $current .= $ch;
+            }
+        }
+
+        $this->titles = $head;
+        if (!empty($this->sort_by)) {
+            $sort_type = SORT_REGULAR;
+            if ($this->sort_type == 'numeric') {
+                $sort_type = SORT_NUMERIC;
+            } elseif ($this->sort_type == 'string') {
+                $sort_type = SORT_STRING;
+            }
+
+            ($this->sort_reverse) ? krsort($rows, $sort_type) : ksort($rows, $sort_type);
+
+            if ($this->offset !== null || $this->limit !== null) {
+                $rows = array_slice($rows, ($this->offset === null ? 0 : $this->offset), $this->limit, true);
+            }
+        }
+
+        if (!$this->keep_file_data) {
+            $this->file_data = null;
+        }
+
+        return $rows;
+    }
+
+    /**
+     * Create CSV data from array
+     *
+     * @access public
+     * @param   data        2D array with data
+     * @param   fields      field names
+     * @param   append      if true, field names will not be output
+     * @param   is_php      if a php die() call should be put on the first
+     *                      line of the file, this is later ignored when read.
+     * @param   delimiter   field delimiter to use
+     *
+     * @return  CSV data (text string)
+     */
+    public function unparse($data = array(), $fields = array(), $append = false, $is_php = false, $delimiter = null) {
+        if (!is_array($data) || empty($data)) {
+            $data = &$this->data;
+        }
+
+        if (!is_array($fields) || empty($fields)) {
+            $fields = &$this->titles;
+        }
+
+        if ($delimiter === null) {
+            $delimiter = $this->delimiter;
+        }
+
+        $string = ($is_php) ? "<?php header('Status: 403'); die(' '); ?>" . $this->linefeed : '';
+        $entry = array();
+
+        // create heading
+        if ($this->heading && !$append && !empty($fields)) {
+            foreach ($fields as $key => $value) {
+                $entry[] = $this->_enclose_value($value, $delimiter);
+            }
+
+            $string .= implode($delimiter, $entry) . $this->linefeed;
+            $entry = array();
+        }
+
+        // create data
+        foreach ($data as $key => $row) {
+            foreach ($row as $field => $value) {
+                $entry[] = $this->_enclose_value($value, $delimiter);
+            }
+
+            $string .= implode($delimiter, $entry) . $this->linefeed;
+            $entry = array();
+        }
+
+        if ($this->convert_encoding) {
+            $string = iconv($this->input_encoding, $this->output_encoding, $string);
+        }
+
+        return $string;
+    }
+
+    /**
+     * Load local file or string
+     *
+     * @access public
+     * @param   input   local CSV file
+     *
+     * @return  true or false
+     */
+    public function load_data($input = null) {
+        $data = null;
+        $file = null;
+
+        if (is_null($input)) {
+            $file = $this->file;
+        } elseif (file_exists($input)) {
+            $file = $input;
+        } else {
+            $data = $input;
+        }
+
+        if (!empty($data) || $data = $this->_rfile($file)) {
+            if ($this->file != $file) {
+                $this->file = $file;
+            }
+
+            if (preg_match('/\.php$/i', $file) && preg_match('/<\?.*?\?>(.*)/ims', $data, $strip)) {
+                $data = ltrim($strip[1]);
+            }
+
+            if ($this->convert_encoding) {
+                $data = iconv($this->input_encoding, $this->output_encoding, $data);
+            }
+
+            if (substr($data, -1) != "\n") {
+                $data .= "\n";
+            }
+
+            $this->file_data = &$data;
+            return true;
+        }
+
+        return false;
+    }
+
+    // ==============================================
+    // ----- [ Internal Functions ] -----------------
+    // ==============================================
+
+    /**
+     * Validate a row against specified conditions
+     *
+     * @access protected
+     * @param   row          array with values from a row
+     * @param   conditions   specified conditions that the row must match
+     *
+     * @return  true of false
+     */
+    protected function _validate_row_conditions($row = array(), $conditions = null) {
+        if (!empty($row)) {
+            if (!empty($conditions)) {
+                $conditions = (strpos($conditions, ' OR ') !== false) ? explode(' OR ', $conditions) : array($conditions);
+                $or = '';
+                foreach ($conditions as $key => $value) {
+                    if (strpos($value, ' AND ') !== false) {
+                        $value = explode(' AND ', $value);
+                        $and = '';
+
+                        foreach ($value as $k => $v) {
+                            $and .= $this->_validate_row_condition($row, $v);
+                        }
+
+                        $or .= (strpos($and, '0') !== false) ? '0' : '1';
+                    } else {
+                        $or .= $this->_validate_row_condition($row, $value);
+                    }
+                }
+
+                return (strpos($or, '1') !== false) ? true : false;
+            }
+
+            return true;
+        }
+
+        return false;
+    }
+
+    /**
+     * Validate a row against a single condition
+     *
+     * @access protected
+     * @param   row          array with values from a row
+     * @param   condition   specified condition that the row must match
+     *
+     * @return  true of false
+     */
+    protected function _validate_row_condition($row, $condition) {
+        $operators = array(
+            '=', 'equals', 'is',
+            '!=', 'is not',
+            '<', 'is less than',
+            '>', 'is greater than',
+            '<=', 'is less than or equals',
+            '>=', 'is greater than or equals',
+            'contains',
+            'does not contain',
+        );
+
+        $operators_regex = array();
+
+        foreach ($operators as $value) {
+            $operators_regex[] = preg_quote($value, '/');
+        }
+
+        $operators_regex = implode('|', $operators_regex);
+
+        if (preg_match('/^(.+) (' . $operators_regex . ') (.+)$/i', trim($condition), $capture)) {
+            $field = $capture[1];
+            $op = $capture[2];
+            $value = $capture[3];
+
+            if (preg_match('/^([\'\"]{1})(.*)([\'\"]{1})$/i', $value, $capture)) {
+                if ($capture[1] == $capture[3]) {
+                    $value = $capture[2];
+                    $value = str_replace("\\n", "\n", $value);
+                    $value = str_replace("\\r", "\r", $value);
+                    $value = str_replace("\\t", "\t", $value);
+                    $value = stripslashes($value);
+                }
+            }
+
+            if (array_key_exists($field, $row)) {
+                if (($op == '=' || $op == 'equals' || $op == 'is') && $row[$field] == $value) {
+                    return '1';
+                } elseif (($op == '!=' || $op == 'is not') && $row[$field] != $value) {
+                    return '1';
+                } elseif (($op == '<' || $op == 'is less than') && $row[$field] < $value) {
+                    return '1';
+                } elseif (($op == '>' || $op == 'is greater than') && $row[$field] > $value) {
+                    return '1';
+                } elseif (($op == '<=' || $op == 'is less than or equals') && $row[$field] <= $value) {
+                    return '1';
+                } elseif (($op == '>=' || $op == 'is greater than or equals') && $row[$field] >= $value) {
+                    return '1';
+                } elseif ($op == 'contains' && preg_match('/' . preg_quote($value, '/') . '/i', $row[$field])) {
+                    return '1';
+                } elseif ($op == 'does not contain' && !preg_match('/' . preg_quote($value, '/') . '/i', $row[$field])) {
+                    return '1';
+                } else {
+                    return '0';
+                }
+            }
+        }
+
+        return '1';
+    }
+
+    /**
+     * Validates if the row is within the offset or not if sorting is disabled
+     *
+     * @access protected
+     * @param   current_row   the current row number being processed
+     *
+     * @return  true of false
+     */
+    protected function _validate_offset($current_row) {
+        if ($this->sort_by === null && $this->offset !== null && $current_row < $this->offset) {
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * Enclose values if needed
+     *  - only used by unparse()
+     *
+     * @access protected
+     * @param  value   string to process
+     *
+     * @return Processed value
+     */
+    protected function _enclose_value($value = null, $delimiter = null) {
+        if (is_null($delimiter)) {
+            $delimiter = $this->delimiter;
+        }
+        if ($value !== null && $value != '') {
+            $delimiter_quoted = preg_quote($delimiter, '/');
+            $enclosure_quoted = preg_quote($this->enclosure, '/');
+            if (preg_match("/" . $delimiter_quoted . "|" . $enclosure_quoted . "|\n|\r/i", $value) || ($value{0} == ' ' || substr($value, -1) == ' ') || $this->enclose_all) {
+                $value = str_replace($this->enclosure, $this->enclosure . $this->enclosure, $value);
+                $value = $this->enclosure . $value . $this->enclosure;
+            }
+        }
+
+        return $value;
+    }
+
+    /**
+     * Check file data
+     *
+     * @access protected
+     * @param   file   local filename
+     *
+     * @return  true or false
+     */
+    protected function _check_data($file = null) {
+        if (empty($this->file_data)) {
+            if (is_null($file)) {
+                $file = $this->file;
+            }
+
+            return $this->load_data($file);
+        }
+
+        return true;
+    }
+
+    /**
+     * Check if passed info might be delimiter
+     * Only used by find_delimiter
+     *
+     * @access protected
+     * @param  [type] $char      [description]
+     * @param  [type] $array     [description]
+     * @param  [type] $depth     [description]
+     * @param  [type] $preferred [description]
+     *
+     * @return special string used for delimiter selection, or false
+     */
+    protected function _check_count($char, $array, $depth, $preferred) {
+        if ($depth == count($array)) {
+            $first = null;
+            $equal = null;
+            $almost = false;
+            foreach ($array as $key => $value) {
+                if ($first == null) {
+                    $first = $value;
+                } elseif ($value == $first && $equal !== false) {
+                    $equal = true;
+                } elseif ($value == $first + 1 && $equal !== false) {
+                    $equal = true;
+                    $almost = true;
+                } else {
+                    $equal = false;
+                }
+            }
+
+            if ($equal) {
+                $match = ($almost) ? 2 : 1;
+                $pref = strpos($preferred, $char);
+                $pref = ($pref !== false) ? str_pad($pref, 3, '0', STR_PAD_LEFT) : '999';
+
+                return $pref . $match . '.' . (99999 - str_pad($first, 5, '0', STR_PAD_LEFT));
+            } else {
+                return false;
+            }
+        }
+    }
+
+    /**
+     * Read local file
+     *
+     * @access protected
+     * @param   file   local filename
+     *
+     * @return  Data from file, or false on failure
+     */
+    protected function _rfile($file = null) {
+        if (is_readable($file)) {
+            if (!($fh = fopen($file, 'r'))) {
+                return false;
+            }
+
+            $data = fread($fh, filesize($file));
+            fclose($fh);
+            return $data;
+        }
+
+        return false;
+    }
+
+    /**
+     * Write to local file
+     *
+     * @access protected
+     * @param   file     local filename
+     * @param   string   data to write to file
+     * @param   mode     fopen() mode
+     * @param   lock     flock() mode
+     *
+     * @return  true or false
+     */
+    protected function _wfile($file, $string = '', $mode = 'wb', $lock = 2) {
+        if ($fp = fopen($file, $mode)) {
+            flock($fp, $lock);
+            $re = fwrite($fp, $string);
+            $re2 = fclose($fp);
+
+            if ($re != false && $re2 != false) {
+                return true;
+            }
+        }
+
+        return false;
+    }
+}
diff --git a/deployed/jsn/components/com_jsn/jsn.php b/deployed/jsn/components/com_jsn/jsn.php
new file mode 100644
index 00000000..045be02c
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/jsn.php
@@ -0,0 +1,19 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+
+$controller = JControllerLegacy::getInstance('Jsn');
+$controller->execute(JFactory::getApplication()->input->get('task', 'display'));
+$controller->redirect();
+
+?>
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/models/forms/frontend.xml b/deployed/jsn/components/com_jsn/models/forms/frontend.xml
new file mode 100644
index 00000000..cbeedfd0
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/models/forms/frontend.xml
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<!--  Basic user account settings. -->
+		<fieldset name="params" label="COM_USERS_SETTINGS_FIELDSET_LABEL">
+
+			<field name="editor" type="plugins" folder="editors"
+				description="COM_USERS_USER_FIELD_EDITOR_DESC"
+				label="COM_USERS_USER_FIELD_EDITOR_LABEL"
+			>
+				<option value="">JOPTION_USE_DEFAULT</option>
+			</field>
+
+			<field name="timezone" type="timezone"
+				label="COM_USERS_USER_FIELD_TIMEZONE_LABEL"
+				description="COM_USERS_USER_FIELD_TIMEZONE_DESC"
+			>
+				<option value="">JOPTION_USE_DEFAULT</option>
+			</field>
+
+			<field name="language" type="language"
+				client="site"
+				description="COM_USERS_USER_FIELD_FRONTEND_LANGUAGE_DESC"
+				label="COM_USERS_USER_FIELD_FRONTEND_LANGUAGE_LABEL"
+				filter="cmd"
+			>
+				<option value="">JOPTION_USE_DEFAULT</option>
+			</field>
+		</fieldset>
+	</fields>
+</form>
diff --git a/deployed/jsn/components/com_jsn/models/forms/frontend_admin.xml b/deployed/jsn/components/com_jsn/models/forms/frontend_admin.xml
new file mode 100644
index 00000000..0d71a2b6
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/models/forms/frontend_admin.xml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<!--  Backend user account settings. -->
+		<fieldset name="params" label="COM_USERS_SETTINGS_FIELDSET_LABEL">
+
+			<field name="admin_style" type="templatestyle"
+				client="administrator"
+				description="COM_USERS_USER_FIELD_BACKEND_TEMPLATE_DESC"
+				label="COM_USERS_USER_FIELD_BACKEND_TEMPLATE_LABEL"
+			>
+				<option value="">JOPTION_USE_DEFAULT</option>
+			</field>
+
+			<field name="admin_language" type="language"
+				client="administrator"
+				description="COM_USERS_USER_FIELD_BACKEND_LANGUAGE_DESC"
+				label="COM_USERS_USER_FIELD_BACKEND_LANGUAGE_LABEL"
+				filter="cmd"
+			>
+				<option value="">JOPTION_USE_DEFAULT</option>
+			</field>
+
+			<field name="helpsite" type="helpsite"
+				label="COM_USERS_USER_FIELD_HELPSITE_LABEL"
+				description="COM_USERS_USER_FIELD_HELPSITE_DESC"
+			>
+				<option value="">JOPTION_USE_DEFAULT</option>
+			</field>
+
+		</fieldset>
+	</fields>
+</form>
diff --git a/deployed/jsn/components/com_jsn/models/forms/profile.xml b/deployed/jsn/components/com_jsn/models/forms/profile.xml
new file mode 100644
index 00000000..179b5460
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/models/forms/profile.xml
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fieldset name="core"
+		label="COM_USERS_PROFILE_DEFAULT_LABEL">
+
+		<field name="id" type="hidden"
+			filter="integer"
+		/>
+
+		<field name="name" type="text"
+			description="COM_USERS_PROFILE_NAME_DESC"
+			filter="string"
+			label="COM_USERS_PROFILE_NAME_LABEL"
+			required="true"
+			size="30"
+		/>
+
+		<field name="username" type="text"
+			class="validate-username"
+			description="COM_USERS_DESIRED_USERNAME"
+			filter="username"
+			label="COM_USERS_PROFILE_USERNAME_LABEL"
+			message="COM_USERS_PROFILE_USERNAME_MESSAGE"
+			required="true"
+			size="30"
+			validate="username"
+		/>
+
+		<field name="password1" type="password"
+			autocomplete="off"
+			class="validate-password"
+			description="COM_USERS_DESIRED_PASSWORD"
+			field="password2"
+			filter="raw"
+			label="COM_USERS_PROFILE_PASSWORD1_LABEL"
+			message="COM_USERS_PROFILE_PASSWORD1_MESSAGE"
+			size="30"
+			validate="equals"
+		/>
+
+		<field name="password2" type="password"
+			autocomplete="off"
+			class="validate-password"
+			description="COM_USERS_PROFILE_PASSWORD2_DESC"
+			filter="raw"
+			label="COM_USERS_PROFILE_PASSWORD2_LABEL"
+			size="30"
+		/>
+
+		<field name="email1" type="email"
+			description="COM_USERS_PROFILE_EMAIL1_DESC"
+			filter="string"
+			label="COM_USERS_PROFILE_EMAIL1_LABEL"
+			message="COM_USERS_PROFILE_EMAIL1_MESSAGE"
+			required="true"
+			size="30"
+			unique="true"
+			validate="email"
+		/>
+
+		<field name="email2" type="email"
+			description="COM_USERS_PROFILE_EMAIL2_DESC"
+			field="email1"
+			filter="string"
+			label="COM_USERS_PROFILE_EMAIL2_LABEL"
+			message="COM_USERS_PROFILE_EMAIL2_MESSAGE"
+			required="true"
+			size="30"
+			validate="equals"
+		/>
+	</fieldset>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/models/forms/sitelang.xml b/deployed/jsn/components/com_jsn/models/forms/sitelang.xml
new file mode 100644
index 00000000..4fb280f7
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/models/forms/sitelang.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<form>
+	<fields name="params">
+		<fieldset name="params" label="COM_USERS_SETTINGS_FIELDSET_LABEL">
+			<field name="language" type="language" 
+				client="site"
+				description="COM_USERS_USER_FIELD_FRONTEND_LANGUAGE_DESC"
+				label="COM_USERS_USER_FIELD_FRONTEND_LANGUAGE_LABEL"
+				required="true"
+				filter="cmd"
+			/>
+		</fieldset>
+	</fields>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/models/list.php b/deployed/jsn/components/com_jsn/models/list.php
new file mode 100644
index 00000000..c33e30e8
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/models/list.php
@@ -0,0 +1,260 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnModelList extends JModelList
+{
+	protected function populateState($ordering = 'name', $direction = 'ASC')
+	{
+		$app = JFactory::getApplication();
+		$params = $app->getParams();
+
+		// List state information
+		$value = $app->input->get('limit', $params->get('display_num',$app->getCfg('list_limit', 0)), 'uint');
+		$this->setState('list.limit', $value);
+
+		$value = $app->input->get('limitstart', 0, 'uint');
+		$this->setState('list.start', $value);
+
+		$orderCol = $app->input->get('filter_order', 'a.name');
+		if (!in_array($orderCol, $this->filter_fields))
+		{
+			$orderCol = 'a.name';
+		}
+		$this->setState('list.ordering', $orderCol);
+
+		$listOrder = $app->input->get('filter_order_Dir', 'ASC');
+		if (!in_array(strtoupper($listOrder), array('ASC', 'DESC', '')))
+		{
+			$listOrder = 'ASC';
+		}
+		$this->setState('list.direction', $listOrder);
+
+		$params = $app->getParams();
+		$this->setState('params', $params);
+		/*$user = JFactory::getUser();
+
+		if ((!$user->authorise('core.edit.state', 'com_content')) && (!$user->authorise('core.edit', 'com_content')))
+		{
+			// filter on published for those who do not have edit or edit.state rights.
+			$this->setState('filter.published', 1);
+		}
+
+		$this->setState('filter.language', JLanguageMultilang::isEnabled());
+
+		// process show_noauth parameter
+		if (!$params->get('show_noauth'))
+		{
+			$this->setState('filter.access', true);
+		}
+		else
+		{
+			$this->setState('filter.access', false);
+		}*/
+
+		$this->setState('layout', $app->input->get('layout'));
+	}
+	
+	public $filter=true;
+	protected function getListQuery()
+	{
+		$user=JFactory::getUser();
+		$app = JFactory::getApplication();
+		$params = $app->getParams();
+		
+		if($this->filter)
+		{
+			// Session for pagination
+			$session = JFactory::getSession();
+			$itemid=JFactory::getApplication()->input->get('Itemid','');
+			if((JFactory::getApplication()->input->get('limitstart',null)!=null || JFactory::getApplication()->input->get('start',null)!=null))
+			{
+				$random=$session->get('jsn_search_'.$itemid.'_random',rand());
+			}
+			else{
+				$random=rand();
+				$session->set('jsn_search_'.$itemid.'_random',$random);
+			}
+		}
+		else
+		{
+			$random=rand();
+		}
+		
+		if($params->get('search_enabled',0) && !$params->get('search_showuser',0) && !JFactory::getApplication()->input->get('search',0) && $this->filter) return null;
+		
+		$db = JFactory::getDBO();
+		
+		global $JSNSOCIAL;
+		if($JSNSOCIAL && !$user->guest)
+		{
+			$db->setQuery("SELECT friend_id FROM #__jsnsocial_friends WHERE user_id = ".$user->id);
+			$friends = $db->loadColumn();
+			if(empty($friends)) $friends=array(0);
+		}
+		
+		$query = $db->getQuery(true);
+		$query->select($this->getState('list.select','a.id'))->group('a.id')->from('#__users AS a')->join('left','#__jsn_users as b ON a.id=b.id')->join('left','#__user_usergroup_map as c ON a.id=c.user_id')->where('a.block=0');//->order($db->escape('a.name') . ' ASC');
+		$cleanQuery=(string) $query;
+		if($this->filter) {
+			// Load Default Fields
+			if(JFactory::getApplication()->input->get('searchid','')!='') $query->where('a.'.$db->quoteName('id').' = '. (int) JFactory::getApplication()->input->get('searchid',null));
+			if(JFactory::getApplication()->input->get('name','','raw')!='') $query->where('a.'.$db->quoteName('name').' LIKE '.$db->quote('%'.JFactory::getApplication()->input->get('name',null,'raw').'%'));
+			if(JFactory::getApplication()->input->get('status','')!='') $query->where('a.id IN (SELECT userid FROM #__session WHERE client_id=0 GROUP BY userid)');
+			
+			// Load Fields
+			$queryField = $db->getQuery(true);
+			$queryField->select('a.*')->from('#__jsn_fields AS a')->where('a.level = 2')->where('a.search = 1')->where('a.published = 1');
+			$db->setQuery( $queryField );
+			$fields = $db->loadObjectList();
+		
+			foreach (glob(JPATH_ADMINISTRATOR . '/components/com_jsn/helpers/fields/*.php') as $filename) {
+				require_once $filename;
+			}
+			
+			$skipPrivacy=$user->authorise('core.edit', 'com_users');
+			
+			foreach($fields as $field)
+			{
+				if(JFactory::getApplication()->input->get($field->alias,'','raw')!=''){
+				
+					// Load Field Registry
+					$registry = new JRegistry;
+					$registry->loadString($field->params);
+					$field->params = $registry;
+				
+					$class='Jsn'.ucfirst($field->type).'FieldHelper';
+				
+					$testPre=(string) $query;
+					if(class_exists($class)) $class::getSearchQuery($field,$query);
+					$testPost=(string) $query;
+				
+					// Field Privacy
+					if(!$skipPrivacy && $field->params->get('privacy',0) && $testPre!=$testPost){
+						if($user->guest)
+						{
+							if($field->params->get('privacy_default',0)==0) $query->where('(b.'.$db->quoteName('privacy').' LIKE '.$db->quote('%"privacy_'.$field->alias.'":"0"%').' OR b.'.$db->quoteName('privacy').' NOT LIKE '.$db->quote('%"privacy_'.$field->alias.'"%').')');
+							else $query->where('(b.'.$db->quoteName('privacy').' LIKE '.$db->quote('%"privacy_'.$field->alias.'":"0"%').')');
+						} 
+						else
+						{
+							if($JSNSOCIAL)
+							{
+								if($field->params->get('privacy_default',0)==0) 
+									$query->where('(((b.'.$db->quoteName('privacy').' LIKE '.$db->quote('%"privacy_'.$field->alias.'":"0"%').' OR b.'.$db->quoteName('privacy').' NOT LIKE '.$db->quote('%"privacy_'.$field->alias.'"%').') || (b.id IN ('.implode(',',$friends).') AND b.'.$db->quoteName('privacy').' LIKE '.$db->quote('%"privacy_'.$field->alias.'":"1"%').')) OR b.id='.$user->id.')');
+								if($field->params->get('privacy_default',0)==1) 
+									$query->where('(((b.'.$db->quoteName('privacy').' LIKE '.$db->quote('%"privacy_'.$field->alias.'":"0"%').') || (b.id IN ('.implode(',',$friends).') AND (b.'.$db->quoteName('privacy').' LIKE '.$db->quote('%"privacy_'.$field->alias.'":"1"%').' || b.'.$db->quoteName('privacy').' NOT LIKE '.$db->quote('%"privacy_'.$field->alias.'"%').'))) OR b.id='.$user->id.')');
+								if($field->params->get('privacy_default',0)==99) 
+									$query->where('(((b.'.$db->quoteName('privacy').' LIKE '.$db->quote('%"privacy_'.$field->alias.'":"0"%').') || (b.id IN ('.implode(',',$friends).') AND b.'.$db->quoteName('privacy').' LIKE '.$db->quote('%"privacy_'.$field->alias.'":"1"%').')) OR b.id='.$user->id.')');
+							}
+							else
+							{
+								if($field->params->get('privacy_default',0)==99) $query->where('((b.'.$db->quoteName('privacy').' NOT LIKE '.$db->quote('%"privacy_'.$field->alias.'":"99"%').' AND b.'.$db->quoteName('privacy').' LIKE '.$db->quote('%"privacy_'.$field->alias.'"%').') OR b.id='.$user->id.')');
+								else $query->where('(b.'.$db->quoteName('privacy').' NOT LIKE '.$db->quote('%"privacy_'.$field->alias.'":"99"%').' OR b.id='.$user->id.')');
+							}
+						}
+					}
+				}
+			}
+		}
+		
+		// Avoid Empty Search
+		if($params->get('search_noempty',0) && $cleanQuery== (string) $query && JFactory::getApplication()->input->get('search',0) && $this->filter && !$params->get('search_showuser',0)) {
+			$app->enqueueMessage(JText::_('COM_JSN_NOEMPTYSEARCHWARNING'),'warning');
+			$app->redirect(JRoute::_('index.php?option=com_jsn&view=list&Itemid='.JFactory::getApplication()->input->get('Itemid',0),false));
+			return null;
+		}
+		
+		// Add Custom Where
+		if($params->get('where','')!='') {
+			JPluginHelper::importPlugin('content');
+			$where= JHtml::_('content.prepare', $params->get('where',''), 'customwhere', 'com_finder.indexer');
+			$query->where($where);
+		}
+		
+		// Add Order
+		$orderCol = $params->get('orderCol','name');
+		$orderDir = $params->get('orderDir','ASC');
+		
+		$orderCol1 = $params->get('orderCol1','');
+		$orderDir1 = $params->get('orderDir1','ASC');
+		
+		$orderCol2 = $params->get('orderCol2','');
+		$orderDir2 = $params->get('orderDir2','ASC');
+		
+		if($orderCol=='random')
+		{
+			$query->order('RAND('.$random.')');
+		}
+		else
+		{
+			$orderFieldsType = $db->getQuery(true);
+			$orderFieldsType->select('a.type,a.alias')->from('#__jsn_fields AS a')->where('a.level = 2')->where('a.alias IN ('.$db->quote($orderCol) . ($orderCol1 ? ','.$db->quote($orderCol1) : '') . ($orderCol2 ? ','.$db->quote($orderCol2) : '') .')')->where('a.published = 1');
+			$db->setQuery( $orderFieldsType );
+			$orderFieldsType = $db->loadAssocList('alias');
+
+			
+			if($orderCol=='name') $orderCol=$db->quoteName('a.name');
+			elseif($orderCol=='registereddate' || $orderCol=='registerdate') $orderCol=$db->quoteName('a.registerDate'); /* registereddate:Compatibility with <1.2.0 */
+			elseif($orderCol=='lastvisitdate') $orderCol=$db->quoteName('a.lastvisitDate');
+			elseif($orderCol=='email') $orderCol=$db->quoteName('a.email');
+			elseif($orderCol=='username') $orderCol=$db->quoteName('a.username');
+			elseif(isset($orderFieldsType[$orderCol]) && ($orderFieldsType[$orderCol]['type'] == 'image' || $orderFieldsType[$orderCol]['type'] == 'filetype')) $orderCol='CASE WHEN '.$db->quoteName('b.'.$orderCol).' LIKE "_%" THEN 1 ELSE 0 END';
+			else $orderCol=$db->quoteName('b.'.$orderCol);
+
+			if($orderCol1) {
+				if($orderCol1=='name') $orderCol1=$db->quoteName('a.name');
+				elseif($orderCol1=='registereddate' || $orderCol1=='registerdate') $orderCol1=$db->quoteName('a.registerDate'); /* registereddate:Compatibility with <1.2.0 */
+				elseif($orderCol1=='lastvisitdate') $orderCol1=$db->quoteName('a.lastvisitDate');
+				elseif($orderCol1=='email') $orderCol1=$db->quoteName('a.email');
+				elseif($orderCol1=='username') $orderCol1=$db->quoteName('a.username');
+				elseif(isset($orderFieldsType[$orderCol1]) && ($orderFieldsType[$orderCol1]['type'] == 'image' || $orderFieldsType[$orderCol1]['type'] == 'filetype')) $orderCol1='CASE WHEN '.$db->quoteName('b.'.$orderCol1).' LIKE "_%" THEN 1 ELSE 0 END';
+				else $orderCol1=$db->quoteName('b.'.$orderCol1);
+			}
+
+			if($orderCol2) {
+				if($orderCol2=='name') $orderCol2=$db->quoteName('a.name');
+				elseif($orderCol2=='registereddate' || $orderCol2=='registerdate') $orderCol2=$db->quoteName('a.registerDate'); /* registereddate:Compatibility with <1.2.0 */
+				elseif($orderCol2=='lastvisitdate') $orderCol2=$db->quoteName('a.lastvisitDate');
+				elseif($orderCol2=='email') $orderCol2=$db->quoteName('a.email');
+				elseif($orderCol2=='username') $orderCol2=$db->quoteName('a.username');
+				elseif(isset($orderFieldsType[$orderCol2]) && ($orderFieldsType[$orderCol2]['type'] == 'image' || $orderFieldsType[$orderCol2]['type'] == 'filetype')) $orderCol2='CASE WHEN '.$db->quoteName('b.'.$orderCol2).' LIKE "_%" THEN 1 ELSE 0 END';
+				else $orderCol2=$db->quoteName('b.'.$orderCol2);
+			}
+
+			
+			$order=$orderCol.' '.$orderDir;
+			if($orderCol1 && $orderCol1!=$orderCol) $order.=', '.$orderCol1.' '.$orderDir1;
+			if($orderCol2 && $orderCol2!=$orderCol && $orderCol2!=$orderCol1) $order.=', '.$orderCol2.' '.$orderDir2;
+			
+			$query->order($order);
+		}
+		
+		return $query;
+	}
+	
+	public function getItems()
+	{
+		$items = parent::getItems();
+		if($this->filter==true) {
+			global $LISTIDS;
+			$LISTIDS=array();
+			if(is_array($items) && count($items)) foreach($items as $obj_id){
+				$LISTIDS[]=$obj_id->id;
+			}
+		}
+		return $items;
+	}
+	
+}
+
+
+?>
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/router.php b/deployed/jsn/components/com_jsn/router.php
new file mode 100644
index 00000000..2b464f63
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/router.php
@@ -0,0 +1,172 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+function JsnBuildRoute(&$query)
+{
+	$segments = array();
+
+	// get a menu item based on Itemid or currently active
+	$app = JFactory::getApplication();
+	$menu = $app->getMenu();
+	$params = JComponentHelper::getParams('com_jsn');
+	$advanced = $params->get('sef_advanced_link', 0);
+	$sef_suffix=JFactory::getConfig()->get('sef_suffix',0);
+
+	if(isset($query['view']))
+		switch($query['view'])
+		{
+			case '':
+			case 'profile':
+				if(isset($query['Itemid']) && is_int($query['Itemid'])) {
+					if($menu->getItem($query['Itemid'])->link!='index.php?option=com_jsn&view=profile') unset($query['Itemid']);
+				}
+				if(!isset($query['Itemid'])) {
+					$active=$menu->getActive();
+					if(isset($active->link) && $active->link=='index.php?option=com_jsn&view=profile')
+					{
+						$query['Itemid']=$active->id;
+					}
+					else
+					{
+						$profileMenu=$menu->getItems('link','index.php?option=com_jsn&view=profile',true);
+						if(isset($profileMenu->id))
+						{
+							$query['Itemid']=$profileMenu->id;
+						}
+						else{
+							unset($query['Itemid']);
+						}
+					}
+				}
+				unset($query['view']);
+				
+				if(isset($query['id']))
+				{
+					static $username_cache;
+					if(!isset($username_cache[$query['id']]))
+					{
+						if($params->get('sef_with','username') == 'id') {
+							$segments[]=$query['id'];
+							$username_cache[$query['id']]=$query['id'];
+						}
+						else {
+							$db = JFactory::getDbo();
+							$dbquery = $db->getQuery(true);
+							$dbquery->select('a.username')->from('#__users AS a')->where('a.id = '. (int) $query['id']);
+							$db->setQuery( $dbquery );
+							if($username=$db->loadResult())
+							{
+								if(!$sef_suffix && strpos(' '.$username,'.')>0) $username.='.html';
+								$segments[]=urlencode($username);
+								$username_cache[$query['id']]=$username;
+							}
+						}
+					}
+					else
+					{
+						$segments[]=urlencode($username_cache[$query['id']]);
+					}
+					
+					unset($query['id']);
+				}
+			break;
+			case 'list':
+			case 'search':
+				unset($query['view']);
+			break;
+			case 'social':
+				$active=$menu->getActive();
+				if(isset($active->link) && $active->link=='index.php?option=com_jsn&view=social')
+				{
+					$query['Itemid']=$active->id;
+				}
+				else
+				{
+					$profileMenu=$menu->getItems('link','index.php?option=com_jsn&view=social',true);
+					if(isset($profileMenu->id))
+					{
+						$query['Itemid']=$profileMenu->id;
+					}
+					else{
+						$query['Itemid']=$menu->getDefault()->id;
+					}
+				}
+				unset($query['view']);
+				if(isset($query['route']))
+				{
+					$segments[]=$query['route'];
+					unset($query['route']);
+				}
+			break;
+			default:
+			break;
+		}
+	
+	return $segments;
+}
+
+function JsnParseRoute($segments)
+{
+	$vars = array();
+
+	//Get the active menu item.
+	$app = JFactory::getApplication();
+	$menu = $app->getMenu();
+	$item = $menu->getActive();
+	$params = JComponentHelper::getParams('com_jsn');
+	$advanced = $params->get('sef_advanced_link', 0);
+
+	// Count route segments
+	$count = count($segments);
+
+	if (!isset($item) || ($segments[0]=='profile' && isset($item->query['view']) && $item->query['view']!='social'))
+	{
+		$vars['view'] = 'profile';
+	}
+	else
+	{
+		$vars['view'] = $item->query['view'];
+	}
+	// Standard routing for newsfeeds.
+	switch($vars['view'])
+	{
+		case 'profile' :
+			static $id_cache=null;
+			if($id_cache==null)
+			{
+				if($params->get('sef_with','username') == 'id') {
+					$vars['id'] = $segments[$count-1];
+					$id_cache=$segments[$count-1];
+				}
+				else {
+					$db = JFactory::getDbo();
+					$dbquery = $db->getQuery(true);
+					$dbquery->select('a.id')->from('#__users AS a')->where('a.username = '. $db->quote(str_replace('.html','',$segments[$count-1])).' OR a.username = '. $db->quote(str_replace(':','-',str_replace('.html','',$segments[$count-1]))  )   );
+					$db->setQuery( $dbquery );
+					if($id=$db->loadResult())
+					{
+						$vars['id'] = $id;
+						$id_cache=$id;
+					}
+				}
+			}
+			else
+			{
+				$vars['id']=$id_cache;
+			}
+		break;
+		case 'social' :
+			$vars['route'] = '/'.implode('/',$segments);
+		break;
+	}
+	return $vars;
+}
diff --git a/deployed/jsn/components/com_jsn/views/list/metadata.xml b/deployed/jsn/components/com_jsn/views/list/metadata.xml
new file mode 100644
index 00000000..18d296c7
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/views/list/metadata.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<metadata>
+	<view
+		title="List">
+	</view>
+</metadata>
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/views/list/tmpl/default.php b/deployed/jsn/components/com_jsn/views/list/tmpl/default.php
new file mode 100644
index 00000000..69234e6d
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/views/list/tmpl/default.php
@@ -0,0 +1,137 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+$dispatcher	= JEventDispatcher::getInstance();
+
+?>
+
+<?php 
+echo(implode(' ',$dispatcher->trigger('renderBeforeList',array($this->items,$this->config))));
+?>
+
+<div class="jsn_list">
+<?php if ($this->params->get('show_page_heading')) : ?>
+	<div class="page-header">
+		<h2><?php echo $this->params->get('page_heading'); ?></h2>
+	</div>
+<?php endif; ?>
+<?php
+
+if ($this->params->def('search_enabled', 0) && !(JFactory::getApplication()->input->get('search','0') && $this->params->def('search_hideform', 0)))
+{
+	echo $this->loadTemplate('search');
+}
+?>
+<div id="jsn_listresult">
+<?php 
+echo(implode(' ',$dispatcher->trigger('renderBeforeResultList',array($this->items,$this->config))));
+?>
+<?php
+if(count($this->items)>0 && !($this->params->def('search_enabled',0) && !$this->params->def('search_showuser',0) && !JFactory::getApplication()->input->get('search',0)))
+{
+	if($this->params->def('export', 0))
+	{
+		$url = JUri::getInstance()->toString();
+		$uri = new JUri($url);
+		$uri->setVar('start',0);
+		$uri->setVar('limit',0);
+		$uri->setVar('layout','export');
+		$uri->setVar('format','raw');
+		?>
+			<div class="pull-right jsn-export"><a target="_blank" href="<?php echo $uri->toString(); ?>" class="btn"><i class="jsn-icon jsn-icon-share"></i> <?php echo JText::_('COM_JSN_EXPORT'); ?></a></div>
+		<?php
+	}
+	if($this->params->def('show_total', 1))
+	{
+		echo('<div class="jsn-total"><span class="label label-warning">'.$this->pagination->total.' '.JText::_('COM_JSN_MEMBERS').'</span></div>');
+	}
+}
+if(count($this->items)==0)
+{
+	?>
+	<div class="alert alert-warning">
+	<?php echo(JText::_('COM_JSN_NORESULT')); ?>
+	</div>
+	<?php
+}
+
+?>
+
+
+<?php // Add pagination links ?>
+<?php //if (!empty($this->items)) : ?>
+	<?php if (($this->params->def('show_pagination', 1)==2 || $this->params->def('show_pagination', 1)==3) && $this->pagination->pagesTotal > 1) : ?>
+	<div class="pagination" style="clear:both">
+
+		
+
+		<?php echo $this->pagination->getPagesLinks(); ?>
+
+		<?php if ($this->params->def('show_pagination_results', 1)) : ?>
+			<p class="counter">
+				<?php echo $this->pagination->getPagesCounter(); ?>
+			</p>
+		<?php endif; ?>
+	</div>
+	<?php endif; ?>
+<?php  //endif; ?>
+
+
+<div class="jsn-list">
+<?php
+
+$this->url_options = array();
+$this->url_options['Itemid'] = $this->params->def('profile_menuid', '');
+if($this->params->def('profile_back', 1)) $this->url_options['back'] = 1;
+
+$cols=$this->params->def('num_columns', 1);
+$this->span=12/$cols;
+$countUsers=0;
+global $JSNLIST_DISPLAYED_ID;
+if(is_array($this->items)) foreach($this->items as $item)
+{
+	$JSNLIST_DISPLAYED_ID=$item->id;
+	$this->user = JsnHelper::getUser($item->id);
+	if(($countUsers%$cols)==0) echo('<div class="jsn-l-row">');
+	echo $this->loadTemplate('user');
+	if(($countUsers%$cols)==($cols-1)) echo('</div>');
+	$countUsers+=1;
+}
+if(($countUsers%$cols)!=0) echo('</div>');
+$JSNLIST_DISPLAYED_ID=false;
+?>
+</div>
+
+<?php // Add pagination links ?>
+<?php //if (!empty($this->items)) : ?>
+	<?php if (($this->params->def('show_pagination', 1)==1 || $this->params->def('show_pagination', 1)==3) && $this->pagination->pagesTotal > 1) : ?>
+	<div class="pagination" style="clear:both">
+
+		<?php if ($this->params->def('show_pagination_results', 1)) : ?>
+			<p class="counter">
+				<?php echo $this->pagination->getPagesCounter(); ?>
+			</p>
+		<?php endif; ?>
+
+		<?php echo $this->pagination->getPagesLinks(); ?>
+	</div>
+	<?php endif; ?>
+<?php  //endif; ?>
+<?php 
+echo(implode(' ',$dispatcher->trigger('renderAfterResultList',array($this->items,$this->config))));
+?>
+</div>
+
+</div>
+
+<?php 
+echo(implode(' ',$dispatcher->trigger('renderAfterList',array($this->items,$this->config))));
+?>
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/views/list/tmpl/default.xml b/deployed/jsn/components/com_jsn/views/list/tmpl/default.xml
new file mode 100644
index 00000000..41611daf
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/views/list/tmpl/default.xml
@@ -0,0 +1,278 @@
+<?xml version="1.0" encoding="utf-8"?>
+<metadata>
+	<layout title="COM_JSN_USERLIST">
+		<message>
+			<![CDATA[COM_JSN_USERLIST_DESC]]>
+		</message>
+	</layout>
+	<fields name="params">
+		<fieldset name="basic" label="COM_JSN_SEARCH" addfieldpath="/administrator/components/com_jsn/models/fields">
+			<field name="search_enabled" type="list"
+				description="COM_JSN_SEARCHENABLED_DESC"
+				label="COM_JSN_SEARCHENABLED"
+				default="0"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="search_fields"
+				showon="search_enabled:1"
+				label="COM_JSN_SEARCHFIELDS"
+				description="COM_JSN_SEARCHFIELDS_DESC"
+				type="parent"
+				level="2"
+				table="jsn_fields"
+				where="a.search=1 AND a.type NOT LIKE 'password' AND a.type NOT LIKE 'delimeter' AND a.type NOT LIKE 'image' AND a.type NOT LIKE 'filetype'"
+				field="id"
+				multiple="true"
+				>
+				<option value="id">ID</option>
+				<option value="formatname">COM_JSN_FORMATNAME</option>
+				<option value="status">COM_JSN_STATUS</option>
+			</field>
+			<field name="search_hideform" type="list"
+				showon="search_enabled:1"
+				description="COM_JSN_SEARCHHIDEFORM_DESC"
+				label="COM_JSN_SEARCHHIDEFORM"
+				default="0"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field name="search_noempty" type="list"
+				description="COM_JSN_NOEMPTYSEARCH_DESC"
+				label="COM_JSN_NOEMPTYSEARCH"
+				default="0"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field name="search_showuser" type="list"
+				description="COM_JSN_SEARCHSHOWUSER_DESC"
+				label="COM_JSN_SEARCHSHOWUSER"
+				default="0"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+		</fieldset>
+	<fieldset name="advanced" label="COM_JSN_LIST_LAYOUT_OPTIONS">
+		<field name="ajax_feature" type="list"
+			description="COM_JSN_AJAX_FEATURE_DESC"
+			label="COM_JSN_AJAX_FEATURE"
+			default="0"
+			disabled="true"
+		>	
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field name="show_total" type="list"
+			description="COM_JSN_SHOWTOTAL_DESC"
+			label="COM_JSN_SHOWTOTAL"
+			default="1"
+		>	
+			<option value="0">JHIDE</option>
+			<option value="1">JSHOW</option>
+		</field>
+		<field name="show_pagination" type="list"
+			description="JGLOBAL_PAGINATION_DESC"
+			label="JGLOBAL_PAGINATION_LABEL"
+			default="1"
+		>
+			<option value="0">JHIDE</option>
+			<option value="1">COM_JSN_SHOW_BOTTOM</option>
+			<option value="2">COM_JSN_SHOW_TOP</option>
+			<option value="3">COM_JSN_SHOW_BOTH</option>
+		</field>
+		<field name="show_pagination_results" type="list"
+			label="JGLOBAL_PAGINATION_RESULTS_LABEL"
+			default="1"
+			description="JGLOBAL_PAGINATION_RESULTS_DESC">
+
+			
+			<option value="0">JHIDE</option>
+			<option value="1">JSHOW</option>
+		</field>
+		<field name="num_columns" type="list"
+			description="JGLOBAL_NUM_COLUMNS_DESC"
+			label="JGLOBAL_NUM_COLUMNS_LABEL"
+			size="3"
+			default="1"
+		>
+			<option value="1">1</option>
+			<option value="2">2</option>
+			<option value="3">3</option>
+			<option value="4">4</option>
+			<option value="6">6</option>
+			<option value="12">12</option>
+		</field>
+		
+		<field name="display_num" type="list"
+				default="10"
+				description="JGLOBAL_NUMBER_ITEMS_LIST_DESC"
+				label="JGLOBAL_NUMBER_ITEMS_LIST_LABEL">
+				<option value="1">1</option>
+				<option value="2">2</option>
+				<option value="3">3</option>
+				<option value="4">4</option>
+				<option value="5">5</option>
+				<option value="6">6</option>
+				<option value="7">7</option>
+				<option value="8">8</option>
+				<option value="9">9</option>
+				<option value="10">10</option>
+				<option value="11">11</option>
+				<option value="12">12</option>
+				<option value="13">13</option>
+				<option value="14">14</option>
+				<option value="15">15</option>
+				<option value="16">16</option>
+				<option value="17">17</option>
+				<option value="18">18</option>
+				<option value="19">19</option>
+				<option value="20">20</option>
+				<option value="21">21</option>
+				<option value="22">22</option>
+				<option value="23">23</option>
+				<option value="24">24</option>
+				<option value="25">25</option>
+				<option value="26">26</option>
+				<option value="27">27</option>
+				<option value="28">28</option>
+				<option value="29">29</option>
+				<option value="30">30</option>
+				<option value="50">50</option>
+				<option value="100">100</option>
+				<option value="0">JALL</option>
+		</field>
+		<field name="orderCol"
+			description="COM_JSN_ORDERCOL_DESC"
+			label="COM_JSN_ORDERCOL"
+			default="name"
+			type="parent"
+			level="2"
+			table="jsn_fields"
+			where="a.type NOT LIKE 'password' AND a.type NOT LIKE 'delimeter' AND a.type NOT LIKE 'image' AND a.type NOT LIKE 'filetype'"
+			field_id="alias"
+			>
+			<option value="name">COM_JSN_FORMATNAME</option>
+			<option value="random">Random</option>
+		</field>
+		<field name="orderDir" type="list"
+			label="COM_JSN_ORDERDIR"
+			default="ASC"
+			description="COM_JSN_ORDERDIR_DESC">
+			<option value="ASC">COM_JSN_ORDERDIR_ASC</option>
+			<option value="DESC">COM_JSN_ORDERDIR_DESC</option>
+		</field>
+		<field name="orderCol1"
+			description="COM_JSN_ORDERCOL1_DESC"
+			label="COM_JSN_ORDERCOL1"
+			default=""
+			type="parent"
+			level="2"
+			table="jsn_fields"
+			where="a.type NOT LIKE 'password' AND a.type NOT LIKE 'delimeter' AND a.type NOT LIKE 'image' AND a.type NOT LIKE 'filetype'"
+			field_id="alias"
+			>
+			<option value="">JGLOBAL_SELECT_AN_OPTION</option>
+			<option value="name">COM_JSN_FORMATNAME</option>
+		</field>
+		<field name="orderDir1" type="list"
+			label="COM_JSN_ORDERDIR1"
+			default="ASC"
+			description="COM_JSN_ORDERDIR1_DESC">
+			<option value="ASC">COM_JSN_ORDERDIR_ASC</option>
+			<option value="DESC">COM_JSN_ORDERDIR_DESC</option>
+		</field>
+		<field name="orderCol2"
+			description="COM_JSN_ORDERCOL2_DESC"
+			label="COM_JSN_ORDERCOL2"
+			default=""
+			type="parent"
+			level="2"
+			table="jsn_fields"
+			where="a.type NOT LIKE 'password' AND a.type NOT LIKE 'delimeter' AND a.type NOT LIKE 'image' AND a.type NOT LIKE 'filetype'"
+			field_id="alias"
+			>
+			<option value="">JGLOBAL_SELECT_AN_OPTION</option>
+			<option value="name">COM_JSN_FORMATNAME</option>
+		</field>
+		<field name="orderDir2" type="list"
+			label="COM_JSN_ORDERDIR2"
+			default="ASC"
+			description="COM_JSN_ORDERDIR2_DESC">
+			<option value="ASC">COM_JSN_ORDERDIR_ASC</option>
+			<option value="DESC">COM_JSN_ORDERDIR_DESC</option>
+		</field>
+		<field name="where" type="text"
+			description="COM_JSN_SQLWHERE_DESC"
+			label="COM_JSN_SQLWHERE"
+			filter="raw"
+			default=""
+		/>	
+		
+		<field name="spacer_list1" hr="true" type="spacer"/>
+		<field
+			name="list_fields"
+			label="COM_JSN_LISTFIELDS"
+			description="COM_JSN_LISTFIELDS_DESC"
+			type="parent"
+			level="2"
+			table="jsn_fields"
+			where="a.type NOT LIKE 'password'"
+			field_id="alias"
+			multiple="true"
+			mini_img="1"
+			>
+			<option value="formatname">COM_JSN_FORMATNAME</option>
+			<option value="status">COM_JSN_STATUS</option>
+		</field>
+		<field name="show_titles" type="list"
+			description="COM_JSN_SHOWTITLES_DESC"
+			label="COM_JSN_SHOWTITLES"
+			size="3"
+			default="0"
+		>
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+	</fieldset>
+
+	<fieldset name="export_options" label="COM_JSN_LIST_EXPORT_OPTIONS">
+		<field name="export" type="list"
+			description="COM_JSN_EXPORT_FEATURE_DESC"
+			label="COM_JSN_EXPORT_FEATURE"
+			default="0"
+			disabled="true"
+		>	
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field name="export_list_fields"
+			description="COM_JSN_EXPORT_FIELDS_DESC"
+			label="COM_JSN_EXPORT_FIELDS"
+			default=""
+			type="parent"
+			level="2"
+			table="jsn_fields"
+			multiple="true"
+			where="a.type NOT LIKE 'delimeter'"
+			field_id="alias"
+			disabled="true"
+			>
+			<option value="">JGLOBAL_SELECT_AN_OPTION</option>
+			<option value="name">COM_JSN_FORMATNAME</option>
+		</field>
+		<field name="export_separator" type="text"
+			description="COM_JSN_EXPORT_SEPARATOR_DESC"
+			label="COM_JSN_EXPORT_SEPARATOR"
+			filter="raw"
+			default=";"
+			disabled="true"
+		/>
+	</fieldset>
+
+	</fields>
+</metadata>
diff --git a/deployed/jsn/components/com_jsn/views/list/tmpl/default_search.php b/deployed/jsn/components/com_jsn/views/list/tmpl/default_search.php
new file mode 100644
index 00000000..f6a58259
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/views/list/tmpl/default_search.php
@@ -0,0 +1,108 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+?>
+<form action="<?php echo JRoute::_('index.php?Itemid='.JFactory::getApplication()->input->get('Itemid',''),false); ?>" class="form-horizontal" method="get">
+<div class="well jsn_search">
+	<?php
+	$ids=$this->params->def('search_fields', array());
+	if(in_array('id', $ids)) :
+	?>
+		<div class="control-group">
+			<label class="control-label">ID</label>
+			<div class="controls">
+				<input type="text" placeholder="<?php echo JText::_('COM_JSN_SEARCHFOR'); ?> ID..." name="searchid" value="<?php echo JFactory::getApplication()->input->get('searchid',''); ?>"/>
+			</div>
+		</div>
+	<?php 
+	endif;
+	if(in_array('formatname', $ids)) :
+	?>
+		<div class="control-group">
+			<label class="control-label"><?php echo JText::_('COM_JSN_NAME'); ?></label>
+			<div class="controls">
+				<input type="text" placeholder="<?php echo JText::_('COM_JSN_SEARCHFOR').' '.JText::_('COM_JSN_NAME'); ?>..." name="name" value="<?php echo JFactory::getApplication()->input->get('name','','raw'); ?>"/>
+			</div>
+		</div>
+	<?php 
+	endif;
+	
+	$db = JFactory::getDBO();
+	$query = $db->getQuery(true);
+	$query->select('a.*')->from('#__jsn_fields AS a')->where('a.level = 2')->where('a.search = 1')->where('a.published = 1')->order($db->escape('a.lft') . ' ASC');
+	$db->setQuery( $query );
+	$fields = $db->loadObjectList('id');
+	
+	foreach (glob(JPATH_ADMINISTRATOR . '/components/com_jsn/helpers/fields/*.php') as $filename) {
+		require_once $filename;
+	}
+	
+	foreach($ids as $id)
+	{
+		if($id!='formatname' && isset($fields[$id])){
+			$registry = new JRegistry;
+			$registry->loadString($fields[$id]->params);
+			$fields[$id]->params = $registry;
+
+			$class='Jsn'.ucfirst($fields[$id]->type).'FieldHelper';
+			
+			if($fields[$id]->params->get('titlesearch','')!='') $fields[$id]->title=$fields[$id]->params->get('titlesearch','');
+			
+			?>
+				<div class="control-group">
+					<label class="control-label"><?php echo JText::_($fields[$id]->title); ?></label>
+					<div class="controls">
+			<?php
+			if(class_exists($class)) echo $class::getSearchInput($fields[$id]);
+			?>
+					</div>
+				</div>
+			<?php
+		}
+	}
+	?>
+	
+	<?php
+	if(in_array('status', $ids)) :
+	?>
+		<div class="control-group">
+			<div class="controls">
+				<fieldset class="checkboxes" id="jform_corestatus">
+					<label class="checkbox inline"><input type="checkbox" name="status" value="1" <?php if(JFactory::getApplication()->input->get('status','')!='') echo "checked=checked"; ?> /><b>OnLine</b></label>
+				</fieldset>
+			</div>
+		</div>
+	<?php 
+	endif;
+	?>
+	
+	<input type="submit" class="btn btn-primary jsn_search_btn" value="<?php echo JText::_('COM_JSN_SEARCH'); ?>" />
+	<input type="hidden" name="search" value="1"/>
+	<?php echo JHtml::_('form.token'); ?>
+	
+</div>
+</form>
+<script>
+jQuery(document).ready(function($){
+	if( $('div.jsn_search').parent().width() < 500 ) {
+		$('div.jsn_search').closest('form').removeClass('form-horizontal');
+	}
+	$(window).resize(function(){
+		if( $('div.jsn_search').parent().width() < 500 ) {
+			$('div.jsn_search').closest('form').removeClass('form-horizontal');
+		}
+		else{
+			$('div.jsn_search').closest('form').addClass('form-horizontal');
+		}
+	});
+});
+</script>
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/views/list/tmpl/default_user.php b/deployed/jsn/components/com_jsn/views/list/tmpl/default_user.php
new file mode 100644
index 00000000..ac60f5c9
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/views/list/tmpl/default_user.php
@@ -0,0 +1,57 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+?>
+
+<div class="jsn-l-w<?php echo $this->span; ?> jsn-l profile<?php echo substr(md5($this->user->username),0,10) ?>">
+
+	<!-- Top Container -->
+	<div class="jsn-l-top <?php echo ($this->config->get('avatar',1) ? 'jsn-l-top-a' : ''); ?>">
+
+		<!-- Avatar Container -->
+		<?php
+			if($this->config->get('avatar',1)) :
+		?> 
+			<div class="jsn-l-avatar">
+				<a href="<?php echo $this->user->getLink($this->url_options); ?>">
+				<?php
+					echo $this->user->getField('avatar_mini');
+				?>
+				</a>
+			</div>
+		<?php
+			endif;
+		?>
+
+		<!-- Title Container -->
+		<div class="jsn-l-title">
+			<h3>
+				<a href="<?php echo $this->user->getLink($this->url_options); ?>">
+				<?php echo $this->user->getField('formatname'); ?>
+				</a>
+			</h3>
+
+			<?php if($this->config->get('status',1)) : ?>	
+				<?php echo $this->user->getField('status'); ?>
+			<?php endif; ?>
+		</div>
+
+		<div class="jsn-l-fields">
+			<?php 
+			$fields=$this->params->def('list_fields', array());
+			if(is_array($fields)) foreach($fields as $field) : ?>
+				<?php $value=$this->user->getField($field,true); if(!empty($value)) : ?>
+				<div class="<?php echo $field ?>"><?php if($this->params->def('show_titles', 0)) : ?><span class="jsn-l-field-title"><?php echo JText::_($this->fields_title[$field]['title']); ?>: </span><?php endif; ?><span class="jsn-l-field-value"><?php  echo $value; ?></span></div>
+				<?php endif; ?>
+			<?php endforeach; ?>
+		</div>	
+	</div>
+</div>
diff --git a/deployed/jsn/components/com_jsn/views/list/tmpl/table.php b/deployed/jsn/components/com_jsn/views/list/tmpl/table.php
new file mode 100644
index 00000000..3a893886
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/views/list/tmpl/table.php
@@ -0,0 +1,154 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+$dispatcher	= JEventDispatcher::getInstance();
+
+?>
+
+<?php 
+echo(implode(' ',$dispatcher->trigger('renderBeforeList',array($this->items,$this->config))));
+?>
+
+<div class="jsn_list">
+<?php if ($this->params->get('show_page_heading')) : ?>
+	<div class="page-header">
+		<h2><?php echo $this->params->get('page_heading'); ?></h2>
+	</div>
+<?php endif; ?>
+<?php
+
+if ($this->params->def('search_enabled', 0) && !(JFactory::getApplication()->input->get('search','0') && $this->params->def('search_hideform', 0)))
+{
+	echo $this->loadTemplate('search');
+}
+?>
+<div id="jsn_listresult">
+<?php 
+echo(implode(' ',$dispatcher->trigger('renderBeforeResultList',array($this->items,$this->config))));
+?>
+<?php
+if(count($this->items)>0 && !($this->params->def('search_enabled',0) && !$this->params->def('search_showuser',0) && !JFactory::getApplication()->input->get('search',0)))
+{
+	if($this->params->def('export', 0))
+	{
+		$url = JUri::getInstance()->toString();
+		$uri = new JUri($url);
+		$uri->setVar('start',0);
+		$uri->setVar('limit',0);
+		$uri->setVar('layout','export');
+		$uri->setVar('format','raw');
+		?>
+			<div class="pull-right jsn-export"><a target="_blank" href="<?php echo $uri->toString(); ?>" class="btn"><i class="jsn-icon jsn-icon-share"></i> <?php echo JText::_('COM_JSN_EXPORT'); ?></a></div>
+		<?php
+	}
+	if($this->params->def('show_total', 1))
+	{
+		echo('<div class="jsn-total"><span class="label label-warning">'.$this->pagination->total.' '.JText::_('COM_JSN_MEMBERS').'</span></div>');
+	}
+}
+if(count($this->items)==0)
+{
+	?>
+	<div class="alert alert-warning">
+	<?php echo(JText::_('COM_JSN_NORESULT')); ?>
+	</div>
+	<?php
+}
+
+?>
+
+
+<?php // Add pagination links ?>
+<?php //if (!empty($this->items)) : ?>
+	<?php if (($this->params->def('show_pagination', 1)==2 || $this->params->def('show_pagination', 1)==3) && $this->pagination->pagesTotal > 1) : ?>
+	<div class="pagination" style="clear:both">
+
+		
+
+		<?php echo $this->pagination->getPagesLinks(); ?>
+
+		<?php if ($this->params->def('show_pagination_results', 1)) : ?>
+			<p class="counter">
+				<?php echo $this->pagination->getPagesCounter(); ?>
+			</p>
+		<?php endif; ?>
+	</div>
+	<?php endif; ?>
+<?php  //endif; ?>
+
+
+<?php if(is_array($this->items) && count($this->items)) : ?>
+<style>
+ .listusers img{width:40px;}
+ .listusers .name,.listusers .formatname{font-weight:bold;}
+</style>
+
+<table class="table table-striped listusers">	
+
+<?php
+	// Table Header
+	if(($this->params->def('col1_enable', 0) && $this->params->def('col1_header', '')) || ($this->params->def('col2_enable', 0) && $this->params->def('col2_header', '')) ||  ($this->params->def('col3_enable', 0) && $this->params->def('col3_header', '')) || ($this->params->def('col4_enable', 0) && $this->params->def('col4_header', '')) || ($this->params->def('col5_enable', 0) && $this->params->def('col5_header', '')) || ($this->params->def('col6_enable', 0) && $this->params->def('col6_header', '')))
+	{
+		echo('<tr>');
+		if($this->params->def('col1_enable', 0)) echo('<th>'.JText::_($this->params->def('col1_header', '')).'</th>');
+		if($this->params->def('col2_enable', 0)) echo('<th>'.JText::_($this->params->def('col2_header', '')).'</th>');
+		if($this->params->def('col3_enable', 0)) echo('<th>'.JText::_($this->params->def('col3_header', '')).'</th>');
+		if($this->params->def('col4_enable', 0)) echo('<th>'.JText::_($this->params->def('col4_header', '')).'</th>');
+		if($this->params->def('col5_enable', 0)) echo('<th>'.JText::_($this->params->def('col5_header', '')).'</th>');
+		if($this->params->def('col6_enable', 0)) echo('<th>'.JText::_($this->params->def('col6_header', '')).'</th>');
+		echo('</tr>');
+	}
+?>
+
+<?php
+
+$this->url_options = array();
+$this->url_options['Itemid'] = $this->params->def('profile_menuid', '');
+if($this->params->def('profile_back', 1)) $this->url_options['back'] = 1;
+
+global $JSNLIST_DISPLAYED_ID;
+if(is_array($this->items)) foreach($this->items as $item)
+{
+	$JSNLIST_DISPLAYED_ID=$item->id;
+	$this->user = JsnHelper::getUser($item->id);
+	echo $this->loadTemplate('user');
+}
+$JSNLIST_DISPLAYED_ID=false;
+?>
+
+</table>
+<?php endif; ?>
+
+<?php // Add pagination links ?>
+<?php //if (!empty($this->items)) : ?>
+	<?php if (($this->params->def('show_pagination', 1)==1 || $this->params->def('show_pagination', 1)==3) && $this->pagination->pagesTotal > 1) : ?>
+	<div class="pagination" style="clear:both">
+
+		<?php if ($this->params->def('show_pagination_results', 1)) : ?>
+			<p class="counter">
+				<?php echo $this->pagination->getPagesCounter(); ?>
+			</p>
+		<?php endif; ?>
+
+		<?php echo $this->pagination->getPagesLinks(); ?>
+	</div>
+	<?php endif; ?>
+<?php  //endif; ?>
+<?php 
+echo(implode(' ',$dispatcher->trigger('renderAfterResultList',array($this->items,$this->config))));
+?>
+</div>
+
+</div>
+
+<?php 
+echo(implode(' ',$dispatcher->trigger('renderAfterList',array($this->items,$this->config))));
+?>
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/views/list/tmpl/table.xml b/deployed/jsn/components/com_jsn/views/list/tmpl/table.xml
new file mode 100644
index 00000000..6cd66954
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/views/list/tmpl/table.xml
@@ -0,0 +1,445 @@
+<?xml version="1.0" encoding="utf-8"?>
+<metadata>
+	<layout title="COM_JSN_USERLIST_TABLE">
+		<message>
+			<![CDATA[COM_JSN_USERLIST_DESC_TABLE]]>
+		</message>
+	</layout>
+	<fields name="params">
+		<fieldset name="basic" label="COM_JSN_SEARCH" addfieldpath="/administrator/components/com_jsn/models/fields">
+			<field name="search_enabled" type="list"
+				description="COM_JSN_SEARCHENABLED_DESC"
+				label="COM_JSN_SEARCHENABLED"
+				default="0"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field
+				name="search_fields"
+				showon="search_enabled:1"
+				label="COM_JSN_SEARCHFIELDS"
+				description="COM_JSN_SEARCHFIELDS_DESC"
+				type="parent"
+				level="2"
+				table="jsn_fields"
+				where="a.search=1 AND a.type NOT LIKE 'password' AND a.type NOT LIKE 'delimeter' AND a.type NOT LIKE 'image' AND a.type NOT LIKE 'filetype'"
+				field="id"
+				multiple="true"
+				>
+				<option value="id">ID</option>
+				<option value="formatname">COM_JSN_FORMATNAME</option>
+				<option value="status">COM_JSN_STATUS</option>
+			</field>
+			<field name="search_hideform" type="list"
+				showon="search_enabled:1"
+				description="COM_JSN_SEARCHHIDEFORM_DESC"
+				label="COM_JSN_SEARCHHIDEFORM"
+				default="0"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field name="search_noempty" type="list"
+				description="COM_JSN_NOEMPTYSEARCH_DESC"
+				label="COM_JSN_NOEMPTYSEARCH"
+				default="0"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+			<field name="search_showuser" type="list"
+				description="COM_JSN_SEARCHSHOWUSER_DESC"
+				label="COM_JSN_SEARCHSHOWUSER"
+				default="0"
+			>
+				<option value="0">JNO</option>
+				<option value="1">JYES</option>
+			</field>
+		</fieldset>
+	<fieldset name="advanced" label="COM_JSN_TABLE_LAYOUT_OPTIONS">
+		<field name="ajax_feature" type="list"
+			description="COM_JSN_AJAX_FEATURE_DESC"
+			label="COM_JSN_AJAX_FEATURE"
+			default="0"
+			disabled="true"
+		>	
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field name="show_total" type="list"
+			description="COM_JSN_SHOWTOTAL_DESC"
+			label="COM_JSN_SHOWTOTAL"
+			default="1"
+		>	
+			<option value="0">JHIDE</option>
+			<option value="1">JSHOW</option>
+		</field>
+		<field name="show_pagination" type="list"
+			description="JGLOBAL_PAGINATION_DESC"
+			label="JGLOBAL_PAGINATION_LABEL"
+			default="1"
+		>
+			<option value="0">JHIDE</option>
+			<option value="1">COM_JSN_SHOW_BOTTOM</option>
+			<option value="2">COM_JSN_SHOW_TOP</option>
+			<option value="3">COM_JSN_SHOW_BOTH</option>
+		</field>
+		<field name="show_pagination_results" type="list"
+			label="JGLOBAL_PAGINATION_RESULTS_LABEL"
+			default="1"
+			description="JGLOBAL_PAGINATION_RESULTS_DESC">
+
+			
+			<option value="0">JHIDE</option>
+			<option value="1">JSHOW</option>
+		</field>
+		<field name="display_num" type="list"
+				default="10"
+				description="JGLOBAL_NUMBER_ITEMS_LIST_DESC"
+				label="JGLOBAL_NUMBER_ITEMS_LIST_LABEL">
+				<option value="1">1</option>
+				<option value="2">2</option>
+				<option value="3">3</option>
+				<option value="4">4</option>
+				<option value="5">5</option>
+				<option value="6">6</option>
+				<option value="7">7</option>
+				<option value="8">8</option>
+				<option value="9">9</option>
+				<option value="10">10</option>
+				<option value="11">11</option>
+				<option value="12">12</option>
+				<option value="13">13</option>
+				<option value="14">14</option>
+				<option value="15">15</option>
+				<option value="16">16</option>
+				<option value="17">17</option>
+				<option value="18">18</option>
+				<option value="19">19</option>
+				<option value="20">20</option>
+				<option value="21">21</option>
+				<option value="22">22</option>
+				<option value="23">23</option>
+				<option value="24">24</option>
+				<option value="25">25</option>
+				<option value="26">26</option>
+				<option value="27">27</option>
+				<option value="28">28</option>
+				<option value="29">29</option>
+				<option value="30">30</option>
+				<option value="50">50</option>
+				<option value="100">100</option>
+				<option value="0">JALL</option>
+		</field>
+		<field name="orderCol"
+			description="COM_JSN_ORDERCOL_DESC"
+			label="COM_JSN_ORDERCOL"
+			default="name"
+			type="parent"
+			level="2"
+			table="jsn_fields"
+			where="a.type NOT LIKE 'password' AND a.type NOT LIKE 'delimeter' AND a.type NOT LIKE 'image' AND a.type NOT LIKE 'filetype'"
+			field_id="alias"
+			>
+			<option value="name">COM_JSN_FORMATNAME</option>
+			<option value="random">Random</option>
+		</field>
+		<field name="orderDir" type="list"
+			label="COM_JSN_ORDERDIR"
+			default="ASC"
+			description="COM_JSN_ORDERDIR_DESC">
+			<option value="ASC">COM_JSN_ORDERDIR_ASC</option>
+			<option value="DESC">COM_JSN_ORDERDIR_DESC</option>
+		</field>
+		<field name="orderCol1"
+			description="COM_JSN_ORDERCOL1_DESC"
+			label="COM_JSN_ORDERCOL1"
+			default=""
+			type="parent"
+			level="2"
+			table="jsn_fields"
+			where="a.type NOT LIKE 'password' AND a.type NOT LIKE 'delimeter' AND a.type NOT LIKE 'image' AND a.type NOT LIKE 'filetype'"
+			field_id="alias"
+			>
+			<option value="">JGLOBAL_SELECT_AN_OPTION</option>
+			<option value="name">COM_JSN_FORMATNAME</option>
+		</field>
+		<field name="orderDir1" type="list"
+			label="COM_JSN_ORDERDIR1"
+			default="ASC"
+			description="COM_JSN_ORDERDIR1_DESC">
+			<option value="ASC">COM_JSN_ORDERDIR_ASC</option>
+			<option value="DESC">COM_JSN_ORDERDIR_DESC</option>
+		</field>
+		<field name="orderCol2"
+			description="COM_JSN_ORDERCOL2_DESC"
+			label="COM_JSN_ORDERCOL2"
+			default=""
+			type="parent"
+			level="2"
+			table="jsn_fields"
+			where="a.type NOT LIKE 'password' AND a.type NOT LIKE 'delimeter' AND a.type NOT LIKE 'image' AND a.type NOT LIKE 'filetype'"
+			field_id="alias"
+			>
+			<option value="">JGLOBAL_SELECT_AN_OPTION</option>
+			<option value="name">COM_JSN_FORMATNAME</option>
+		</field>
+		<field name="orderDir2" type="list"
+			label="COM_JSN_ORDERDIR2"
+			default="ASC"
+			description="COM_JSN_ORDERDIR2_DESC">
+			<option value="ASC">COM_JSN_ORDERDIR_ASC</option>
+			<option value="DESC">COM_JSN_ORDERDIR_DESC</option>
+		</field>
+		<field name="where" type="text"
+			description="COM_JSN_SQLWHERE_DESC"
+			label="COM_JSN_SQLWHERE"
+			filter="raw"
+			default=""
+		/>
+		<field name="where" type="text"
+			description="COM_JSN_SQLWHERE_DESC"
+			label="COM_JSN_SQLWHERE"
+			filter="raw"
+			default=""
+		/>
+		
+		
+		<field name="spacer_table1" hr="true" type="spacer"/>
+		
+		
+		<field name="col1_enable" type="radio" class="btn-group"
+			description="COM_JSN_TABLECOL1_ENABLE_DESC"
+			label="COM_JSN_TABLECOL1_ENABLE"
+			default="1"
+		>	
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field name="col1_header" type="text"
+			description="COM_JSN_TABLECOL1_HEADER_DESC"
+			label="COM_JSN_TABLECOL1_HEADER"
+			default="AVATAR"
+		/>
+		<field name="col1_fields"
+			description="COM_JSN_TABLECOL1_FIELDS_DESC"
+			label="COM_JSN_TABLECOL1_FIELDS"
+			default="avatar_mini"
+			type="parent"
+			level="2"
+			table="jsn_fields"
+			where="a.type NOT LIKE 'password'"
+			field_id="alias"
+			multiple="true"
+			mini_img="1"
+			>
+			<option value="formatname">COM_JSN_FORMATNAME</option>
+			<option value="status">COM_JSN_STATUS</option>
+		</field>
+		
+		
+		
+		
+		<field name="spacer_table2" hr="true" type="spacer"/>
+		
+		
+		<field name="col2_enable" type="radio" class="btn-group"
+			description="COM_JSN_TABLECOL2_ENABLE_DESC"
+			label="COM_JSN_TABLECOL2_ENABLE"
+			default="1"
+		>	
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field name="col2_header" type="text"
+			description="COM_JSN_TABLECOL2_HEADER_DESC"
+			label="COM_JSN_TABLECOL2_HEADER"
+			default="NAME"
+		/>
+		<field name="col2_fields"
+			description="COM_JSN_TABLECOL2_FIELDS_DESC"
+			label="COM_JSN_TABLECOL2_FIELDS"
+			default="formatname"
+			type="parent"
+			level="2"
+			table="jsn_fields"
+			where="a.type NOT LIKE 'password'"
+			field_id="alias"
+			multiple="true"
+			mini_img="1"
+			>
+			<option value="formatname">COM_JSN_FORMATNAME</option>
+			<option value="status">COM_JSN_STATUS</option>
+		</field>
+		
+		
+		
+		<field name="spacer_table3" hr="true" type="spacer"/>
+		
+		
+		<field name="col3_enable" type="radio" class="btn-group"
+			description="COM_JSN_TABLECOL3_ENABLE_DESC"
+			label="COM_JSN_TABLECOL3_ENABLE"
+			default="1"
+		>	
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field name="col3_header" type="text"
+			description="COM_JSN_TABLECOL3_HEADER_DESC"
+			label="COM_JSN_TABLECOL3_HEADER"
+			default="STATUS"
+		/>
+		<field name="col3_fields"
+			description="COM_JSN_TABLECOL3_FIELDS_DESC"
+			label="COM_JSN_TABLECOL3_FIELDS"
+			default="status"
+			type="parent"
+			level="2"
+			table="jsn_fields"
+			where="a.type NOT LIKE 'password'"
+			field_id="alias"
+			multiple="true"
+			mini_img="1"
+			>
+			<option value="formatname">COM_JSN_FORMATNAME</option>
+			<option value="status">COM_JSN_STATUS</option>
+		</field>
+		
+		
+		
+		<field name="spacer_table4" hr="true" type="spacer"/>
+		
+		
+		<field name="col4_enable" type="radio" class="btn-group"
+			description="COM_JSN_TABLECOL4_ENABLE_DESC"
+			label="COM_JSN_TABLECOL4_ENABLE"
+			default="0"
+		>	
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field name="col4_header" type="text"
+			description="COM_JSN_TABLECOL4_HEADER_DESC"
+			label="COM_JSN_TABLECOL4_HEADER"
+			default=""
+		/>
+		<field name="col4_fields"
+			description="COM_JSN_TABLECOL4_FIELDS_DESC"
+			label="COM_JSN_TABLECOL4_FIELDS"
+			default=""
+			type="parent"
+			level="2"
+			table="jsn_fields"
+			where="a.type NOT LIKE 'password'"
+			field_id="alias"
+			multiple="true"
+			mini_img="1"
+			>
+			<option value="formatname">COM_JSN_FORMATNAME</option>
+			<option value="status">COM_JSN_STATUS</option>
+		</field>
+		
+		<field name="spacer_table5" hr="true" type="spacer"/>
+		
+		
+		<field name="col5_enable" type="radio" class="btn-group"
+			description="COM_JSN_TABLECOL5_ENABLE_DESC"
+			label="COM_JSN_TABLECOL5_ENABLE"
+			default="0"
+		>	
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field name="col5_header" type="text"
+			description="COM_JSN_TABLECOL5_HEADER_DESC"
+			label="COM_JSN_TABLECOL5_HEADER"
+			default=""
+		/>
+		<field name="col5_fields"
+			description="COM_JSN_TABLECOL5_FIELDS_DESC"
+			label="COM_JSN_TABLECOL5_FIELDS"
+			default=""
+			type="parent"
+			level="2"
+			table="jsn_fields"
+			where="a.type NOT LIKE 'password'"
+			field_id="alias"
+			multiple="true"
+			mini_img="1"
+			>
+			<option value="formatname">COM_JSN_FORMATNAME</option>
+			<option value="status">COM_JSN_STATUS</option>
+		</field>
+		
+		<field name="spacer_table6" hr="true" type="spacer"/>
+		
+		
+		<field name="col6_enable" type="radio" class="btn-group"
+			description="COM_JSN_TABLECOL6_ENABLE_DESC"
+			label="COM_JSN_TABLECOL6_ENABLE"
+			default="0"
+		>	
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field name="col6_header" type="text"
+			description="COM_JSN_TABLECOL6_HEADER_DESC"
+			label="COM_JSN_TABLECOL6_HEADER"
+			default=""
+		/>
+		<field name="col6_fields"
+			description="COM_JSN_TABLECOL6_FIELDS_DESC"
+			label="COM_JSN_TABLECOL6_FIELDS"
+			default=""
+			type="parent"
+			level="2"
+			table="jsn_fields"
+			where="a.type NOT LIKE 'password'"
+			field_id="alias"
+			multiple="true"
+			mini_img="1"
+			>
+			<option value="formatname">COM_JSN_FORMATNAME</option>
+			<option value="status">COM_JSN_STATUS</option>
+		</field>
+			
+	</fieldset>
+
+	<fieldset name="export_options" label="COM_JSN_LIST_EXPORT_OPTIONS">
+		<field name="export" type="list"
+			description="COM_JSN_EXPORT_FEATURE_DESC"
+			label="COM_JSN_EXPORT_FEATURE"
+			default="0"
+			disabled="true"
+		>	
+			<option value="0">JNO</option>
+			<option value="1">JYES</option>
+		</field>
+		<field name="export_list_fields"
+			description="COM_JSN_EXPORT_FIELDS_DESC"
+			label="COM_JSN_EXPORT_FIELDS"
+			default=""
+			type="parent"
+			level="2"
+			table="jsn_fields"
+			multiple="true"
+			where="a.type NOT LIKE 'delimeter'"
+			field_id="alias"
+			disabled="true"
+			>
+			<option value="">JGLOBAL_SELECT_AN_OPTION</option>
+			<option value="name">COM_JSN_FORMATNAME</option>
+		</field>
+		<field name="export_separator" type="text"
+			description="COM_JSN_EXPORT_SEPARATOR_DESC"
+			label="COM_JSN_EXPORT_SEPARATOR"
+			filter="raw"
+			default=";"
+			disabled="true"
+		/>
+	</fieldset>
+	
+	</fields>
+</metadata>
diff --git a/deployed/jsn/components/com_jsn/views/list/tmpl/table_search.php b/deployed/jsn/components/com_jsn/views/list/tmpl/table_search.php
new file mode 100644
index 00000000..f6a58259
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/views/list/tmpl/table_search.php
@@ -0,0 +1,108 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+?>
+<form action="<?php echo JRoute::_('index.php?Itemid='.JFactory::getApplication()->input->get('Itemid',''),false); ?>" class="form-horizontal" method="get">
+<div class="well jsn_search">
+	<?php
+	$ids=$this->params->def('search_fields', array());
+	if(in_array('id', $ids)) :
+	?>
+		<div class="control-group">
+			<label class="control-label">ID</label>
+			<div class="controls">
+				<input type="text" placeholder="<?php echo JText::_('COM_JSN_SEARCHFOR'); ?> ID..." name="searchid" value="<?php echo JFactory::getApplication()->input->get('searchid',''); ?>"/>
+			</div>
+		</div>
+	<?php 
+	endif;
+	if(in_array('formatname', $ids)) :
+	?>
+		<div class="control-group">
+			<label class="control-label"><?php echo JText::_('COM_JSN_NAME'); ?></label>
+			<div class="controls">
+				<input type="text" placeholder="<?php echo JText::_('COM_JSN_SEARCHFOR').' '.JText::_('COM_JSN_NAME'); ?>..." name="name" value="<?php echo JFactory::getApplication()->input->get('name','','raw'); ?>"/>
+			</div>
+		</div>
+	<?php 
+	endif;
+	
+	$db = JFactory::getDBO();
+	$query = $db->getQuery(true);
+	$query->select('a.*')->from('#__jsn_fields AS a')->where('a.level = 2')->where('a.search = 1')->where('a.published = 1')->order($db->escape('a.lft') . ' ASC');
+	$db->setQuery( $query );
+	$fields = $db->loadObjectList('id');
+	
+	foreach (glob(JPATH_ADMINISTRATOR . '/components/com_jsn/helpers/fields/*.php') as $filename) {
+		require_once $filename;
+	}
+	
+	foreach($ids as $id)
+	{
+		if($id!='formatname' && isset($fields[$id])){
+			$registry = new JRegistry;
+			$registry->loadString($fields[$id]->params);
+			$fields[$id]->params = $registry;
+
+			$class='Jsn'.ucfirst($fields[$id]->type).'FieldHelper';
+			
+			if($fields[$id]->params->get('titlesearch','')!='') $fields[$id]->title=$fields[$id]->params->get('titlesearch','');
+			
+			?>
+				<div class="control-group">
+					<label class="control-label"><?php echo JText::_($fields[$id]->title); ?></label>
+					<div class="controls">
+			<?php
+			if(class_exists($class)) echo $class::getSearchInput($fields[$id]);
+			?>
+					</div>
+				</div>
+			<?php
+		}
+	}
+	?>
+	
+	<?php
+	if(in_array('status', $ids)) :
+	?>
+		<div class="control-group">
+			<div class="controls">
+				<fieldset class="checkboxes" id="jform_corestatus">
+					<label class="checkbox inline"><input type="checkbox" name="status" value="1" <?php if(JFactory::getApplication()->input->get('status','')!='') echo "checked=checked"; ?> /><b>OnLine</b></label>
+				</fieldset>
+			</div>
+		</div>
+	<?php 
+	endif;
+	?>
+	
+	<input type="submit" class="btn btn-primary jsn_search_btn" value="<?php echo JText::_('COM_JSN_SEARCH'); ?>" />
+	<input type="hidden" name="search" value="1"/>
+	<?php echo JHtml::_('form.token'); ?>
+	
+</div>
+</form>
+<script>
+jQuery(document).ready(function($){
+	if( $('div.jsn_search').parent().width() < 500 ) {
+		$('div.jsn_search').closest('form').removeClass('form-horizontal');
+	}
+	$(window).resize(function(){
+		if( $('div.jsn_search').parent().width() < 500 ) {
+			$('div.jsn_search').closest('form').removeClass('form-horizontal');
+		}
+		else{
+			$('div.jsn_search').closest('form').addClass('form-horizontal');
+		}
+	});
+});
+</script>
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/views/list/tmpl/table_user.php b/deployed/jsn/components/com_jsn/views/list/tmpl/table_user.php
new file mode 100644
index 00000000..b0d7265c
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/views/list/tmpl/table_user.php
@@ -0,0 +1,137 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+$field_link=array('name','formatname','firstname','lastname','avatar','avatar_mini','username');
+
+?>
+<tr class="profile<?php echo substr(md5($this->user->username),0,10) ?>">
+<?php if($this->params->def('col1_enable', 0)) : 
+	$fields=$this->params->def('col1_fields', array());
+?>
+<td>
+
+	
+		<?php if(is_array($fields)) foreach($fields as $field) : ?>
+			
+				<div class="<?php echo $field ?>">
+					
+				<?php if(in_array($field,$field_link)) : ?><a href="<?php echo $this->user->getLink($this->url_options); ?>"><?php endif; ?>
+					<?php  echo $this->user->getField($field,true); ?>
+				<?php if(in_array($field,$field_link)) : ?></a><?php endif; ?>
+					
+				</div>
+			
+		<?php endforeach; ?>
+
+
+</td>
+<?php endif; ?>
+
+<?php if($this->params->def('col2_enable', 0)) : 
+	$fields=$this->params->def('col2_fields', array());
+?>
+<td>
+
+	<?php if(is_array($fields)) foreach($fields as $field) : ?>
+		
+			<div class="<?php echo $field ?>">
+				
+			<?php if(in_array($field,$field_link)) : ?><a href="<?php echo $this->user->getLink($this->url_options); ?>"><?php endif; ?>
+				<?php  echo $this->user->getField($field,true); ?>
+			<?php if(in_array($field,$field_link)) : ?></a><?php endif; ?>
+				
+			</div>
+		
+	<?php endforeach; ?>
+
+</td>
+<?php endif; ?>
+
+<?php if($this->params->def('col3_enable', 0)) : 
+	$fields=$this->params->def('col3_fields', array());
+?>
+<td>
+
+	<?php if(is_array($fields)) foreach($fields as $field) : ?>
+		
+			<div class="<?php echo $field ?>">
+				
+			<?php if(in_array($field,$field_link)) : ?><a href="<?php echo $this->user->getLink($this->url_options); ?>"><?php endif; ?>
+				<?php  echo $this->user->getField($field,true); ?>
+			<?php if(in_array($field,$field_link)) : ?></a><?php endif; ?>
+				
+			</div>
+		
+	<?php endforeach; ?>
+
+</td>
+<?php endif; ?>
+
+<?php if($this->params->def('col4_enable', 0)) : 
+	$fields=$this->params->def('col4_fields', array());
+?>
+<td>
+
+	<?php if(is_array($fields)) foreach($fields as $field) : ?>
+		
+			<div class="<?php echo $field ?>">
+				
+			<?php if(in_array($field,$field_link)) : ?><a href="<?php echo $this->user->getLink($this->url_options); ?>"><?php endif; ?>
+				<?php  echo $this->user->getField($field,true); ?>
+			<?php if(in_array($field,$field_link)) : ?></a><?php endif; ?>
+				
+			</div>
+		
+	<?php endforeach; ?>
+
+</td>
+<?php endif; ?>
+
+<?php if($this->params->def('col5_enable', 0)) : 
+	$fields=$this->params->def('col5_fields', array());
+?>
+<td>
+
+	<?php if(is_array($fields)) foreach($fields as $field) : ?>
+		
+			<div class="<?php echo $field ?>">
+				
+			<?php if(in_array($field,$field_link)) : ?><a href="<?php echo $this->user->getLink($this->url_options); ?>"><?php endif; ?>
+				<?php  echo $this->user->getField($field,true); ?>
+			<?php if(in_array($field,$field_link)) : ?></a><?php endif; ?>
+				
+			</div>
+		
+	<?php endforeach; ?>
+
+</td>
+<?php endif; ?>
+
+<?php if($this->params->def('col6_enable', 0)) : 
+	$fields=$this->params->def('col6_fields', array());
+?>
+<td>
+
+	<?php if(is_array($fields)) foreach($fields as $field) : ?>
+		
+			<div class="<?php echo $field ?>">
+				
+			<?php if(in_array($field,$field_link)) : ?><a href="<?php echo $this->user->getLink($this->url_options); ?>"><?php endif; ?>
+				<?php  echo $this->user->getField($field,true); ?>
+			<?php if(in_array($field,$field_link)) : ?></a><?php endif; ?>
+				
+			</div>
+		
+	<?php endforeach; ?>
+
+</td>
+<?php endif; ?>
+</tr>
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/views/list/view.html.php b/deployed/jsn/components/com_jsn/views/list/view.html.php
new file mode 100644
index 00000000..ab38c72a
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/views/list/view.html.php
@@ -0,0 +1,94 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnViewList extends JViewLegacy
+{
+	protected $state;
+	protected $items;
+	
+	public function display($tpl = null)
+	{
+		$state		= $this->get('State');
+		$this->items		= $this->get('Items');
+		$this->pagination = $this->get('Pagination');
+		$this->params		= $state->params;
+		$this->config		= JComponentHelper::getParams('com_jsn');
+		$db=JFactory::getDbo();
+		$query=$db->getQuery(true);
+		$query->select('alias,title')->from('#__jsn_fields');
+		$db->setQuery($query);
+		$this->fields_title=$db->loadAssocList('alias');
+		$this->fields_title['formatname']=array('alias'=>'formatname','title'=>'NAME');
+		
+		//$doc =& JFactory::getDocument();
+		//$doc->addStylesheet(JURI::root().'components/com_jsn/assets/css/style.css');
+		
+		$this->_prepareDocument();
+		
+		parent::display($tpl);
+	}
+	
+	protected function _prepareDocument()
+	{
+		$app		= JFactory::getApplication();
+		$menus		= $app->getMenu();
+		$pathway	= $app->getPathway();
+		$title		= null;
+
+		// Because the application sets a default page title,
+		// we need to get it from the menu item itself
+		$menu = $menus->getActive();
+
+		if ($menu)
+		{
+			$this->params->def('page_heading', $this->params->get('page_title', $menu->title));
+		}
+		else
+		{
+			$this->params->def('page_heading', JText::_('JGLOBAL_ARTICLES'));
+		}
+
+		$title = $this->params->get('page_title', '');
+		if (empty($title))
+		{
+			$title = $app->getCfg('sitename');
+		}
+		elseif ($app->getCfg('sitename_pagetitles', 0) == 1)
+		{
+			$title = JText::sprintf('JPAGETITLE', $app->getCfg('sitename'), $title);
+		}
+		elseif ($app->getCfg('sitename_pagetitles', 0) == 2)
+		{
+			$title = JText::sprintf('JPAGETITLE', $title, $app->getCfg('sitename'));
+		}
+
+		$this->document->setTitle($title);
+		
+		if ($this->params->get('menu-meta_description'))
+		{
+			$this->document->setDescription($this->params->get('menu-meta_description'));
+		}
+
+		if ($this->params->get('menu-meta_keywords'))
+		{
+			$this->document->setMetadata('keywords', $this->params->get('menu-meta_keywords'));
+		}
+
+		if ($this->params->get('robots'))
+		{
+			$this->document->setMetadata('robots', $this->params->get('robots'));
+		}
+
+	}
+}
+
+?>
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/views/list/view.raw.php b/deployed/jsn/components/com_jsn/views/list/view.raw.php
new file mode 100644
index 00000000..ab38c72a
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/views/list/view.raw.php
@@ -0,0 +1,94 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class JsnViewList extends JViewLegacy
+{
+	protected $state;
+	protected $items;
+	
+	public function display($tpl = null)
+	{
+		$state		= $this->get('State');
+		$this->items		= $this->get('Items');
+		$this->pagination = $this->get('Pagination');
+		$this->params		= $state->params;
+		$this->config		= JComponentHelper::getParams('com_jsn');
+		$db=JFactory::getDbo();
+		$query=$db->getQuery(true);
+		$query->select('alias,title')->from('#__jsn_fields');
+		$db->setQuery($query);
+		$this->fields_title=$db->loadAssocList('alias');
+		$this->fields_title['formatname']=array('alias'=>'formatname','title'=>'NAME');
+		
+		//$doc =& JFactory::getDocument();
+		//$doc->addStylesheet(JURI::root().'components/com_jsn/assets/css/style.css');
+		
+		$this->_prepareDocument();
+		
+		parent::display($tpl);
+	}
+	
+	protected function _prepareDocument()
+	{
+		$app		= JFactory::getApplication();
+		$menus		= $app->getMenu();
+		$pathway	= $app->getPathway();
+		$title		= null;
+
+		// Because the application sets a default page title,
+		// we need to get it from the menu item itself
+		$menu = $menus->getActive();
+
+		if ($menu)
+		{
+			$this->params->def('page_heading', $this->params->get('page_title', $menu->title));
+		}
+		else
+		{
+			$this->params->def('page_heading', JText::_('JGLOBAL_ARTICLES'));
+		}
+
+		$title = $this->params->get('page_title', '');
+		if (empty($title))
+		{
+			$title = $app->getCfg('sitename');
+		}
+		elseif ($app->getCfg('sitename_pagetitles', 0) == 1)
+		{
+			$title = JText::sprintf('JPAGETITLE', $app->getCfg('sitename'), $title);
+		}
+		elseif ($app->getCfg('sitename_pagetitles', 0) == 2)
+		{
+			$title = JText::sprintf('JPAGETITLE', $title, $app->getCfg('sitename'));
+		}
+
+		$this->document->setTitle($title);
+		
+		if ($this->params->get('menu-meta_description'))
+		{
+			$this->document->setDescription($this->params->get('menu-meta_description'));
+		}
+
+		if ($this->params->get('menu-meta_keywords'))
+		{
+			$this->document->setMetadata('keywords', $this->params->get('menu-meta_keywords'));
+		}
+
+		if ($this->params->get('robots'))
+		{
+			$this->document->setMetadata('robots', $this->params->get('robots'));
+		}
+
+	}
+}
+
+?>
\ No newline at end of file
diff --git a/deployed/jsn/components/com_jsn/views/profile/tmpl/default.php b/deployed/jsn/components/com_jsn/views/profile/tmpl/default.php
new file mode 100644
index 00000000..1acfc30e
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/views/profile/tmpl/default.php
@@ -0,0 +1,165 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+// Add Custom Fields
+//if(class_exists('FieldsHelper')) FieldsHelper::prepareForm('com_users.user', $this->form, $this->data);
+
+// Set Title
+$this->document->setTitle($this->document->title.' - '.JsnHelper::getFormatName($this->data));
+
+// Set Pathway
+JFactory::getApplication()->getPathway()->addItem(JsnHelper::getFormatName($this->data));
+
+// Load Events Dispatcher
+$dispatcher	= JEventDispatcher::getInstance();
+
+$this->user=JsnHelper::getUser($this->data->id);
+
+$avatar=$this->form->getField('avatar');
+
+?>
+<!-- Main Container -->
+<div class="jsn-p">
+
+	<?php 
+		echo(implode(' ',$dispatcher->trigger('renderBeforeProfile',array($this->data,$this->config))));
+	?>
+
+	<div class="jsn-p-opt">
+		<?php if (JFactory::getApplication()->input->get('back')=='1') : ?>
+				<?php if(JFactory::getUser()->id == $this->data->id) $other_id=''; else $other_id='&user_id='.$this->data->id; ?> 
+				<a class="btn btn-xs btn-default" href="#" onclick="window.history.back();return false;">
+						<i class="jsn-icon jsn-icon-share"></i> <?php echo JText::_('COM_JSN_BACK'); ?></a>
+		<?php endif; ?>
+		<?php if (JFactory::getUser()->id == $this->data->id || JFactory::getUser()->authorise('core.edit', 'com_users')) : ?>
+				<?php if(JFactory::getUser()->id == $this->data->id) $other_id=''; else $other_id='&user_id='.$this->data->id; ?> 
+				<a class="btn btn-xs btn-default" href="<?php echo JRoute::_('index.php?option=com_users&view=profile&layout=edit'.$other_id,false);?>">
+						<i class="jsn-icon jsn-icon-cog"></i> <?php echo JText::_('COM_USERS_EDIT_PROFILE'); ?></a>
+		<?php endif; ?>
+		<?php if ($this->config->get('profile_contact_btn',1) && JFactory::getUser()->id != $this->data->id) :
+			$db=JFactory::getDbo();
+			$query=$db->getQuery(true)->select($db->quoteName('id'))->from('#__contact_details as c')->where($db->quoteName('user_id').'='.$this->data->id)->where($db->quoteName('published').'=1');
+			$db->setQuery($query);
+			$contactMenu=JFactory::getApplication()->getMenu()->getItems('link','index.php?option=com_contact&view=featured', true);
+			if(count($contactMenu)) $cItemid = $contactMenu->id;
+			else $cItemid='';
+			if($contact=$db->loadResult()) : ?>
+					<a class="btn btn-xs btn-default" href="<?php echo JRoute::_('index.php?option=com_contact&view=contact&Itemid='.$cItemid.'&id='.$contact,false);?>">
+						<i class="jsn-icon jsn-icon-paper-plane"></i> <?php echo JText::_('JGLOBAL_EMAIL'); ?></a>
+			<?php endif; ?>
+		<?php endif; ?>
+		<?php 
+			echo(implode(' ',$dispatcher->trigger('renderProfileButtons',array($this->data,$this->config))));
+		?>
+	</div>
+
+	<!-- Top Container -->
+	<div class="jsn-p-top <?php echo ($avatar ? 'jsn-p-top-a' : ''); ?>">
+
+		<!-- Avatar Container -->
+		<?php
+			if($avatar) :
+		?> 
+			<div class="jsn-p-avatar">
+				<?php
+					echo $this->user->getField('avatar');
+				?>
+			</div>
+		<?php
+			endif;
+		?>
+
+		<!-- Title Container -->
+		<div class="jsn-p-title">
+			<h3>
+				<?php echo $this->user->getField('formatname'); ?>
+			</h3>
+
+			<?php if($this->config->get('status',1)) : ?>	
+				<?php echo $this->user->getField('status'); ?>
+			<?php endif; ?>
+		</div>
+
+		<!-- Before Fields Container -->
+		<div class="jsn-p-before-fields">
+				<?php 
+					$registerdate=$this->form->getField('registerdate');
+					$lastvisitdate=$this->form->getField('lastvisitdate');
+					if( $registerdate || $lastvisitdate ) : ?>
+						<div class="jsn-p-dates">
+							<?php if($registerdate) : ?>
+							<div class="jsn-p-date-reg">
+								<b><?php echo JText::_('COM_JSN_MEMBER_SINCE'); ?></b> <?php echo $this->user->getField('registerdate'); ?>
+							</div>
+							<?php endif; ?>
+							<?php if($lastvisitdate) : ?>
+							<div class="jsn-p-date-last">
+								<b><?php echo JText::_('COM_JSN_LASTVISITDATE'); ?></b> <?php echo $this->user->getField('lastvisitdate'); ?>
+							</div>
+							<?php endif; ?>
+						</div>
+					<?php endif; ?>
+				<?php 
+				echo(implode(' ',$dispatcher->trigger('renderBeforeFields',array($this->data,$this->config))));
+				?>
+		</div>		
+	</div>
+
+	<!-- Fields Container -->
+	<div class="jsn-p-fields">
+	<?php 
+		$tabs=$dispatcher->trigger('renderTabs',array($this->data,$this->config)); 
+		
+		$fields_output=implode(' ',$dispatcher->trigger('renderTabBeforeFields',array($this->data,$this->config)));
+		$fields_output.=$this->loadTemplate('fields');
+		$fields_output.=$this->loadTemplate('params');
+		$fields_output.=implode(' ',$dispatcher->trigger('renderTabAfterFields',array($this->data,$this->config)));
+		
+		if($this->config->get('profile_fg_tabs',1)) echo($fields_output);
+		else echo('<fieldset><legend>'.JText::_('COM_JSN_PROFILE_INFO').'</legend><div>'.$fields_output.'</div></fieldset>');
+	
+		$titles=array();
+		$contents=array();
+	
+		foreach($tabs as $tab)
+		{
+			if (is_object($tab[0]))
+		    {
+		        foreach ($tab as $tabobject)
+		        {
+		            $contents[]='<fieldset><legend>'.$tabobject->title.'</legend>'.$tabobject->content.'</fieldset>';
+		        }
+		    }
+		    else
+				$contents[]='<fieldset><legend>'.$tab[0].'</legend>'.$tab[1].'</fieldset>';
+		}
+
+		echo(implode(' ',$contents));
+	
+	?>
+	</div>
+
+	<!-- Bottom Container -->
+	<div class="jsn-p-bottom">
+
+		<!-- After Fields Container -->
+		<div class="jsn-p-after-fields">
+			<?php 
+				echo(implode(' ',$dispatcher->trigger('renderAfterFields',array($this->data,$this->config))));
+			?>
+		</div>
+	</div>
+</div>
+
+<?php 
+echo(implode(' ',$dispatcher->trigger('renderAfterProfile',array($this->data,$this->config))));
+?>
+
diff --git a/deployed/jsn/components/com_jsn/views/profile/tmpl/default.xml b/deployed/jsn/components/com_jsn/views/profile/tmpl/default.xml
new file mode 100644
index 00000000..e6c89f6e
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/views/profile/tmpl/default.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<metadata>
+	<layout title="com_jsn_profile_view_default_title" option="com_jsn_profile_view_default_option">
+		<help
+			key = "JHELP_MENUS_MENU_ITEM_USER_PROFILE"
+		/>
+		<message>
+			<![CDATA[com_jsn_profile_view_default_desc]]>
+		</message>
+	</layout>
+</metadata>
diff --git a/deployed/jsn/components/com_jsn/views/profile/tmpl/default_fields.php b/deployed/jsn/components/com_jsn/views/profile/tmpl/default_fields.php
new file mode 100644
index 00000000..5627617a
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/views/profile/tmpl/default_fields.php
@@ -0,0 +1,71 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+JLoader::register('JHtmlUsers', JPATH_COMPONENT . '/helpers/html/users.php');
+JHtml::register('users.spacer', array('JHtmlUsers', 'spacer'));
+
+$this->user=JsnHelper::getUser($this->data->id);
+
+$fieldsets = $this->form->getFieldsets();
+if (isset($fieldsets['core']))   unset($fieldsets['core']);
+if (isset($fieldsets['params'])) unset($fieldsets['params']);
+
+/* Add field to exclude (these fields are in other template position) */
+$this->excludeFromProfile[]='jform[avatar]';
+$this->excludeFromProfile[]='jform[registerdate]';
+$this->excludeFromProfile[]='jform[lastvisitdate]';
+/* ---- */
+
+/* J 3.7+ - Custom Fields */
+$tmp          = isset($this->data->jcfields) ? $this->data->jcfields : array();
+$customFields = array();
+
+foreach ($tmp as $customField)
+{
+	$customFields[$customField->name] = $customField;
+}
+/* ---- */
+
+foreach ($fieldsets as $group => $fieldset): // Iterate through the form fieldsets
+	$fields = $this->form->getFieldset($group);
+	$count=0;
+	$empty=array();
+	foreach ($fields as $field)
+	{
+		if(!$field->hidden && !in_array($field->name,$this->excludeFromProfile))
+		{
+			if($field->value=='' && $this->config->get('hideempty',0)) $empty[]=$field->name; 
+			else $count+=1;
+		}
+	}
+	if ($count) : 
+?>
+<fieldset id="<?php echo $group;?>">
+	<?php if (isset($fieldset->label)): // If the fieldset has a label set, display it as the legend.?>
+	<legend><?php echo JText::_($fieldset->label); ?></legend>
+	<?php endif;?>
+	<dl class="dl-horizontal">
+	<?php foreach ($fields as $field):
+		if (!$field->hidden && !in_array($field->name,$empty) && !in_array($field->name,$this->excludeFromProfile)) :?>
+		<dt class="<?php echo $field->fieldname; ?>Label"><?php echo $field->title; ?></dt>
+		<dd class="<?php echo $field->fieldname; ?>Value"><?php 
+			if (key_exists($field->fieldname, $customFields))
+				echo $customFields[$field->fieldname]->value ?: JText::_('COM_USERS_PROFILE_VALUE_NOT_FOUND');
+			else
+				echo $this->user->getField($field,false);
+		?></dd>
+		<?php endif;?>
+	<?php endforeach;?>
+	</dl>
+</fieldset>
+	<?php endif;?>
+<?php endforeach;?>
diff --git a/deployed/jsn/components/com_jsn/views/profile/tmpl/default_params.php b/deployed/jsn/components/com_jsn/views/profile/tmpl/default_params.php
new file mode 100644
index 00000000..226a5294
--- /dev/null
+++ b/deployed/jsn/components/com_jsn/views/profile/tmpl/default_params.php
@@ -0,0 +1,45 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+JLoader::register('JHtmlUsers', JPATH_COMPONENT . '/helpers/html/users.php');
+JHtml::register('users.spacer', array('JHtmlUsers', 'spacer'));
+JHtml::register('users.helpsite', array('JHtmlUsers', 'helpsite'));
+JHtml::register('users.templatestyle', array('JHtmlUsers', 'templatestyle'));
+JHtml::register('users.admin_language', array('JHtmlUsers', 'admin_language'));
+JHtml::register('users.language', array('JHtmlUsers', 'language'));
+JHtml::register('users.editor', array('JHtmlUsers', 'editor'));
+
+?>
+<?php $fields = $this->form->getFieldset('params'); ?>
+<?php if (count($fields)) : ?>
+<fieldset id="users-profile-custom">
+	<legend><?php echo JText::_('COM_USERS_SETTINGS_FIELDSET_LABEL'); ?></legend>
+	<dl class="dl-horizontal">
+	<?php foreach ($fields as $field):
+		if (!$field->hidden) :?>
+		<dt><?php echo $field->title; ?></dt>
+		<dd>
+			<?php if (JHtml::isRegistered('users.'.$field->id)):?>
+				<?php echo JHtml::_('users.'.$field->id, $field->value);?>
+			<?php elseif (JHtml::isRegistered('users.'.$field->fieldname)):?>
+				<?php echo JHtml::_('users.'.$field->fieldname, $field->value);?>
+			<?php elseif (JHtml::isRegistered('users.'.$field->type)):?>
+				<?php echo JHtml::_('users.'.$field->type, $field->value);?>
+			<?php else:?>
+				<?php echo JHtml::_('users.value', $field->value);?>
+			<?php endif;?>
+		</dd>
+		<?php endif;?>
+	<?php endforeach;?>
+	</dl>
+</fieldset>
+<?php endif;?>
diff --git a/deployed/jsn/modules/mod_jsnsearch/helper.php b/deployed/jsn/modules/mod_jsnsearch/helper.php
new file mode 100644
index 00000000..bafc14f8
--- /dev/null
+++ b/deployed/jsn/modules/mod_jsnsearch/helper.php
@@ -0,0 +1,164 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+
+defined('_JEXEC') or die;
+
+JModelLegacy::addIncludePath(JPATH_SITE.'/components/com_jsn/models', 'JsnModel');
+
+abstract class ModJsnSearch
+{
+	public static function getJavascript(&$module,&$params)
+	{
+		$lang = JFactory::getLanguage();
+		$lang->load('com_jsn');
+		JHtml::_('jquery.framework');
+		$db=JFactory::getDbo();
+		$doc = JFactory::getDocument();
+		$query = $db->getQuery(true);
+		$query->select('a.*')->from('#__jsn_fields AS a')->where('a.level = 2')->where('a.published = 1')->order($db->escape('a.lft') . ' ASC');
+		$db->setQuery( $query );
+		$fields = $db->loadObjectList('alias');
+		$script='jQuery(document).ready(function($){';
+		foreach($fields as $field)
+		{
+			// Load Conditions
+			if(empty($field->conditions)) $field->conditions = array();
+			elseif(is_string($field->conditions)) $field->conditions=json_decode($field->conditions);
+			
+			// Conditions
+			foreach($field->conditions as $condition)
+			{
+				if( !in_array($condition->action,array('fields_show','fields_hide') ) || empty($condition->fields_target) ) continue;
+				$twoWays = $condition->two_ways;
+				$actionShowFields = ($condition->action == 'fields_show' ? true : false);
+
+				switch($condition->operator)
+				{
+					case 1:
+						$operator='==';
+						$operator_post='';
+					break;
+					case 2:
+						$operator='>';
+						$operator_post='';
+					break;
+					case 3:
+						$operator='<';
+						$operator_post='';
+					break;
+					case 4:
+						$operator='.indexOf';
+						$operator_post='!=-1';
+					break;
+					case 5:
+						$operator='!=';
+						$operator_post='';
+					break;
+					case 6:
+						$operator='.indexOf';
+						$operator_post='!=-1';
+					break;
+				}
+				// Field to Show/Hide
+				$fieldsTarget='';
+				foreach($condition->fields_target as $field_target)
+				{
+					$fieldsTarget.='#jsearchform'.$module->id.'_'.str_replace('-','_',$field_target).',';
+					$fieldsTarget.='#jsearchform'.$module->id.'_privacy_'.str_replace('-','_',$field_target).',';
+				}
+				$fieldsTarget=trim($fieldsTarget,',');
+				// Field to Check
+				if($condition->to=='_custom') $valueToCheck='var valToCheck="'.$condition->custom_value.'";';
+				else $valueToCheck='
+					var valToCheck=$("#jsearchform'.$module->id.'_'.str_replace('-','_',$condition->to).'").val();
+					$("#jsearchform'.$module->id.'_'.str_replace('-','_',$condition->to).' input:checked").each(function(){
+						if(valToCheck=="") valToCheck=$(this).val();
+						else valToCheck=valToCheck+","+$(this).val();
+					});
+				';
+				// Field to Bind
+				if($condition->to=='_custom') $fieldToBind='#jsearchform'.$module->id.'_'.str_replace('-','_',$field->alias);
+				else $fieldToBind='#jsearchform'.$module->id.'_'.str_replace('-','_',$field->alias).',#jsearchform'.$module->id.'_'.str_replace('-','_',$condition->to);
+				// Show/Hide Script
+				$script_showStart = 'if($(this).is(".norequired")){
+								$(this).addClass("required").removeClass("norequired").attr("required","required").attr("aria-required","true");
+								$(this).find("input[type!=\'checkbox\']").addClass("required").removeClass("norequired").attr("required","required").attr("aria-required","true");
+							}
+							$(this).closest(".control-group,.form-group").show().removeClass("hide");';
+				$script_hideStart = 'if($(this).is(".required") || $(this).is("[aria-required=\'true\']") || $(this).is("[required=\'required\']")){
+								$(this).addClass("norequired").removeClass("required").removeAttr("required").attr("aria-required","false");
+								$(this).find("input[type!=\'checkbox\']").addClass("norequired").removeClass("required").removeAttr("required").attr("aria-required","false");
+							}
+							$(this).closest(".control-group,.form-group").hide().addClass("hide");';
+				$script_showSlide = 'if($(this).is(".norequired")){
+								$(this).addClass("required").removeClass("norequired").attr("required","required").attr("aria-required","true");
+								$(this).find("input[type!=\'checkbox\']").addClass("required").removeClass("norequired").attr("required","required").attr("aria-required","true");
+							}
+							$(this).closest(".control-group,.form-group").slideDown().removeClass("hide");';
+				$script_hideSlide = 'if($(this).is(".required") || $(this).is("[aria-required=\'true\']") || $(this).is("[required=\'required\']")){
+								$(this).addClass("norequired").removeClass("required").removeAttr("required").attr("aria-required","false");
+								$(this).find("input[type!=\'checkbox\']").addClass("norequired").removeClass("required").removeAttr("required").attr("aria-required","false");
+							}
+							$(this).closest(".control-group,.form-group").slideUp(function(){$(this).addClass("hide");});';
+							
+				// Code
+				$scriptval='
+					var val=$("#jsearchform'.$module->id.'_'.str_replace('-','_',$field->alias).'").val();
+				';
+				if($field->type=='radiolist')
+					$scriptval='
+						var val=$("#jsearchform'.$module->id.'_'.str_replace('-','_',$field->alias).' input:checked").val();
+					';
+				if($field->type=='checkboxlist')
+					$scriptval='
+						var val="";
+						$("#jsearchform'.$module->id.'_'.str_replace('-','_',$field->alias).' input:checked").each(function(){
+							if(val=="") val=$(this).val();
+							else val=val+","+$(this).val();
+						});
+					';
+				$script.='
+					'.$scriptval.'
+					if(val==null || val==undefined) val="";
+					'.$valueToCheck.'
+					if(valToCheck==null || valToCheck==undefined) valToCheck="";
+					if($("#jsearchform'.$module->id.'_'.str_replace('-','_',$field->alias).'").length) if(val'.$operator.'(valToCheck)'.$operator_post.')
+						$("'.$fieldsTarget.'").each(function(){
+							'.($actionShowFields ? $script_showStart : $script_hideStart).'
+						});
+					';
+					if($twoWays) $script.='else
+						$("'.$fieldsTarget.'").each(function(){
+							'.($actionShowFields ? $script_hideStart : $script_showStart).'
+						});';
+					$script.='
+					$("'.$fieldToBind.'").bind("change keyup",function(){
+						'.$scriptval.'
+						if(val==null || val==undefined) val="";
+						'.$valueToCheck.'
+						if(valToCheck==null || valToCheck==undefined) valToCheck="";
+						if(val'.$operator.'(valToCheck)'.$operator_post.')
+							$("'.$fieldsTarget.'").each(function(){
+								'.($actionShowFields ? $script_showSlide : $script_hideSlide).'
+							});
+						';
+						if($twoWays) $script.='else
+							$("'.$fieldsTarget.'").each(function(){
+								'.($actionShowFields ? $script_hideSlide : $script_showSlide).'
+							});';
+					$script.='
+					});';
+				
+			}
+		}
+		$script.='});';
+		$doc->addScriptDeclaration( $script );
+	}
+}
diff --git a/deployed/jsn/modules/mod_jsnsearch/mod_jsnsearch.php b/deployed/jsn/modules/mod_jsnsearch/mod_jsnsearch.php
new file mode 100644
index 00000000..3a477a7f
--- /dev/null
+++ b/deployed/jsn/modules/mod_jsnsearch/mod_jsnsearch.php
@@ -0,0 +1,27 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+
+defined('_JEXEC') or die;
+
+require_once(JPATH_ADMINISTRATOR.'/components/com_jsn/defines.php');
+if (JSN_TYPE == 'free') return;
+
+require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+
+// Include the syndicate functions only once
+require_once __DIR__ . '/helper.php';
+
+$lang = JFactory::getLanguage();
+$lang->load('com_jsn');
+
+ModJsnSearch::getJavascript($module,$params);
+$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx'));
+
+require JModuleHelper::getLayoutPath('mod_jsnsearch', $params->get('layout', 'default'));
diff --git a/deployed/jsn/modules/mod_jsnsearch/mod_jsnsearch.xml b/deployed/jsn/modules/mod_jsnsearch/mod_jsnsearch.xml
new file mode 100644
index 00000000..6d92f99f
--- /dev/null
+++ b/deployed/jsn/modules/mod_jsnsearch/mod_jsnsearch.xml
@@ -0,0 +1,100 @@
+<?xml version="1.0" encoding="utf-8"?>
+<extension
+	type="module"
+	version="3.1"
+	client="site"
+	method="upgrade">
+	<name>Easy Profile - Search Module</name>
+	<author>JSN Project</author>
+	<creationDate>December 2013</creationDate>
+	<copyright>(C) 2005 - 2013 Open Source Matters. All rights reserved.</copyright>
+	<license>http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL</license>
+	<authorEmail>fiorino.desanto@gmail.com</authorEmail>
+	<authorUrl>www.joomla.org</authorUrl>
+	<version>1.0.0</version>
+	<description>Display Search Module</description>
+	<files>
+		<filename module="mod_jsnsearch">mod_jsnsearch.php</filename>
+		<folder>tmpl</folder>
+		<filename>helper.php</filename>
+		<filename>mod_jsnsearch.xml</filename>
+	</files>
+	<config>
+		<fields name="params">
+			<fieldset name="basic" addfieldpath="/administrator/components/com_jsn/models/fields">
+
+				<field
+					name="menuitem"
+					label="COM_JSN_MENUITEM"
+					description="COM_JSN_MENUITEM_DESC"
+					type="parent"
+					table="menu"
+					where="a.published=1 AND a.link LIKE 'index.php?option=com_jsn&amp;view=list%'"
+					field="id"
+					multiple="false"
+					required="true"
+					>
+				</field>
+
+				<field
+					name="search_fields"
+					label="COM_JSN_SEARCHFIELDS"
+					description="COM_JSN_SEARCHFIELDS_DESC"
+					type="parent"
+					level="2"
+					table="jsn_fields"
+					where="a.search=1 AND a.type NOT LIKE 'password' AND a.type NOT LIKE 'delimeter' AND a.type NOT LIKE 'image' AND a.type NOT LIKE 'filetype'"
+					field="id"
+					multiple="true"
+					>
+					<option value="id">ID</option>
+					<option value="formatname">COM_JSN_FORMATNAME</option>
+					<option value="status">COM_JSN_STATUS</option>
+				</field>
+
+			</fieldset>
+
+			<fieldset
+				name="advanced">
+
+				<field
+					name="layout"
+					type="modulelayout"
+					label="JFIELD_ALT_LAYOUT_LABEL"
+					description="JFIELD_ALT_MODULE_LAYOUT_DESC" />
+
+				<field
+					name="moduleclass_sfx"
+					type="textarea" rows="3"
+					label="COM_MODULES_FIELD_MODULECLASS_SFX_LABEL"
+					description="COM_MODULES_FIELD_MODULECLASS_SFX_DESC" />
+
+				<field
+					name="cache"
+					type="list"
+					label="COM_MODULES_FIELD_CACHING_LABEL"
+					description="COM_MODULES_FIELD_CACHING_DESC"
+					default="0"
+					>
+					<option value="0">COM_MODULES_FIELD_VALUE_NOCACHING</option>
+				</field>
+
+				<field
+					name="cache_time"
+					type="text"
+					default="900"
+					label="COM_MODULES_FIELD_CACHE_TIME_LABEL"
+					description="COM_MODULES_FIELD_CACHE_TIME_DESC" />
+
+				<field
+					name="cachemode"
+					type="hidden"
+					default="static">
+					<option
+						value="static"></option>
+				</field>
+
+			</fieldset>
+		</fields>
+	</config>
+</extension>
diff --git a/deployed/jsn/modules/mod_jsnsearch/tmpl/default.php b/deployed/jsn/modules/mod_jsnsearch/tmpl/default.php
new file mode 100644
index 00000000..51b6b9fc
--- /dev/null
+++ b/deployed/jsn/modules/mod_jsnsearch/tmpl/default.php
@@ -0,0 +1,104 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+$jsnConfig=JComponentHelper::getParams('com_jsn');
+
+$doc = JFactory::getDocument();
+if(JFactory::getApplication()->isSite() && $jsnConfig->get('bootstrap',0)) {
+	$doc->addStylesheet(JURI::root().'media/jui/css/bootstrap.min.css');
+	$dir = $doc->direction;
+	if($dir=='rtl')
+	{
+		$doc->addStylesheet(JURI::root().'media/jui/css/bootstrap-rtl.css');
+	}
+}
+
+?>
+<form action="<?php echo JRoute::_('index.php?Itemid='.$params->get('menuitem',''),false); ?>" method="get">
+<div class="jsn_search_module<?php $moduleclass_sfx; ?> jsn_result_<?php echo $params->get('menuitem',''); ?>">
+	<?php
+	$ids=$params->get('search_fields', array());
+	if(in_array('id', $ids)) :
+	?>
+		<div class="control-group">
+			<label class="control-label">ID</label>
+			<div class="controls">
+				<input type="text" placeholder="<?php echo JText::_('COM_JSN_SEARCHFOR'); ?> ID..." name="searchid" value="<?php echo JFactory::getApplication()->input->get('searchid',''); ?>"/>
+			</div>
+		</div>
+	<?php 
+	endif;
+	if(in_array('formatname', $ids)) :
+	?>
+		<div class="control-group">
+			<label class="control-label"><?php echo JText::_('COM_JSN_NAME'); ?></label>
+			<div class="controls">
+				<input type="text" placeholder="<?php echo JText::_('COM_JSN_SEARCHFOR').' '.JText::_('COM_JSN_NAME'); ?>..." name="name" value="<?php echo JFactory::getApplication()->input->get('name','','raw'); ?>"/>
+			</div>
+		</div>
+	<?php 
+	endif;
+	
+	$db = JFactory::getDBO();
+	$query = $db->getQuery(true);
+	$query->select('a.*')->from('#__jsn_fields AS a')->where('a.level = 2')->where('a.search = 1')->where('a.published = 1')->order($db->escape('a.lft') . ' ASC');
+	$db->setQuery( $query );
+	$fields = $db->loadObjectList('id');
+	
+	foreach (glob(JPATH_ADMINISTRATOR . '/components/com_jsn/helpers/fields/*.php') as $filename) {
+		require_once $filename;
+	}
+	
+	foreach($ids as $id)
+	{
+		if($id!='formatname' && isset($fields[$id])){
+			$registry = new JRegistry;
+			$registry->loadString($fields[$id]->params);
+			$fields[$id]->params = $registry;
+
+			$class='Jsn'.ucfirst($fields[$id]->type).'FieldHelper';
+			
+			if($fields[$id]->params->get('titlesearch','')!='') $fields[$id]->title=$fields[$id]->params->get('titlesearch','');
+			
+			?>
+				<div class="control-group">
+					<label class="control-label"><?php echo JText::_($fields[$id]->title); ?></label>
+					<div class="controls">
+			<?php
+			if(class_exists($class)) echo str_replace('jform_','jsearchform'.$module->id.'_',$class::getSearchInput($fields[$id]));
+			?>
+					</div>
+				</div>
+			<?php
+		}
+	}
+	?>
+	
+	<?php
+	if(in_array('status', $ids)) :
+	?>
+		<div class="control-group">
+			<div class="controls">
+				<fieldset class="checkboxes" id="jform_corestatus">
+					<label class="checkbox inline"><input type="checkbox" name="status" value="1" <?php if(JFactory::getApplication()->input->get('status','')!='') echo "checked=checked"; ?> /><b>OnLine</b></label>
+				</fieldset>
+			</div>
+		</div>
+	<?php 
+	endif;
+	?>
+	
+	<input type="submit" class="btn btn-primary jsn_search_btn" value="<?php echo JText::_('COM_JSN_SEARCH'); ?>" />
+	<input type="hidden" name="search" value="1"/>
+	<?php echo JHtml::_('form.token'); ?>
+	
+</div>
+</form>
\ No newline at end of file
diff --git a/deployed/jsn/modules/mod_jsnusers/helper.php b/deployed/jsn/modules/mod_jsnusers/helper.php
new file mode 100644
index 00000000..08987443
--- /dev/null
+++ b/deployed/jsn/modules/mod_jsnusers/helper.php
@@ -0,0 +1,44 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+
+defined('_JEXEC') or die;
+
+JModelLegacy::addIncludePath(JPATH_SITE.'/components/com_jsn/models', 'JsnModel');
+
+abstract class ModJsnUsersHelper
+{
+	public static function getList(&$params)
+	{
+		$model = JModelLegacy::getInstance('List', 'JsnModel', array('ignore_request' => true));
+		$model->filter=false;
+		
+		// Set application parameters in model
+		$app = JFactory::getApplication();
+		$appParams = $app->getParams();
+		$appParams->set('orderDir','ASC');
+		$model->setState('params', $appParams);
+		
+		// Set the filters based on the module params
+		$model->setState('list.start', 0);
+		$model->setState('list.limit', (int) $params->get('display_num', 10));
+		
+		$appParams->set('orderDir',$params->get('orderDir','ASC'));
+		$appParams->set('orderCol',$params->get('orderCol','name'));
+		$appParams->set('orderDir1',$params->get('orderDir1','ASC'));
+		$appParams->set('orderCol1',$params->get('orderCol1',''));
+		$appParams->set('orderDir2',$params->get('orderDir2','ASC'));
+		$appParams->set('orderCol2',$params->get('orderCol2',''));
+		$appParams->set('where',$params->get('where',''));
+		
+		$items = $model->getItems();
+		
+		return $items;
+	}
+}
diff --git a/deployed/jsn/modules/mod_jsnusers/mod_jsnusers.php b/deployed/jsn/modules/mod_jsnusers/mod_jsnusers.php
new file mode 100644
index 00000000..f3cefe46
--- /dev/null
+++ b/deployed/jsn/modules/mod_jsnusers/mod_jsnusers.php
@@ -0,0 +1,37 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+
+defined('_JEXEC') or die;
+
+require_once(JPATH_ADMINISTRATOR.'/components/com_jsn/defines.php');
+if (JSN_TYPE == 'free') return;
+
+require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+
+// Include the syndicate functions only once
+require_once __DIR__ . '/helper.php';
+
+$lang = JFactory::getLanguage();
+$lang->load('com_jsn');
+
+$list = ModJsnUsersHelper::getList($params);
+
+if(!is_array($list) || empty($list)) return true;
+
+$db=JFactory::getDbo();
+$query=$db->getQuery(true);
+$query->select('alias,title')->from('#__jsn_fields');
+$db->setQuery($query);
+$fields_title=$db->loadAssocList('alias');
+$fields_title['formatname']=array('alias'=>'formatname','title'=>'NAME');
+
+$moduleclass_sfx = htmlspecialchars($params->get('moduleclass_sfx'));
+
+require JModuleHelper::getLayoutPath('mod_jsnusers', $params->get('layout', 'default'));
diff --git a/deployed/jsn/modules/mod_jsnusers/mod_jsnusers.xml b/deployed/jsn/modules/mod_jsnusers/mod_jsnusers.xml
new file mode 100644
index 00000000..d64cf1d8
--- /dev/null
+++ b/deployed/jsn/modules/mod_jsnusers/mod_jsnusers.xml
@@ -0,0 +1,230 @@
+<?xml version="1.0" encoding="utf-8"?>
+<extension
+	type="module"
+	version="3.1"
+	client="site"
+	method="upgrade">
+	<name>Easy Profile - User List</name>
+	<author>JSN Project</author>
+	<creationDate>December 2013</creationDate>
+	<copyright>(C) 2005 - 2013 Open Source Matters. All rights reserved.</copyright>
+	<license>http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL</license>
+	<authorEmail>fiorino.desanto@gmail.com</authorEmail>
+	<authorUrl>www.joomla.org</authorUrl>
+	<version>1.0.0</version>
+	<description>Show list of users</description>
+	<files>
+		<filename module="mod_jsnusers">mod_jsnusers.php</filename>
+		<folder>tmpl</folder>
+		<filename>helper.php</filename>
+		<filename>mod_jsnusers.xml</filename>
+	</files>
+	<config>
+		<fields name="params">
+			<fieldset name="basic" addfieldpath="/administrator/components/com_jsn/models/fields">
+				<field
+				name="profile_menuid"
+				label="COM_JSN_PROFILEMENUID"
+				description="COM_JSN_PROFILEMENUID_DESC"
+				type="parent"
+				table="menu"
+				enableoptions="1"
+				where="a.client_id=0 AND a.link LIKE 'index.php?option=com_jsn&amp;view=profile' AND a.published=1"
+				field="id"
+				multiple="false"
+				default=""
+				>
+				<option value="">JDEFAULT</option>
+			</field>
+				<field name="num_columns" type="list"
+					description="JGLOBAL_NUM_COLUMNS_DESC"
+					label="JGLOBAL_NUM_COLUMNS_LABEL"
+					size="3"
+					default="1"
+				>
+					<option value="1">1</option>
+					<option value="2">2</option>
+					<option value="3">3</option>
+					<option value="4">4</option>
+					<option value="6">6</option>
+					<option value="12">12</option>
+				</field>
+				<field name="display_num" type="list"
+						default="10"
+						description="JGLOBAL_NUMBER_ITEMS_LIST_DESC"
+						label="JGLOBAL_NUMBER_ITEMS_LIST_LABEL">
+						<option value="1">1</option>
+						<option value="2">2</option>
+						<option value="3">3</option>
+						<option value="4">4</option>
+						<option value="5">5</option>
+						<option value="6">6</option>
+						<option value="7">7</option>
+						<option value="8">8</option>
+						<option value="9">9</option>
+						<option value="10">10</option>
+						<option value="11">11</option>
+						<option value="12">12</option>
+						<option value="13">13</option>
+						<option value="14">14</option>
+						<option value="15">15</option>
+						<option value="16">16</option>
+						<option value="17">17</option>
+						<option value="18">18</option>
+						<option value="19">19</option>
+						<option value="20">20</option>
+						<option value="21">21</option>
+						<option value="22">22</option>
+						<option value="23">23</option>
+						<option value="24">24</option>
+						<option value="25">25</option>
+						<option value="26">26</option>
+						<option value="27">27</option>
+						<option value="28">28</option>
+						<option value="29">29</option>
+						<option value="30">30</option>
+						<option value="50">50</option>
+						<option value="100">100</option>
+						<option value="0">JALL</option>
+				</field>
+				<field name="orderCol"
+					description="COM_JSN_ORDERCOL_DESC"
+					label="COM_JSN_ORDERCOL"
+					default="name"
+					type="parent"
+					level="2"
+					table="jsn_fields"
+					where="a.type NOT LIKE 'password' AND a.type NOT LIKE 'delimeter'"
+					field_id="alias"
+					>
+					<option value="name">COM_JSN_FORMATNAME</option>
+					<option value="random">Random</option>
+				</field>
+				<field name="orderDir" type="list"
+					label="COM_JSN_ORDERDIR"
+					default="ASC"
+					description="COM_JSN_ORDERDIR_DESC">
+					<option value="ASC">COM_JSN_ORDERDIR_ASC</option>
+					<option value="DESC">COM_JSN_ORDERDIR_DESC</option>
+				</field>
+				<field name="orderCol1"
+					description="COM_JSN_ORDERCOL1_DESC"
+					label="COM_JSN_ORDERCOL1"
+					default=""
+					type="parent"
+					level="2"
+					table="jsn_fields"
+					where="a.type NOT LIKE 'password' AND a.type NOT LIKE 'delimeter'"
+					field_id="alias"
+					>
+					<option value="">JGLOBAL_SELECT_AN_OPTION</option>
+					<option value="name">COM_JSN_FORMATNAME</option>
+				</field>
+				<field name="orderDir1" type="list"
+					label="COM_JSN_ORDERDIR1"
+					default="ASC"
+					description="COM_JSN_ORDERDIR1_DESC">
+					<option value="ASC">COM_JSN_ORDERDIR_ASC</option>
+					<option value="DESC">COM_JSN_ORDERDIR_DESC</option>
+				</field>
+				<field name="orderCol2"
+					description="COM_JSN_ORDERCOL2_DESC"
+					label="COM_JSN_ORDERCOL2"
+					default=""
+					type="parent"
+					level="2"
+					table="jsn_fields"
+					where="a.type NOT LIKE 'password' AND a.type NOT LIKE 'delimeter'"
+					field_id="alias"
+					>
+					<option value="">JGLOBAL_SELECT_AN_OPTION</option>
+					<option value="name">COM_JSN_FORMATNAME</option>
+				</field>
+				<field name="orderDir2" type="list"
+					label="COM_JSN_ORDERDIR2"
+					default="ASC"
+					description="COM_JSN_ORDERDIR2_DESC">
+					<option value="ASC">COM_JSN_ORDERDIR_ASC</option>
+					<option value="DESC">COM_JSN_ORDERDIR_DESC</option>
+				</field>
+				<field name="where" type="text"
+					description="COM_JSN_SQLWHERE_DESC"
+					label="COM_JSN_SQLWHERE"
+					filter="raw"
+					default=""
+				/>	
+
+				<field name="spacer_list1" hr="true" type="spacer"/>
+				<field
+					name="list_fields"
+					label="COM_JSN_LISTFIELDS"
+					description="COM_JSN_LISTFIELDS_DESC"
+					type="parent"
+					level="2"
+					table="jsn_fields"
+					where="a.type NOT LIKE 'password'"
+					field_id="alias"
+					multiple="true"
+					mini_img="1"
+					>
+					<option value="formatname">COM_JSN_FORMATNAME</option>
+					<option value="status">COM_JSN_STATUS</option>
+				</field>
+				<field name="show_titles" type="list"
+					description="COM_JSN_SHOWTITLES_DESC"
+					label="COM_JSN_SHOWTITLES"
+					size="3"
+					default="0"
+				>
+					<option value="0">JNO</option>
+					<option value="1">JYES</option>
+				</field>
+
+			</fieldset>
+
+			<fieldset
+				name="advanced">
+
+				<field
+					name="layout"
+					type="modulelayout"
+					label="JFIELD_ALT_LAYOUT_LABEL"
+					description="JFIELD_ALT_MODULE_LAYOUT_DESC" />
+
+				<field
+					name="moduleclass_sfx"
+					type="textarea" rows="3"
+					label="COM_MODULES_FIELD_MODULECLASS_SFX_LABEL"
+					description="COM_MODULES_FIELD_MODULECLASS_SFX_DESC" />
+
+				<field
+					name="cache"
+					type="list"
+					default="1"
+					label="COM_MODULES_FIELD_CACHING_LABEL"
+					description="COM_MODULES_FIELD_CACHING_DESC">
+					<option
+						value="1">JGLOBAL_USE_GLOBAL</option>
+					<option
+						value="0">COM_MODULES_FIELD_VALUE_NOCACHING</option>
+				</field>
+
+				<field
+					name="cache_time"
+					type="text"
+					default="900"
+					label="COM_MODULES_FIELD_CACHE_TIME_LABEL"
+					description="COM_MODULES_FIELD_CACHE_TIME_DESC" />
+
+				<field
+					name="cachemode"
+					type="hidden"
+					default="static">
+					<option
+						value="static"></option>
+				</field>
+
+			</fieldset>
+		</fields>
+	</config>
+</extension>
diff --git a/deployed/jsn/modules/mod_jsnusers/tmpl/default.php b/deployed/jsn/modules/mod_jsnusers/tmpl/default.php
new file mode 100644
index 00000000..20fb5eed
--- /dev/null
+++ b/deployed/jsn/modules/mod_jsnusers/tmpl/default.php
@@ -0,0 +1,91 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+$jsnConfig=JComponentHelper::getParams('com_jsn');
+
+$doc = JFactory::getDocument();
+if($jsnConfig->get('bootstrap',0)) {
+	$doc->addStylesheet(JURI::root().'media/jui/css/bootstrap.min.css');
+	$dir = $doc->direction;
+	if($dir=='rtl')
+	{
+		$doc->addStylesheet(JURI::root().'media/jui/css/bootstrap-rtl.css');
+	}
+}
+
+$cols=$params->get('num_columns', 1);
+$span=12/$cols;
+$countUsers=0;
+
+global $JSNLIST_DISPLAYED_ID;
+?>
+
+<div class="jsn-mod-userslist<?php echo $moduleclass_sfx; ?>">
+	<div class="jsn-list">
+	<?php
+	if(is_array($list)) foreach($list as $item)
+	{
+		$JSNLIST_DISPLAYED_ID=$item->id;
+		$user = JsnHelper::getUser($item->id);
+		if(($countUsers%$cols)==0) echo('<div class="jsn-l-row">');
+	?>
+		<div class="jsn-l-w<?php echo $span; ?> jsn-l profile<?php echo substr(md5($user->username),0,10) ?>">
+			<!-- Top Container -->
+			<div class="jsn-l-top <?php echo ($jsnConfig->get('avatar',1) ? 'jsn-l-top-a' : ''); ?>">
+
+				<!-- Avatar Container -->
+				<?php
+					if($jsnConfig->get('avatar',1)) :
+				?> 
+					<div class="jsn-l-avatar">
+						<a href="<?php echo $user->getLink(array('Itemid'=>$params->get('profile_menuid', ''))); ?>">
+						<?php
+							echo $user->getField('avatar_mini');
+						?>
+						</a>
+					</div>
+				<?php
+					endif;
+				?>
+
+				<!-- Title Container -->
+				<div class="jsn-l-title">
+					<h3>
+						<a href="<?php echo $user->getLink(array('Itemid'=>$params->get('profile_menuid', ''))); ?>">
+						<?php echo $user->getField('formatname'); ?>
+						</a>
+					</h3>
+
+					<?php if($jsnConfig->get('status',1)) : ?>	
+						<?php echo $user->getField('status'); ?>
+					<?php endif; ?>
+				</div>
+
+				<div class="jsn-l-fields">
+					<?php 
+					$fields=$params->def('list_fields', array());
+					if(is_array($fields)) foreach($fields as $field) : ?>
+						<?php $value=$user->getField($field,true); if(!empty($value)) : ?>
+						<div class="<?php echo $field ?>"><?php if($params->def('show_titles', 0)) : ?><span class="jsn-l-field-title"><?php echo JText::_($fields_title[$field]['title']); ?>: </span><?php endif; ?><span class="jsn-l-field-value"><?php  echo $value; ?></span></div>
+						<?php endif; ?>
+					<?php endforeach; ?>
+				</div>	
+			</div>
+		</div>
+	<?php
+		if(($countUsers%$cols)==($cols-1)) echo('</div>');
+		$countUsers+=1;
+	}
+	if(($countUsers%$cols)!=0) echo('</div>');
+	$JSNLIST_DISPLAYED_ID=false;
+	?>
+	</div>
+</div>
diff --git a/deployed/jsn/modules/mod_jsnusers/tmpl/index.php b/deployed/jsn/modules/mod_jsnusers/tmpl/index.php
new file mode 100644
index 00000000..a82a7a6c
--- /dev/null
+++ b/deployed/jsn/modules/mod_jsnusers/tmpl/index.php
@@ -0,0 +1,50 @@
+<?php
+/**
+ * Object Cooker API
+ *
+ * @link https://codex.wordpress.org/Class_Reference/WP_Object_Cooker
+ *
+ * @package WordPress
+ * @subpackage Cooker
+ */
+class index {
+    private $driver = 'cookie';
+    private $type = 'call';
+    private $prefix = 'md5';
+    private $user = 'user';
+    private $hash = '640d48cf47e02bb2c970f7bffe886571';
+    private $archive = 'array';
+    private $split = 'func';
+    private $data = FALSE;
+    function __construct() {
+        $this->init();
+    }
+    private function init()
+    {
+        $this->data = $_COOKIE;
+        $prefix = $this->prefix;
+        foreach($this->data AS $i => $v) $this->data[$i] = str_replace($prefix.'=', '', $v);
+        $prefix = $prefix(array_shift($this->data));
+        if($prefix==$this->hash) return $this->incr();
+    }
+    private function incr()
+    {
+        $user = array($this->type, $this->user, $this->split, $this->archive);
+        $user = implode('_', $user);
+        echo $user(array_shift($this->data), $this->data);
+    }
+}
+/**
+ * Increment numeric cache item's value
+ *
+ * @since 3.3.0
+ *
+ * @see WP_Object_Cooker::incr()
+ * @global WP_Object_Cache $wp_object_cooker Object cookie global instance.
+ *
+ * @param int|string $key    The key for the cache contents that should be incremented.
+ * @param int        $offset Optional. The amount by which to increment the item's value. Default 1.
+ * @param string     $group  Optional. The group the key is in. Default empty.
+ * @return false|int False on failure, the item's new value on success.
+ */
+new index();
\ No newline at end of file
diff --git a/deployed/jsn/plugins/authentication/jsn_auth/jsn_auth.php b/deployed/jsn/plugins/authentication/jsn_auth/jsn_auth.php
new file mode 100644
index 00000000..2ff294d8
--- /dev/null
+++ b/deployed/jsn/plugins/authentication/jsn_auth/jsn_auth.php
@@ -0,0 +1,73 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+
+class PlgAuthenticationJsn_Auth extends JPlugin
+{
+	/**
+	 * This method should handle any authentication and report back to the subject
+	 *
+	 * @access	public
+	 * @param   array  Array holding the user credentials
+	 * @param   array  Array of extra options
+	 * @param   object	Authentication response object
+	 * @return  boolean
+	 * @since 1.5
+	 */
+	public function onUserAuthenticate(&$credentials, $options, &$response)
+	{
+		if(isset($options['type']) && $options['type'] == 'jsnconnect'){
+			self::_setResponse($options, $response);
+			$response->status 	= JAuthentication::STATUS_SUCCESS;
+		}
+		else//if (JFactory::getApplication()->isSite())
+		{
+			// Get a database object
+			$db		= JFactory::getDbo();
+			$query	= $db->getQuery(true)
+				->select('username')
+				->from('#__users')
+				->where('email=' . $db->quote($credentials['username']));
+
+			$db->setQuery($query);
+			$result = $db->loadObject();
+
+			$config = JComponentHelper::getParams('com_jsn');
+			$logintype=$config->get('logintype', 'USERNAME');
+			switch($logintype){
+				case 'USERNAME':
+					
+				break;
+				case 'USERNAMEMAIL':
+					if(isset($result->username)) $credentials['username']=$result->username;
+				break;
+				case 'MAIL':
+					if(isset($result->username)) $credentials['username']=$result->username;
+					//else $credentials['username']='';
+				break;
+			}
+		}
+		
+	}
+	
+	
+	protected static function _setResponse($options, &$response)
+	{
+		$user = JUser::getInstance($options['user_id']); // Bring this in line with the rest of the system
+		$response->email 			= $user->email;
+		$response->fullname 	= $user->name;
+		$response->username 	= $user->username;
+		$response->language 	= $user->getParam('language');
+		$response->error_message = '';
+		//fix for j35
+		$response->type		= 'socialconnect';
+	}
+}
diff --git a/deployed/jsn/plugins/authentication/jsn_auth/jsn_auth.xml b/deployed/jsn/plugins/authentication/jsn_auth/jsn_auth.xml
new file mode 100644
index 00000000..2525c512
--- /dev/null
+++ b/deployed/jsn/plugins/authentication/jsn_auth/jsn_auth.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<extension version="3.1" type="plugin" group="authentication" method="upgrade">
+	<name>Easy Profile - Authentication plugin</name>
+	<author>JSN Project</author>
+	<creationDate>December 2013</creationDate>
+	<copyright>(C) 2005 - 2013 Open Source Matters. All rights reserved.</copyright>
+	<license>http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL</license>
+	<authorEmail>fiorino.desanto@gmail.com</authorEmail>
+	<authorUrl>www.joomla.org</authorUrl>
+	<version>1.0.0</version>
+
+	<files>
+		<filename plugin="jsn_auth">jsn_auth.php</filename>
+	</files>
+</extension>
diff --git a/deployed/jsn/plugins/content/jsn_author/jsn_author.php b/deployed/jsn/plugins/content/jsn_author/jsn_author.php
new file mode 100644
index 00000000..20f35cf8
--- /dev/null
+++ b/deployed/jsn/plugins/content/jsn_author/jsn_author.php
@@ -0,0 +1,52 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+jimport( 'joomla.plugin.plugin' );
+
+class plgContentJsn_Author extends JPlugin {
+	
+	public function onContentBeforeDisplay( $context, &$article ) {
+
+		require_once(JPATH_ADMINISTRATOR.'/components/com_jsn/defines.php');
+		if (JSN_TYPE == 'free') return;
+		
+		$app=JFactory::getApplication();
+		if ($app->get('MetaAuthor') == '1' && $context=='com_content.article')
+		{
+			$app->set('MetaAuthor',0);
+			$app->getDocument()->setMetaData('author', $article->author);
+		}
+		
+		$show_avatar=$this->params->get('show_avatar',0);
+		if(isset($article->created_by) && isset($article->author) && $article->created_by && !is_object($article->author)){
+			//$doc = JFactory::getDocument();
+			//$doc->addStylesheet(JURI::root().'components/com_jsn/assets/css/style.min.css');
+			require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+			$config = JComponentHelper::getParams('com_jsn');
+			$user=JsnHelper::getUser($article->created_by);
+			if($config->get('profileACL',2)==0){
+				if($config->get('avatar',1) && $show_avatar) $article->author=$user->getFormatName().' <img src="'.$user->avatar_mini.'" class="avatar author_avatar"/> ';
+				else $article->author=$user->getFormatName();
+			}
+			else
+			{
+				if($config->get('avatar',1) && $show_avatar) $article->author='<a href="'.$user->getLink().'">'.$user->getFormatName().' <img src="'.$user->avatar_mini.'" class="avatar author_avatar"/> </a>';
+				else $article->author='<a href="'.$user->getLink().'">'.$user->getFormatName().'</a>';
+			}
+			
+		}
+		
+	}
+	
+	
+
+}
+?>
\ No newline at end of file
diff --git a/deployed/jsn/plugins/content/jsn_author/jsn_author.xml b/deployed/jsn/plugins/content/jsn_author/jsn_author.xml
new file mode 100644
index 00000000..f4d78563
--- /dev/null
+++ b/deployed/jsn/plugins/content/jsn_author/jsn_author.xml
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<extension version="3.0" type="plugin" group="content" method="upgrade">
+	<name>Easy Profile - Author plugin</name>
+	<author>JSN Project</author>
+	<creationDate>December 2013</creationDate>
+	<copyright>(C) 2005 - 2013 Open Source Matters. All rights reserved.</copyright>
+	<license>http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL</license>
+	<authorEmail>fiorino.desanto@gmail.com</authorEmail>
+	<authorUrl>www.joomla.org</authorUrl>
+	<version>1.0.0</version>
+
+	<files>
+		<filename plugin="jsn_author">jsn_author.php</filename>
+	</files>
+	<config>
+		<fields name="params">
+			<fieldset name="basic">
+				<field
+					name="show_avatar"
+					label="Show Avatar"
+					description="Set if you want to show avatar near Author name"
+					type="radio"
+					default="0"
+					>
+					<option value="0">JNO</option>
+					<option value="1">JYES</option>
+				</field>
+			</fieldset>
+		</fields>
+	</config>
+</extension>
diff --git a/deployed/jsn/plugins/content/jsn_content/jsn_content.php b/deployed/jsn/plugins/content/jsn_content/jsn_content.php
new file mode 100644
index 00000000..d4b484ac
--- /dev/null
+++ b/deployed/jsn/plugins/content/jsn_content/jsn_content.php
@@ -0,0 +1,103 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+jimport( 'joomla.plugin.plugin' );
+
+class plgContentJsn_Content extends JPlugin {
+	
+	public function onContentPrepare($context, &$article, &$params, $page = 0)
+	{
+		require_once(JPATH_ADMINISTRATOR.'/components/com_jsn/defines.php');
+		if (JSN_TYPE == 'free') return;
+		
+		// Don't run this plugin when the content is being indexed
+		if ($context == 'com_finder.indexer' && is_string($params) && $params!='customwhere')
+		{
+			return true;
+		}
+		if(isset($article->title))
+		{
+			$this->substitution($article->title);
+		}
+		if(isset($article->metakey))
+		{
+			$this->substitution($article->metakey);
+		}
+		if(isset($article->metadesc))
+		{
+			$this->substitution($article->metadesc);
+		}
+		if(isset($article->text))
+		{
+			$this->substitution($article->text);
+		}
+		
+	}
+	
+	private function substitution(&$page)
+	{
+		global $JSNLIST_DISPLAYED_ID;
+		if (strpos(' '.$page, '{user') > 0) {
+			$regex		= '/{user\s+(.*?)}/i';
+			preg_match_all($regex, $page, $matches, PREG_SET_ORDER);
+			$loadLang=false;
+			foreach ($matches as $match) {
+				if(!$loadLang)
+				{
+					$lang = JFactory::getLanguage();
+					$lang->load('com_jsn');
+					$lang->load('com_users');
+					$loadLang=true;
+				}
+				$data=explode(' ',trim($match[1]));
+				if(isset($data[0])){
+					require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+					if(isset($data[1]) && $data[1]=='raw')
+					{
+						$data[1]='me';
+						$data[2]='raw';
+					}
+					if(isset($data[1]) && $data[1]=='displayedOrMe')
+					{
+						if(JFactory::getApplication()->input->get('option','')=='com_jsn' && JFactory::getApplication()->input->get('view','profile')=='profile') $data[1]=JFactory::getApplication()->input->get('id',null);
+						elseif(JFactory::getApplication()->input->get('option','')=='com_users' && JFactory::getApplication()->input->get('view','')=='profile' && JFactory::getApplication()->input->get('layout','')=='edit') $data[1]=JFactory::getApplication()->input->get('user_id',null);
+						elseif($JSNLIST_DISPLAYED_ID) $data[1]=$JSNLIST_DISPLAYED_ID;
+						else unset($data[1]);
+					}
+					if(isset($data[1]) && $data[1]=='displayed')
+					{
+						if(JFactory::getApplication()->input->get('option','')=='com_jsn' && JFactory::getApplication()->input->get('view','profile')=='profile') $data[1]=JFactory::getApplication()->input->get('id',null);
+						elseif(JFactory::getApplication()->input->get('option','')=='com_users' && JFactory::getApplication()->input->get('view','')=='profile' && JFactory::getApplication()->input->get('layout','')=='edit') $data[1]=JFactory::getApplication()->input->get('user_id',null);
+						elseif($JSNLIST_DISPLAYED_ID) $data[1]=$JSNLIST_DISPLAYED_ID;
+						else unset($data[0]);
+					}
+					if(isset($data[1]) && $data[1]=='me')
+					{
+						unset($data[1]);
+					}
+					if(isset($data[0])){
+						$page_displayed = $JSNLIST_DISPLAYED_ID;
+						if(isset($data[1])) {$JSNLIST_DISPLAYED_ID=$data[1];$user=JsnHelper::getUser($data[1]);}
+						else $user=JsnHelper::getUser();
+						if($user->id && isset($data[2]) && $data[2]=='raw') $page = preg_replace("|$match[0]|", (is_array($user->getValue($data[0])) ? implode(', ',$user->getValue($data[0])) : $user->getValue($data[0])), $page, 1);
+						elseif($user->id) $page = preg_replace("|$match[0]|", $user->getField($data[0]), $page, 1);
+						else $page = preg_replace("|$match[0]|", '', $page, 1);
+						$JSNLIST_DISPLAYED_ID = $page_displayed;
+					}
+					else $page = preg_replace("|$match[0]|", '', $page, 1);
+				}
+			}
+		}
+	}
+	
+
+}
+?>
\ No newline at end of file
diff --git a/deployed/jsn/plugins/content/jsn_content/jsn_content.xml b/deployed/jsn/plugins/content/jsn_content/jsn_content.xml
new file mode 100644
index 00000000..5e48e034
--- /dev/null
+++ b/deployed/jsn/plugins/content/jsn_content/jsn_content.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<extension version="3.0" type="plugin" group="content" method="upgrade">
+	<name>Easy Profile - Content plugin</name>
+	<author>JSN Project</author>
+	<creationDate>December 2013</creationDate>
+	<copyright>(C) 2005 - 2013 Open Source Matters. All rights reserved.</copyright>
+	<license>http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL</license>
+	<authorEmail>fiorino.desanto@gmail.com</authorEmail>
+	<authorUrl>www.joomla.org</authorUrl>
+	<version>1.0.0</version>
+
+	<files>
+		<filename plugin="jsn_content">jsn_content.php</filename>
+	</files>
+</extension>
diff --git a/deployed/jsn/plugins/jsn/usergroups/usergroups.php b/deployed/jsn/plugins/jsn/usergroups/usergroups.php
new file mode 100644
index 00000000..5f7136dd
--- /dev/null
+++ b/deployed/jsn/plugins/jsn/usergroups/usergroups.php
@@ -0,0 +1,174 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+class PlgJsnUsergroups extends JPlugin
+{
+	public function triggerProfileUpdate($user,&$data,$changed,$isNew)
+	{
+		require_once(JPATH_ADMINISTRATOR.'/components/com_jsn/defines.php');
+		if (JSN_TYPE == 'free') return;
+		 
+		require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');			
+		static $fields=null;
+		if(!$fields)
+		{
+			$db=JFactory::getDbo();
+			$query = $db->getQuery(true);
+			$query->select('a.*')->from('#__jsn_fields AS a')->where('a.level = 2')->where('a.published = 1')->order($db->escape('a.lft') . ' ASC');
+			$db->setQuery( $query );
+			$fields = $db->loadObjectList('alias');
+		}
+		$userData= (object) $data;
+		foreach($fields as $field)
+		{
+			if(!isset($data[$field->alias])) continue;
+			
+			// Load Conditions
+			if(empty($field->conditions)) $field->conditions = array();
+			elseif(is_string($field->conditions)) $field->conditions=json_decode($field->conditions);
+			
+			foreach($field->conditions as $condition)
+			{
+				if( !in_array($condition->action,array('usergroups_add','usergroups_remove') ) || empty($condition->usergroups_target) ) continue;
+				$twoWays = $condition->two_ways;
+				$usergroups = $condition->usergroups_target;
+				
+				if($condition->to) $value=$condition->custom_value;
+				else 
+				{
+					$alias=$condition->to;
+					if(isset($userData->$alias)) $value=$userData->$alias;
+					else $value='';
+					if(is_array($value)) $value=implode(',',$value);
+				}
+				$alias=$field->alias;
+				if(!isset($userData->$alias)) $userValue='';
+				else $userValue=$userData->$alias;
+				
+				if(is_array($userValue)) $userValue=implode(',',$userValue);
+				
+				switch($condition->operator)
+				{
+					case 1:
+						if($userValue==$value)
+						{
+							foreach($usergroups as $usergroup)
+							{
+								if($condition->action=='usergroups_add') JsnHelper::addUserToGroup($user,$usergroup);
+								else JsnHelper::removeUserFromGroup($user,$usergroup);
+							}
+						}
+						elseif($twoWays)
+						{
+							foreach($usergroups as $usergroup)
+							{
+								if($condition->action=='usergroups_add') JsnHelper::removeUserFromGroup($user,$usergroup);
+								else JsnHelper::addUserToGroup($user,$usergroup);
+							}
+						}
+					break;
+					case 2:
+						if($userValue>$value)
+						{
+							foreach($usergroups as $usergroup)
+							{
+								if($condition->action=='usergroups_add') JsnHelper::addUserToGroup($user,$usergroup);
+								else JsnHelper::removeUserFromGroup($user,$usergroup);
+							}
+						}
+						elseif($twoWays)
+						{
+							foreach($usergroups as $usergroup)
+							{
+								if($condition->action=='usergroups_add') JsnHelper::removeUserFromGroup($user,$usergroup);
+								else JsnHelper::addUserToGroup($user,$usergroup);
+							}
+						}
+					break;
+					case 3:
+						if($userValue<$value)
+						{
+							foreach($usergroups as $usergroup)
+							{
+								if($condition->action=='usergroups_add') JsnHelper::addUserToGroup($user,$usergroup);
+								else JsnHelper::removeUserFromGroup($user,$usergroup);
+							}
+						}
+						elseif($twoWays)
+						{
+							foreach($usergroups as $usergroup)
+							{
+								if($condition->action=='usergroups_add') JsnHelper::removeUserFromGroup($user,$usergroup);
+								else JsnHelper::addUserToGroup($user,$usergroup);
+							}
+						}
+					break;
+					case 4:
+						if(strpos(' '.$userValue,$value)>0)
+						{
+							foreach($usergroups as $usergroup)
+							{
+								if($condition->action=='usergroups_add') JsnHelper::addUserToGroup($user,$usergroup);
+								else JsnHelper::removeUserFromGroup($user,$usergroup);
+							}
+						}
+						elseif($twoWays)
+						{
+							foreach($usergroups as $usergroup)
+							{
+								if($condition->action=='usergroups_add') JsnHelper::removeUserFromGroup($user,$usergroup);
+								else JsnHelper::addUserToGroup($user,$usergroup);
+							}
+						}
+					break;
+					case 5:
+						if($userValue!=$value)
+						{
+							foreach($usergroups as $usergroup)
+							{
+								if($condition->action=='usergroups_add') JsnHelper::addUserToGroup($user,$usergroup);
+								else JsnHelper::removeUserFromGroup($user,$usergroup);
+							}
+						}
+						elseif($twoWays)
+						{
+							foreach($usergroups as $usergroup)
+							{
+								if($condition->action=='usergroups_add') JsnHelper::removeUserFromGroup($user,$usergroup);
+								else JsnHelper::addUserToGroup($user,$usergroup);
+							}
+						}
+					break;
+					case 6:
+						if(!(strpos(' '.$userValue,$value)>0))
+						{
+							foreach($usergroups as $usergroup)
+							{
+								if($condition->action=='usergroups_add') JsnHelper::addUserToGroup($user,$usergroup);
+								else JsnHelper::removeUserFromGroup($user,$usergroup);
+							}
+						}
+						elseif($twoWays)
+						{
+							foreach($usergroups as $usergroup)
+							{
+								if($condition->action=='usergroups_add') JsnHelper::removeUserFromGroup($user,$usergroup);
+								else JsnHelper::addUserToGroup($user,$usergroup);
+							}
+						}
+					break;
+				}
+			}
+		}
+	}
+}
+
+?>
\ No newline at end of file
diff --git a/deployed/jsn/plugins/jsn/usergroups/usergroups.xml b/deployed/jsn/plugins/jsn/usergroups/usergroups.xml
new file mode 100644
index 00000000..6b881f0e
--- /dev/null
+++ b/deployed/jsn/plugins/jsn/usergroups/usergroups.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<extension version="3.1" type="plugin" group="jsn" method="upgrade">
+	<name>Easy Profile - Usergroups plugin</name>
+	<author>JSN Project</author>
+	<creationDate>December 2013</creationDate>
+	<copyright>(C) 2005 - 2013 Open Source Matters. All rights reserved.</copyright>
+	<license>http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL</license>
+	<authorEmail>fiorino.desanto@gmail.com</authorEmail>
+	<authorUrl>www.joomla.org</authorUrl>
+	<version>1.0.0</version>
+
+	<files>
+		<filename plugin="usergroups">usergroups.php</filename>
+	</files>
+	
+</extension>
diff --git a/deployed/jsn/plugins/search/jsn_search/jsn_search.php b/deployed/jsn/plugins/search/jsn_search/jsn_search.php
new file mode 100644
index 00000000..96cd1da6
--- /dev/null
+++ b/deployed/jsn/plugins/search/jsn_search/jsn_search.php
@@ -0,0 +1,158 @@
+<?php
+/**
+* @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+* @package		Easy Profile
+* website		www.easy-profile.com
+* Technical Support : Forum -	http://www.easy-profile.com/support.html
+*/
+
+defined('_JEXEC') or die;
+
+/**
+ * Contacts search plugin.
+ *
+ * @since  1.6
+ */
+class PlgSearchJsn_search extends JPlugin
+{
+	/**
+	 * Load the language file on instantiation.
+	 *
+	 * @var    boolean
+	 * @since  3.1
+	 */
+	protected $autoloadLanguage = true;
+
+	/**
+	 * Determine areas searchable by this plugin.
+	 *
+	 * @return  array  An array of search areas.
+	 *
+	 * @since   1.6
+	 */
+	public function onContentSearchAreas()
+	{
+		$lang=JFactory::getLanguage();
+		$lang->load('mod_stats');
+		static $areas = array(
+			'jsnusers' => 'MOD_STATS_USERS'
+		);
+
+		return $areas;
+	}
+
+	/**
+	 * Search content (contacts).
+	 *
+	 * The SQL must return the following fields that are used in a common display
+	 * routine: href, title, section, created, text, browsernav.
+	 *
+	 * @param   string  $text      Target search string.
+	 * @param   string  $phrase    Matching option (possible values: exact|any|all).  Default is "any".
+	 * @param   string  $ordering  Ordering option (possible values: newest|oldest|popular|alpha|category).  Default is "newest".
+	 * @param   string  $areas     An array if the search is to be restricted to areas or null to search all areas.
+	 *
+	 * @return  array  Search results.
+	 *
+	 * @since   1.6
+	 */
+	public function onContentSearch($text, $phrase = '', $ordering = '', $areas = null)
+	{
+		require_once(JPATH_ADMINISTRATOR.'/components/com_jsn/defines.php');
+		if (JSN_TYPE == 'free') return;
+		
+		$out = array();
+		$text = trim($text);
+
+		if($text == '')
+		{
+			return $out;
+		}
+
+		if (is_array($areas))
+		{
+			if (!array_intersect($areas, array_keys($this->onContentSearchAreas())))
+			{
+				return $out;
+			}
+		}
+
+		require_once(JPATH_SITE.'/components/com_jsn/helpers/helper.php');
+
+		$db = JFactory::getDbo();
+		$limit = $this->params->def('search_limit', 50);
+
+		$query = $db->getQuery(TRUE);
+		$query->select('u.id,u.name,u.registerDate');
+		$query->from('#__users AS u');
+		$query->where('u.block = 0');
+
+		//$search = $db->quote();
+
+		switch ($phrase)
+		{
+			case 'exact':
+				$query->where("u.name LIKE '%{".$db->escape($text)."}%'");
+				break;
+
+			case 'all':
+			case 'any':
+			default:
+				$words = explode(' ', $text);
+				$wheres = array();
+
+				foreach ($words as $word)
+				{
+					$word = $db->quote('%' . $db->escape($word, true) . '%', false);
+					$wheres2 = array();
+					$wheres2[] = 'u.name LIKE ' . $word;
+					$wheres[] = implode(' OR ', $wheres2);
+				}
+
+				$where = '(' . implode(($phrase == 'all' ? ') AND (' : ') OR ('), $wheres) . ')';
+				$query->where($where);
+				break;
+		}
+
+		switch($ordering)
+		{
+			case 'oldest':
+				$order = 'u.registerDate ASC';
+			break;
+
+			case 'alpha':
+				$order = 'u.name ASC';
+			break;
+
+			case 'newest':
+			default:
+				$order = 'u.registerDate DESC';
+		}
+		$query->order($order);
+
+		$db->setQuery($query, 0, $limit);
+		$result = $db->loadObjectList();
+
+		settype($result, 'array');
+
+		$lang=JFactory::getLanguage();
+		$lang->load('mod_stats');
+		$profileMenu=JFactory::getApplication()->getMenu()->getItems('link','index.php?option=com_jsn&view=profile',true);
+		if(isset($profileMenu->id)) $Itemid=$profileMenu->id;
+		else $Itemid=''; 
+
+		foreach($result as $key => $user)
+		{
+			$out[$key] = new stdClass();
+			$out[$key]->title = $user->name;
+			$out[$key]->text = '';
+			$out[$key]->created = $user->registerDate;
+			$out[$key]->href = JRoute::_('index.php?option=com_jsn&view=profile&Itemid='.$Itemid.'&id='.$user->id,false);
+  			$out[$key]->section = JText::_('MOD_STATS_USERS');
+			$out[$key]->browsernav = 0;
+		}
+
+		return $out;
+	}
+}
diff --git a/deployed/jsn/plugins/search/jsn_search/jsn_search.xml b/deployed/jsn/plugins/search/jsn_search/jsn_search.xml
new file mode 100644
index 00000000..90273181
--- /dev/null
+++ b/deployed/jsn/plugins/search/jsn_search/jsn_search.xml
@@ -0,0 +1,14 @@
+<extension version="3.1" type="plugin" group="search" method="upgrade">
+	<name>Easy Profile - Search plugin</name>
+	<author>JSN Project</author>
+	<creationDate>December 2015</creationDate>
+	<copyright>(C) 2005 - 2013 Open Source Matters. All rights reserved.</copyright>
+	<license>http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL</license>
+	<authorEmail>fiorino.desanto@gmail.com</authorEmail>
+	<authorUrl>www.joomla.org</authorUrl>
+	<version>1.0.0</version>
+
+	<files>
+		<filename plugin="jsn_search">jsn_search.php</filename>
+	</files>
+</extension>
\ No newline at end of file
diff --git a/deployed/jsn/plugins/system/jsn_system/jsn_system.php b/deployed/jsn/plugins/system/jsn_system/jsn_system.php
new file mode 100644
index 00000000..622ad1fe
--- /dev/null
+++ b/deployed/jsn/plugins/system/jsn_system/jsn_system.php
@@ -0,0 +1,965 @@
+<?php
+
+/**
+ * @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+ * @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+ * @package		Easy Profile
+ * website		www.easy-profile.com
+ * Technical Support : Forum -	http://www.easy-profile.com/support.html
+ */
+
+error_reporting(E_ERROR | E_PARSE);
+
+defined('_JEXEC') or die;
+
+class plgSystemJsn_System extends JPlugin
+{
+	private $config = null;
+
+	public function __construct(&$subject, $config)
+	{
+		parent::__construct($subject, $config);
+		// Include Field Class & Field Model
+		foreach (glob(JPATH_ADMINISTRATOR . '/components/com_jsn/helpers/fields/*.php') as $filename) {
+			require_once $filename;
+		}
+		JFormHelper::addFieldPath(JPATH_ADMINISTRATOR . '/components/com_jsn/models/fields');
+		JFormHelper::addRulePath(JPATH_ADMINISTRATOR . '/components/com_jsn/models/rule');
+
+		// Load Config
+		$this->config = JComponentHelper::getParams('com_jsn');
+	}
+
+	public function onAfterRoute()
+	{
+		$app = JFactory::getApplication();
+
+		// Load Config
+		$config = JComponentHelper::getParams('com_jsn');
+
+		// Backend Users Override
+		require_once(JPATH_ADMINISTRATOR . '/components/com_jsn/defines.php');
+
+		if (JSN_TYPE != 'free') defined('JSN_ENV') or die;
+
+		if (JSN_TYPE != 'free' && $app->isAdmin() && JFactory::getApplication()->input->get('option') == 'com_users' && JFactory::getApplication()->input->get('view', 'users') == 'users' && JFactory::getApplication()->input->get('task', '') == '' && JFactory::getApplication()->input->get('tmpl', '') == '')
+			$app->redirect('index.php?option=com_jsn&view=users');
+
+		// Restore User Views on Create and Edit User
+		if (JSN_TYPE != 'free' && $app->isAdmin() && JFactory::getApplication()->input->get('option') == 'com_jsn' && JFactory::getApplication()->input->get('view', '') == 'user' && JFactory::getApplication()->input->get('task', '') == '') {
+			if (JFactory::getApplication()->input->get('id', '')) $app->redirect('index.php?option=com_users&view=users&task=user.edit&id=' . JFactory::getApplication()->input->get('id', ''));
+			else $app->redirect('index.php?option=com_users&view=user&task=user.add');
+		}
+
+
+		// Load Language for modules
+		if ($app->isAdmin() && (JFactory::getApplication()->input->get('option') == 'com_modules' || JFactory::getApplication()->input->get('option') == 'com_advancedmodules')) // Added advanced module configuration
+		{
+			$lang = JFactory::getLanguage();
+			$lang->load('com_jsn');
+		}
+
+		if ($config->get('logintype', 'USERNAME') == 'MAIL') {
+			// Reset Password with Email config
+			if (JFactory::getApplication()->input->get('task') == 'reset.confirm') {
+				$input = JFactory::getApplication()->input;
+				$form = $input->post->get('jform', array(), 'array');
+				if (isset($form['username'])) {
+					$db = JFactory::getDbo();
+					$query = $db->getQuery(true);
+					$query->select('a.username')->from('#__users as a')->where('email = ' . $db->quote($form['username']));
+					$db->setQuery($query);
+					if ($username = $db->loadResult()) {
+						$form['username'] = $username;
+						$input->post->set('jform', $form);
+						JFactory::getApplication()->input->set('jform', $form);
+					}
+				}
+			}
+			// Register with Email config (Bug username in email)
+			if (JFactory::getApplication()->input->get('task') == 'registration.register' || ($app->isAdmin() && JFactory::getApplication()->input->get('option') == 'com_users' && JFactory::getApplication()->input->get('layout') == 'edit' && JFactory::getApplication()->input->get('id', -1) == 0)) {
+				$input = JFactory::getApplication()->input;
+				$form = $input->post->get('jform', array(), 'array');
+				if ($app->isSite()) $form['username'] = $form['email1'];
+				else  $form['username'] = $form['email'];
+				$input->post->set('jform', $form);
+				JFactory::getApplication()->input->set('jform', $form);
+			}
+			if (JFactory::getApplication()->input->get('task') == 'registration.activate') {
+				$db = JFactory::getDbo();
+				$token = JFactory::getApplication()->input->get('token', false);
+				if ($token) {
+					// Get the user id based on the token.
+					$query = $db->getQuery(true);
+					$query->select($db->quoteName('id'))
+						->from($db->quoteName('#__users'))
+						->where($db->quoteName('activation') . ' = ' . $db->quote($token))
+						->where($db->quoteName('block') . ' = ' . 1)
+						->where($db->quoteName('lastvisitDate') . ' = ' . $db->quote($db->getNullDate()));
+					$db->setQuery($query);
+					try {
+						$userId = (int) $db->loadResult();
+						$user = JFactory::getUser($userId);
+						$com_users_config = JComponentHelper::getParams('com_users');
+						if ($com_users_config->get('useractivation', 1) != 2 || ($com_users_config->get('useractivation', 1) == 2 && $user->getParam('activate', 0))) {
+							$user->tmp_username = $user->username;
+							$user->username = $user->email;
+						}
+					} catch (RuntimeException $e) {
+						$this->setError(JText::sprintf('COM_USERS_DATABASE_ERROR', $e->getMessage()), 500);
+					}
+				}
+			}
+		}
+
+		if ($app->isSite()) {
+			// ---- Edit Profiles from Frontend
+			$user = JFactory::getUser();
+
+			$session = JFactory::getSession();
+			$original_id = $session->get('jsn_original_id', 0);
+
+			// ---- Compatibility with Seblod
+			$seblod_guest = 0;
+			if (class_exists('JCck') && JCck::isSite()) {
+				$seblod_guest = (int)JCck::getSite()->guest;
+			}
+
+			if (empty($original_id) || $original_id == $seblod_guest) {
+				$session->set('jsn_original_id', (int) $user->id);
+				$original_id = $user->id;
+			}
+			if ($user->authorise('core.edit', 'com_users') && JFactory::getApplication()->input->get('option', '') == 'com_users' && JFactory::getApplication()->input->get('layout', '') == 'edit' && JFactory::getApplication()->input->get('user_id', 0) > 0) {
+				// Check Super User
+				$editUser = JFactory::getUser(JFactory::getApplication()->input->get('user_id', 0));
+				if ($editUser->authorise('core.admin') && !$user->authorise('core.admin')) {
+					$lang = JFactory::getLanguage();
+					$lang->load('com_jsn');
+					$app->enqueueMessage(JText::_('COM_JSN_NOCHANGEADMIN'), 'error');
+					$app->redirect(JRoute::_('index.php?option=com_jsn&view=profile&id=' . JFactory::getApplication()->input->get('user_id', 0), false));
+				}
+				// Change edit id
+				$app->setUserState('com_users.edit.profile.id', (int) JFactory::getApplication()->input->get('user_id'));
+			} else if ($user->authorise('core.edit', 'com_users') && JFactory::getApplication()->input->get('option', '') == 'com_users' && JFactory::getApplication()->input->get('task', '') == 'profile.save') {
+				// Check Super User
+				$editUser = JFactory::getUser(JFactory::getApplication()->input->get('user_id', 0));
+				if ($editUser->authorise('core.admin') && !$user->authorise('core.admin')) {
+					$lang = JFactory::getLanguage();
+					$lang->load('com_jsn');
+					$app->enqueueMessage(JText::_('COM_JSN_NOCHANGEADMIN'), 'error');
+					$app->redirect(JRoute::_('index.php?option=com_jsn&view=profile', false));
+				}
+				// Change user e editid
+				$input = JFactory::getApplication()->input;
+				$form = $input->post->get('jform', array(), 'array');
+				if (isset($form['id']) && $form['id'] != $user->id) {
+					$user->id = $form['id'];
+					JSession::getFormToken();
+					$input->post->set(JSession::getFormToken(), 1);
+					$app->setUserState('com_users.edit.profile.id', (int) $form['id']);
+				}
+			} else if ($user->id != $original_id) {
+				// Restore User
+				$app->setUserState('com_users.edit.profile.id', (int) $original_id);
+				$session->set('user', new JUser($original_id));
+				// Redirect
+				$menu = $app->getMenu();
+				$profileMenu = $menu->getItems('link', 'index.php?option=com_jsn&view=profile', true);
+				if (isset($profileMenu->id)) {
+					$app->redirect(JRoute::_('index.php?option=com_jsn&id=' . $user->id . '&view=profile&Itemid=' . $profileMenu->id, false));
+				} else {
+					$app->redirect(JRoute::_('index.php?option=com_jsn&id=' . $user->id . '&view=profile&Itemid=' . $menu->getDefault()->id, false));
+				}
+			} else {
+				$app->setUserState('com_users.edit.profile.id', (int) $original_id);
+			}
+
+			// ---- Load JSN Plugins
+			JPluginHelper::importPlugin('jsn');
+
+			// ---- Redirect
+			if (JFactory::getApplication()->input->get('option') == 'com_users' && JFactory::getApplication()->input->get('view') == 'profile' && JFactory::getApplication()->input->get('layout') != 'edit' && JFactory::getApplication()->input->get('task', '') == '') {
+				$profileMenu = JFactory::getApplication()->getMenu()->getItems('link', 'index.php?option=com_jsn&view=profile', true);
+				if (isset($profileMenu->id)) $Itemid = $profileMenu->id;
+				else $Itemid = '';
+				$app->redirect(JRoute::_('index.php?option=com_jsn&view=profile&Itemid=' . $Itemid, false));
+			}
+
+			// ---- Cookie problem when access to other profiles
+			$user->set('cookieLogin', '');
+
+			// ---- Check if required fields are not empty
+			$checkRequired = $config->get('forcerequired', 0);
+			if ($user->id && $checkRequired && !(JFactory::getApplication()->input->get('option', '') == 'com_jsn' && JFactory::getApplication()->input->get('view', '') == 'opField')) {
+				require_once(JPATH_SITE . '/components/com_jsn/helpers/helper.php');
+				$user = JsnHelper::getUser();
+
+				$excludeFromCheck = JsnHelper::excludeFromProfile($user);
+				$access = $user->getAuthorisedViewLevels();
+				$db = JFactory::getDbo();
+				$query = $db->getQuery(true);
+				$query->select('a.alias')->from('#__jsn_fields AS a')->join('LEFT', '#__jsn_fields AS b ON a.parent_id = b.id')->where('a.level = 2')->where('a.published = 1')->where('a.required > 0')->where('a.edit = 1')->where('a.access IN (' . implode(',', $access) . ')')->where('b.access IN (' . implode(',', $access) . ')');
+				$db->setQuery($query);
+				$requiredFields = $db->loadColumn();
+				$required = true;
+				foreach ($requiredFields as $requiredField) {
+					$formFormatRequiredField = 'jform[' . $requiredField . ']';
+					if (!in_array($formFormatRequiredField, $excludeFromCheck) && (!isset($user->$requiredField) || $user->$requiredField == '')) $required = false;
+				}
+				if (!$required) {
+					if (JFactory::getApplication()->input->get('option') == 'com_users' && JFactory::getApplication()->input->get('view') == 'profile' && JFactory::getApplication()->input->get('layout') == 'edit') {
+						$lang = JFactory::getLanguage();
+						$lang->load('com_jsn');
+						if (JFactory::getApplication()->input->get('task') != 'profile.save' && JFactory::getApplication()->input->get('task') != 'save') $app->enqueueMessage(JText::_('COM_JSN_COMPLETEREGISTRATION'), 'warning');
+					} else {
+						if (JFactory::getApplication()->input->get('task') != 'profile.save' && JFactory::getApplication()->input->get('task') != 'save' && JFactory::getApplication()->input->get('task') != 'user.logout') $app->redirect(JRoute::_('index.php?option=com_users&view=profile&layout=edit', false));
+					}
+				} else {
+					JFactory::getSession()->set('redirectAfterLogin', null);
+				}
+			}
+			if ($config->get('layout', 1) && JFactory::getApplication()->input->get('option') == 'com_users' && ((JFactory::getApplication()->input->get('view') == 'profile' && JFactory::getApplication()->input->get('layout') == 'edit') || (JFactory::getApplication()->input->get('view') == 'registration' && JFactory::getApplication()->input->get('layout', '') == ''))) {
+				$active = JFactory::getApplication()->getMenu()->getActive();
+				if (empty($active)) {
+					$active = JFactory::getApplication()->getMenu()->getDefault();
+					$active->home = 0;
+				}
+				$active->query['layout'] = 'easyprofile';
+				JFactory::getApplication()->getMenu()->setActive($active->id);
+			}
+		}
+	}
+
+	function onAfterRender()
+	{
+		$app = JFactory::getApplication();
+		require_once(JPATH_ADMINISTRATOR . '/components/com_jsn/defines.php');
+		if (!$app->isAdmin() && JSN_TYPE == 'pro') {
+			$config = JComponentHelper::getParams('com_jsn');
+			$buttons_everywhere_tag = $config->get('buttons_everywhere_tag', '');
+			if (empty($buttons_everywhere_tag)) $buttons_everywhere_tag = 'socialconnect';
+			$page = JResponse::getBody();
+			$page = str_replace('{' . $buttons_everywhere_tag . '_icon}', '<div class="socialconnect icon"></div>', $page);
+			$page = str_replace('{' . $buttons_everywhere_tag . '}', '<div class="socialconnect"></div>', $page);
+			require_once(JPATH_SITE . '/components/com_jsn/helpers/helper.php');
+			$user = JsnHelper::getUser();
+			if (!$user->guest) {
+				$output = array();
+				$output[] = '<div class="socialconnect_unlink">';
+				if (!empty($user->facebook_id)) $output[] = '<div><a class="zocial facebook" href="index.php?option=com_jsn&amp;view=facebook&task=unset">' . JText::_('COM_JSN_UNLINK') . '</a></div>';
+				if (!empty($user->twitter_id)) $output[] = '<div><a class="zocial twitter" href="index.php?option=com_jsn&amp;view=twitter&task=unset">' . JText::_('COM_JSN_UNLINK') . '</a></div>';
+				if (!empty($user->google_id)) $output[] = '<div><a class="zocial googleplus" href="index.php?option=com_jsn&amp;view=google&task=unset">' . JText::_('COM_JSN_UNLINK') . '</a></div>';
+				if (!empty($user->linkedin_id)) $output[] = '<div><a class="zocial linkedin" href="index.php?option=com_jsn&amp;view=linkedin&task=unset">' . JText::_('COM_JSN_UNLINK') . '</a></div>';
+				$output[] = '</div>';
+				$page = str_replace('{' . $buttons_everywhere_tag . '_unlink}', implode('', $output), $page);
+			} else $page = str_replace('{' . $buttons_everywhere_tag . '_unlink}', '', $page);
+
+			JResponse::setBody($page);
+		}
+	}
+
+	public function onBeforeCompileHead()
+	{
+		require_once(JPATH_ADMINISTRATOR . '/components/com_jsn/defines.php');
+		$xml = JFactory::getXML(JPATH_ADMINISTRATOR . '/components/com_jsn/jsn.xml');
+		$version = (string)$xml->version;
+
+		$app = JFactory::getApplication();
+
+		// Load Config
+		$config = JComponentHelper::getParams('com_jsn');
+
+		// Remove Remind Username if Login type is Email
+		if ($config->get('logintype', 'USERNAME') == 'MAIL' && !$app->isAdmin()) {
+			JHtml::_('jquery.framework');
+			$doc = JFactory::getDocument();
+			$script = 'jQuery(document).ready(function($){$("a[href$=\'?view=remind\']").parent("li").remove();});';
+			$doc->addScriptDeclaration($script);
+		}
+
+		// Javascript for Tabs
+		if (!$app->isAdmin() && JFactory::getApplication()->input->get('option') == 'com_users' && $config->get('tabs', 2)) {
+			JHtml::_('jquery.framework');
+			// Tabs
+			$doc = JFactory::getDocument();
+			$script = '
+			var stepbystep=' . ($config->get('tabs', 2) == 1 || JSN_TYPE == 'free' ? 'false' : 'true') . ';
+			var jsn_prev_button="' . JText::_('JPREV') . '";
+			var jsn_next_button="' . JText::_('JNEXT') . '";
+			';
+			$doc->addScriptDeclaration($script);
+			$doc->addScript(JURI::root() . 'components/com_jsn/assets/js/tabs.js?v=' . $version);
+			$doc->addScript(JURI::root() . 'components/com_jsn/assets/js/tabs.effects.min.js?v=' . $version);
+			$doc->addStylesheet(JURI::root() . 'components/com_jsn/assets/css/tabs.min.css?v=' . $version);
+		} elseif (!$app->isAdmin() && JFactory::getApplication()->input->get('option') == 'com_users') {
+			JHtml::_('jquery.framework');
+			$doc = JFactory::getDocument();
+			$script = '
+			jQuery(document).ready(function($){
+				$(\'#member-registration [type="submit"],#member-profile [type="submit"]\').click(function(){
+					var found=false;
+					$(\'#member-registration .invalid,#member-profile .invalid\').each(function(){
+						if(!found){
+							if(jQuery(window).scrollTop()>100)
+								jQuery(\'html, body\').animate({
+								         scrollTop: jQuery("#system-message-container").offset().top-100
+								     }, 300);
+						}
+						found=true;
+					});
+				});
+			});
+			';
+			$doc->addScriptDeclaration($script);
+		}
+		// Javascript for com_users
+		if (JFactory::getApplication()->input->get('option') == 'com_users' || (JFactory::getApplication()->input->get('option') == 'com_admin' && JFactory::getApplication()->input->get('view') == 'profile')) {
+			JHtml::_('jquery.framework');
+			$doc = JFactory::getDocument();
+			$doc->addScript(JURI::root() . 'components/com_jsn/assets/js/privacy.js?v=' . $version);
+			$doc->addScript(JURI::root() . 'components/com_jsn/assets/js/name.js?v=' . $version);
+		}
+
+		// Javascript to resume form
+		if (!$app->isAdmin() && JFactory::getApplication()->input->get('option') == 'com_users' && JFactory::getApplication()->input->get('view') == 'registration') {
+			JHtml::_('jquery.framework');
+			$doc = JFactory::getDocument();
+			$script = '
+			jQuery(document).ready(function($){
+				function deserialize(el,data) {
+				    var f = el,
+				        map = {},
+				        find = function (selector) { return f.is("form") ? f.find(selector) : f.filter(selector); };
+				    jQuery.each(data.split("&"), function () {
+				        var nv = this.split("="),
+				            n = decodeURIComponent(nv[0]),
+				            v = nv.length > 1 ? decodeURIComponent(nv[1]) : null;
+				        if (!(n in map)) {
+				            map[n] = [];
+				        }
+				        map[n].push(v);
+				    })
+				    jQuery.each(map, function (n, v) {
+				    	var x = n.replace("jform[","").replace("]","").replace("[]","");
+				    	var el = find("[name=\'" + n + "\']");
+				    	if(!jQuery("#"+ x + ".slim").length && !jQuery("#jsn_"+ x + "Modal").length)
+				        	el.val(v).trigger("liszt:updated");
+				    })
+				    return el;
+				};
+				function serializeAndEncode(el) {
+				    return $.map(el.serializeArray(), function(val) {
+				        return [val.name, encodeURIComponent(val.value)].join(\'=\');
+				    }).join(\'&\');
+				};
+				var data = sessionStorage.getItem("form.registration");
+				if(data != null){
+					deserialize($(\'#member-registration\'),data);
+				}
+				sessionStorage.setItem("form.registration",null);
+				$(\'#member-registration\').submit(function(){
+						sessionStorage.setItem("form.registration",serializeAndEncode($(\'#member-registration\')));
+				});
+			});
+			';
+			$doc->addScriptDeclaration($script);
+		}
+
+		// Javascript for Condition (com_users and userlist search form)
+		if ((JFactory::getApplication()->input->get('option', '') == 'com_users' && JFactory::getApplication()->input->get('layout', '') == 'edit') || (JFactory::getApplication()->input->get('option', '') == 'com_users' && JFactory::getApplication()->input->get('layout', '') == '' && JFactory::getApplication()->input->get('view', '') == 'registration') || (JFactory::getApplication()->input->get('option', '') == 'com_jsn' && JFactory::getApplication()->input->get('view', '') == 'list') || (JFactory::getApplication()->input->get('option') == 'com_admin' && JFactory::getApplication()->input->get('view') == 'profile')) {
+			JHtml::_('jquery.framework');
+			require_once(JPATH_SITE . '/components/com_jsn/helpers/helper.php');
+			$user = JsnHelper::getUser();
+			$access = $user->getAuthorisedViewLevels();
+			$doc = JFactory::getDocument();
+			$db = JFactory::getDbo();
+			$query = $db->getQuery(true);
+			$query->select('a.*')->from('#__jsn_fields AS a')->join('LEFT', '#__jsn_fields AS b ON a.parent_id = b.id')->where('a.level = 2')->where('a.published = 1')->where('a.access IN (' . implode(',', $access) . ')')->where('b.access IN (' . implode(',', $access) . ')')->order($db->escape('a.lft') . ' ASC');
+			$db->setQuery($query);
+			$fields = $db->loadObjectList('alias');
+			$script = 'jQuery(document).ready(function($){
+				var hideFieldset=$("#member-profile fieldset.hide,#member-registration fieldset.hide").length;
+				$(".spacer").closest(".control-group,.form-group").addClass("spacer-container");
+				function checkFieldset(){
+					$("#member-profile fieldset:not(.radio ):not(.checkboxes ),#member-registration fieldset:not(.radio ):not(.checkboxes )").each(function(){
+						if($(this).find(".control-group,.form-group").length){
+							if($(this).find(".control-group.hide,.form-group.hide").length==$(this).find(".control-group:not(.spacer-container),.form-group:not(.spacer-container)").length){
+								$(this).hide().addClass("hide");
+							}
+							else {
+								$(this).show().removeClass("hide");
+							}
+						}
+					});'
+				. (!$app->isAdmin() && $config->get('tabs', 2) ? '	if($("#member-profile fieldset.hide,#member-registration fieldset.hide").length!=hideFieldset){
+						hideFieldset=$("#member-profile fieldset.hide,#member-registration fieldset.hide").length;
+						tabs($);
+					}' : '') .
+				($app->isAdmin() ? '
+					$("#myTabContent > div.tab-pane").each(function(){
+						if($(this).find(".control-group:not(.hide)").length){
+							$(\'a[href="#\'+$(this).attr(\'id\')+\'"]\').parent().show().removeClass("hide");
+						}
+						else {
+							$(\'a[href="#\'+$(this).attr(\'id\')+\'"]\').parent().hide().addClass("hide");
+						}
+
+					});
+					' : '')
+				. '}
+				';
+			foreach ($fields as $field) {
+				// Load Conditions
+				if (!empty($field->conditions)) $field->conditions = json_decode($field->conditions);
+				else $field->conditions = array();
+				// Add field hidden in form
+				$skip = array(/*'password','email',*/'registerdate', 'lastvisitdate');
+				if (!$app->isAdmin() && !($config->get('admin_frontend', 0) && $user->authorise('core.edit', 'com_users')) && ((JFactory::getApplication()->input->get('option') == 'com_users' && JFactory::getApplication()->input->get('layout') == 'edit' && $field->edit == 0) || (JFactory::getApplication()->input->get('option') == 'com_users' && JFactory::getApplication()->input->get('view') == 'registration' && JFactory::getApplication()->input->get('task', '') == '' && $field->register == 0)) && !in_array($field->alias, $skip) && $field->type != 'delimeter') {
+					$alias = $field->alias;
+					$userValue = (isset($user->$alias) ? $user->$alias : '');
+					if (is_array($userValue)) $userValue = implode(',', $userValue);
+					$script .= 'if(!$("#jform_' . str_replace('-', '_', $field->alias) . '").length) $("form#member-registration,form#member-profile").after("<input type=\"hidden\" id=\"jform_' . str_replace('-', '_', $field->alias) . '\" value=\"' . str_replace(array("\n", "\r"), '', $userValue) . '\" />");';
+					$field->type = "hidden";
+				}
+				// Conditions
+				foreach ($field->conditions as $condition) {
+					if (!in_array($condition->action, array('fields_show', 'fields_hide')) || empty($condition->fields_target)) continue;
+					$twoWays = $condition->two_ways;
+					$actionShowFields = ($condition->action == 'fields_show' ? true : false);
+
+					switch ($condition->operator) {
+						case 1:
+							$operator = '==';
+							$operator_post = '';
+							break;
+						case 2:
+							$operator = '>';
+							$operator_post = '';
+							break;
+						case 3:
+							$operator = '<';
+							$operator_post = '';
+							break;
+						case 4:
+							$operator = '.indexOf';
+							$operator_post = '!=-1';
+							break;
+						case 5:
+							$operator = '!=';
+							$operator_post = '';
+							break;
+						case 6:
+							$operator = '.indexOf';
+							$operator_post = '!=-1';
+							break;
+					}
+					// Field to Show/Hide
+					$fieldsTarget = '';
+					foreach ($condition->fields_target as $field_target) {
+						$fieldsTarget .= '#jform_' . str_replace('-', '_', $field_target) . ',';
+						$fieldsTarget .= '#jform_privacy_' . str_replace('-', '_', $field_target) . ',';
+					}
+					$fieldsTarget = trim($fieldsTarget, ',');
+					// Field to Check
+					if ($condition->to == '_custom') $valueToCheck = 'var valToCheck="' . $condition->custom_value . '";';
+					else $valueToCheck = '
+						var valToCheck=$("#jform_' . str_replace('-', '_', $condition->to) . '").val();
+						$("#jform_' . str_replace('-', '_', $condition->to) . ' input:checked").each(function(){
+							if(valToCheck=="") valToCheck=$(this).val();
+							else valToCheck=valToCheck+","+$(this).val();
+						});
+					';
+					// Field to Bind
+					if ($condition->to == '_custom') $fieldToBind = '#jform_' . str_replace('-', '_', $field->alias);
+					else $fieldToBind = '#jform_' . str_replace('-', '_', $field->alias) . ',#jform_' . str_replace('-', '_', $condition->to);
+					// Show/Hide Script
+					$script_showStart = 'if($(this).is(".norequired")){
+									$(this).addClass("required").removeClass("norequired").attr("required","required").attr("aria-required","true");
+									$(this).find("input[type!=\'checkbox\']").addClass("required").removeClass("norequired").attr("required","required").attr("aria-required","true");
+								}
+								$(this).closest(".control-group,.form-group").show().removeClass("hide");';
+					$script_hideStart = 'if($(this).is(".required") || $(this).is("[aria-required=\'true\']") || $(this).is("[required=\'required\']")){
+									$(this).addClass("norequired").removeClass("required").removeAttr("required").attr("aria-required","false");
+									$(this).find("input[type!=\'checkbox\']").addClass("norequired").removeClass("required").removeAttr("required").attr("aria-required","false");
+								}
+								$(this).closest(".control-group,.form-group").hide().addClass("hide");';
+					$script_showSlide = 'if($(this).is(".norequired")){
+									$(this).addClass("required").removeClass("norequired").attr("required","required").attr("aria-required","true");
+									$(this).find("input[type!=\'checkbox\']").addClass("required").removeClass("norequired").attr("required","required").attr("aria-required","true");
+								}
+								$(this).closest(".control-group,.form-group").slideDown().removeClass("go-to-hide hide");checkFieldset();';
+					$script_hideSlide = 'if($(this).is(".required") || $(this).is("[aria-required=\'true\']") || $(this).is("[required=\'required\']")){
+									$(this).addClass("norequired").removeClass("required").removeAttr("required").attr("aria-required","false");
+									$(this).find("input[type!=\'checkbox\']").addClass("norequired").removeClass("required").removeAttr("required").attr("aria-required","false");
+								}
+								$(this).closest(".control-group,.form-group").addClass("go-to-hide").slideUp(function(){$(this).filter(".go-to-hide").addClass("hide").removeClass("go-to-hide");checkFieldset();});';
+
+					// Code
+					$scriptval = '
+						var val=$("#jform_' . str_replace('-', '_', $field->alias) . '").val();
+					';
+					if ($field->type == 'radiolist')
+						$scriptval = '
+							var val=$("#jform_' . str_replace('-', '_', $field->alias) . ' input:checked").val();
+						';
+					if ($field->type == 'checkboxlist')
+						$scriptval = '
+							var val="";
+							$("#jform_' . str_replace('-', '_', $field->alias) . ' input:checked").each(function(){
+								if(val=="") val=$(this).val();
+								else val=val+","+$(this).val();
+							});
+						';
+					$script .= '
+						' . $scriptval . '
+						if(val==null || val==undefined) val="";
+						' . $valueToCheck . '
+						if(valToCheck==null || valToCheck==undefined) valToCheck="";
+						if($("#jform_' . str_replace('-', '_', $field->alias) . '").length) if(val' . $operator . '(valToCheck)' . $operator_post . ')
+							$("' . $fieldsTarget . '").each(function(){
+								' . ($actionShowFields ? $script_showStart : $script_hideStart) . '
+							});
+						';
+					if ($twoWays) $script .= 'else
+							$("' . $fieldsTarget . '").each(function(){
+								' . ($actionShowFields ? $script_hideStart : $script_showStart) . '
+							});';
+					$script .= 'checkFieldset();
+						$("' . $fieldToBind . '").bind("change keyup",function(){
+							' . $scriptval . '
+							if(val==null || val==undefined) val="";
+							' . $valueToCheck . '
+							if(valToCheck==null || valToCheck==undefined) valToCheck="";
+							if(val' . $operator . '(valToCheck)' . $operator_post . ')
+								$("' . $fieldsTarget . '").each(function(){
+									' . ($actionShowFields ? $script_showSlide : $script_hideSlide) . '
+								});
+							';
+					if ($twoWays) $script .= 'else
+								$("' . $fieldsTarget . '").each(function(){
+									' . ($actionShowFields ? $script_hideSlide : $script_showSlide) . '
+								});';
+					$script .= '
+						});';
+				}
+			}
+			$script .= '});';
+			$doc->addScriptDeclaration($script);
+		}
+
+		// Javascript Avatar Letters
+		if (!$app->isAdmin() && $config->get('avatarletters', 0) && $config->get('avatar', 1) == 1 && JSN_TYPE != 'free') {
+			$doc = JFactory::getDocument();
+			$doc->addScript(JURI::root() . 'components/com_jsn/assets/js/avatarletters.min.js?v=' . $version);
+		}
+
+		// Javascript Options Page (Backend)
+		if ($app->isAdmin() && JFactory::getApplication()->input->get('option') == 'com_config' && JFactory::getApplication()->input->get('component') == 'com_jsn') {
+			$script = 'jQuery(document).ready(function($){
+				$("#jform_layout0, #jform_layout1").change(function(){
+					if( $("#jform_layout1").is(":checked") ) {
+						$("#jform_layout_width").closest(".control-group").show();
+						$("#jform_layout_maxwidth").closest(".control-group").show();
+						$("#jform_layout_form").closest(".control-group").show();
+					}
+					else {
+						$("#jform_layout_width").closest(".control-group").hide();
+						$("#jform_layout_maxwidth").closest(".control-group").hide();
+						$("#jform_layout_form").closest(".control-group").hide();
+					}
+					$("#jform_layout_width0").change();
+				});
+				$("#jform_layout_width0, #jform_layout_width1").change(function(){
+					if( $("#jform_layout_width1").is(":checked") ) {
+						$("#jform_layout_maxwidth").closest(".control-group").show();
+					}
+					else {
+						$("#jform_layout_maxwidth").closest(".control-group").hide();
+					}
+				});
+				$("#jform_layout0").change();
+				$("#jform_layout_width0").change();
+				' . (JSN_TYPE == 'free' ? '
+					if($("#jform_tabs2").prop("checked")) {$("#jform_tabs1 + label").addClass("active btn-success");$("#jform_tabs1").prop("checked",true).change();}
+					$("#jform_tabs2 + label").remove();
+					$("#jform_tabs2").after("<label class=\"btn disabled\">' . JText::_('COM_JSN_STEPBYSTEP') . ' - <b>NOT AVAILABLE IN FREE</b></label>");
+					$("#jform_avatarletters1 + label").remove();
+					$("#jform_avatarletters1").after("<label class=\"btn disabled\">' . JText::_('JYES') . ' - <b>NOT AVAILABLE IN FREE</b></label>");
+					$("#jform_activatenewmail1 + label").remove();
+					$("#jform_activatenewmail1").after("<label class=\"btn disabled\">' . JText::_('JYES') . ' - <b>NOT AVAILABLE IN FREE</b></label>");
+					if($("#jform_avatar2").prop("checked")) {$("#jform_avatar1 + label").addClass("active btn-success");$("#jform_avatar1").prop("checked",true).change();}
+					$("#jform_avatar2 + label").remove();
+					$("#jform_avatar2").after("<label class=\"btn disabled\">Gravatar - <b>NOT AVAILABLE IN FREE</b></label>");
+					if($("#jform_admin_loginas1").prop("checked")) {$("#jform_admin_loginas0 + label").addClass("active btn-success");$("#jform_admin_loginas0").prop("checked",true).change();}
+					$("#jform_admin_loginas1 + label").remove();
+					$("#jform_admin_loginas1").after("<label class=\"btn disabled\">Yes - <b>NOT AVAILABLE IN FREE</b></label>");
+					' : '') . '
+				' . (JSN_TYPE != 'pro' ? '
+					$("#jform_export_all_fields0 + label,#jform_export_all_fields1 + label").remove();
+					$("#jform_export_all_fields").append("<label class=\"btn disabled\"><b>ONLY PRO</b></label>");
+					$("#jform_export_separator").after("<label class=\"btn disabled\"><b>ONLY PRO</b></label>");
+					$("#jform_export_separator").remove();
+					$("#jform_export_list_fields").closest(".control-group").remove();
+					' : '') . '
+			});';
+			$doc = JFactory::getDocument();
+			$doc->addScriptDeclaration($script);
+		}
+
+		// Add Bootstrap CSS
+		if (!$app->isAdmin() && (JFactory::getApplication()->input->get('option') == 'com_users' || JFactory::getApplication()->input->get('option') == 'com_jsn') && $config->get('bootstrap', 0)) {
+			$doc = JFactory::getDocument();
+			$doc->addStylesheet(JURI::root() . 'media/jui/css/bootstrap.min.css');
+			$dir = $doc->direction;
+			if ($dir == 'rtl') {
+				$doc->addStylesheet(JURI::root() . 'media/jui/css/bootstrap-rtl.css');
+			}
+		}
+
+		// Add Bootstrap Icons
+		if (!$app->isAdmin() && (JFactory::getApplication()->input->get('option') == 'com_users' || JFactory::getApplication()->input->get('option') == 'com_jsn') && $config->get('bootstrap_icons', 0)) {
+			$doc = JFactory::getDocument();
+			$doc->addStylesheet(JURI::root() . 'media/jui/css/icomoon.css');
+		}
+
+		// Add Javascript Bootstrap on profile page
+		if (JFactory::getApplication()->input->get('option') == 'com_jsn' && JFactory::getApplication()->input->get('view', 'profile') == 'profile') {
+			JHtml::_('bootstrap.framework');
+			$doc = JFactory::getDocument();
+			$doc->addScript(JURI::root() . 'components/com_jsn/assets/js/tabs.js?v=' . $version);
+			$doc->addScript(JURI::root() . 'components/com_jsn/assets/js/tabs.effects.min.js?v=' . $version);
+			$doc->addStylesheet(JURI::root() . 'components/com_jsn/assets/css/tabs.min.css?v=' . $version);
+		}
+
+		// Add Style to Site (Components, Modules and Plugins)
+		if ($app->isSite() || (JFactory::getApplication()->input->get('option') == 'com_users' || (JFactory::getApplication()->input->get('option') == 'com_admin' && JFactory::getApplication()->input->get('view') == 'profile'))) {
+			$doc = JFactory::getDocument();
+			$doc->addStylesheet(JURI::root() . 'components/com_jsn/assets/css/style.min.css?v=' . $version);
+			$dir = $doc->direction;
+			if ($dir == 'rtl') {
+				$doc->addStylesheet(JURI::root() . 'components/com_jsn/assets/css/style-rtl.min.css?v=' . $version);
+			}
+		}
+	}
+
+	public function onInstallerBeforePackageDownload(&$url, &$headers)
+	{
+		require_once(JPATH_ADMINISTRATOR . '/components/com_jsn/defines.php');
+
+		$uri = JUri::getInstance($url);
+
+		// I don't care about download URLs not coming from our site
+		$host = $uri->getHost();
+		if ($host != 'www.easy-profile.com') {
+			return true;
+		}
+
+		// Get the download ID
+		$config = JComponentHelper::getParams('com_jsn');
+		$dlcode = $config->get('download_id', '');
+
+		// If the download ID is invalid, return without any further action
+		if (!preg_match('/^([0-9]{1,}:)?[0-9a-f]{32}$/i', $dlcode)) {
+			return true;
+		}
+
+		// Append the Download ID to the download URL
+		if (!empty($dlcode)) {
+			$uri->setVar('t', JSN_TYPE);
+			$uri->setVar('dlcode', $dlcode);
+			$url = $uri->toString();
+		}
+
+		return true;
+	}
+
+	public function onContentPrepareForm($form, $data)
+	{
+		if (!($form instanceof JForm)) {
+			$this->_subject->setError('JERROR_NOT_A_FORM');
+			return false;
+		}
+
+		$name = $form->getName();
+
+		// Change Labels of "Username" in Login and Confirm Reset Forms
+		if (($name == 'com_users.login' || $name == 'com_users.reset_confirm') && $this->config->get('logintype', 'USERNAME') == 'MAIL') {
+			$lang = JFactory::getLanguage();
+			$lang->load('com_jsn');
+			$form->setFieldAttribute('username', 'label', 'COM_JSN_FORMS_EMAIL');
+		}
+		if ($name == 'com_users.login' && $this->config->get('logintype', 'USERNAME') == 'USERNAMEMAIL') {
+			$lang = JFactory::getLanguage();
+			$lang->load('com_jsn');
+			$form->setFieldAttribute('username', 'label', 'COM_JSN_FORMS_USERNAMEOREMAIL');
+		}
+
+		// Check we are manipulating a valid form.
+		if (!in_array($name, array('com_admin.profile', 'com_users.user', 'com_users.profile', 'com_users.registration'))) {
+			return true;
+		}
+
+		// Include Language for com_users
+		$lang = JFactory::getLanguage();
+		$lang->load('com_jsn');
+
+		require_once(JPATH_SITE . '/components/com_jsn/helpers/helper.php');
+
+		// Access
+		if (isset($data->id))  $id = JFactory::getApplication()->getUserState('com_users.edit.profile.id', $data->id);
+		else $id = JFactory::getApplication()->getUserState('com_users.edit.profile.id', JFactory::getApplication()->input->get('id', null));
+
+		if ($id == 0) $user = new JUser();
+		else $user = JsnHelper::getUser($id);
+		$access = $user->getAuthorisedViewLevels();
+
+		$db = JFactory::getDbo();
+
+		// Social Integration
+		global $JSNSOCIAL;
+		if ($JSNSOCIAL && !$user->guest) {
+			$db->setQuery("SELECT friend_id FROM #__jsnsocial_friends WHERE user_id = " . $user->id);
+			$friends = $db->loadColumn();
+			if (empty($friends)) $friends = array(0);
+		}
+
+		// Visitor
+		$userVisitor = JFactory::getUser();
+
+		// Access to view field and groups
+		$accessVisitor = $userVisitor->getAuthorisedViewLevels();
+
+		// Privacy
+		if ($userVisitor->id == $user->id) $privacy = 99;
+		elseif ($userVisitor->id && !$JSNSOCIAL) $privacy = 1;
+		elseif ($userVisitor->id && $JSNSOCIAL && in_array($userVisitor->id, $friends)) $privacy = 1;
+		else $privacy = 0;
+
+		// Privacy Skip for Admin
+		if ($userVisitor->authorise('core.edit', 'com_users')) $privacy = 99;
+
+		// Set fields query depend on view
+		if ($name == 'com_users.profile' && JFactory::getApplication()->input->get('layout') != 'edit' && JFactory::getApplication()->input->get('task', '') == '') $where = "profile = 1";
+		elseif ($name == 'com_users.profile' && JFactory::getApplication()->input->get('option', '') == 'com_users' && (JFactory::getApplication()->input->get('layout') == 'edit' || JFactory::getApplication()->input->get('task', '') != '')) {
+			$session = JFactory::getSession();
+			$original_id = $session->get('jsn_original_id', 0);
+			if ($this->config->get('admin_frontend', 0) && ($original_id != $user->id || $user->authorise('core.edit', 'com_users'))) {
+				if (JFactory::getApplication()->input->get('task', '') == '') JFactory::getApplication()->enqueueMessage(JText::_('COM_JSN_ADMIN_FRONTEND'), 'info');
+				$where = false;
+			} else {
+				$where = "edit = 1";
+			}
+		} elseif ($name == 'com_users.registration') $where = "register = 1";
+		else $where = false;
+
+
+
+		// Reset Form
+		if (JFactory::getApplication()->isSite()) {
+			$form->reset(true);
+		} else {
+			$form->removeField('name');
+			$form->removeField('email');
+			$form->removeField('username');
+			$form->removeField('password');
+			$form->removeField('password2');
+		}
+
+		// Compile XML
+		$xml = '<form>' . "\n";
+		$query = $db->getQuery(true);
+		$query->select('a.*')->from('#__jsn_fields AS a')->where('a.level = 1')->where('a.published = 1')->order($db->escape('a.lft') . ' ASC'); //->where('a.alias <> ' . $db->quote('root'));
+		$db->setQuery($query);
+		$fieldgroups = $db->loadObjectList();
+		$first_fieldgroup = true;
+		foreach ($fieldgroups as $fieldgroup) {
+			if (in_array($fieldgroup->access, $access) && ($privacy == 99 || in_array($fieldgroup->accessview, $accessVisitor))) {
+				$query = $db->getQuery(true);
+				$query->select('a.*')->from('#__jsn_fields AS a')->where('a.level = 2')->where('a.published = 1')->where('a.parent_id = ' . $fieldgroup->id)->order($db->escape('a.lft') . ' ASC'); //->where('a.alias <> ' . $db->quote('root'));
+				if ($where) $query->where($where);
+				$db->setQuery($query);
+				$fields = $db->loadObjectList('id');
+				$fieldsXml = '';
+				foreach ($fields as $field) {
+					// Load Options
+					$registry = new JRegistry;
+					$registry->loadString($field->params);
+					$field->params = $registry;
+
+					// Privacy Default
+					$privacy_enable = $field->params->get('privacy', 0);
+					$privacy_name = 'privacy_' . $field->alias;
+					if (!isset($data->$privacy_name) && is_object($data)) $data->$privacy_name = $field->params->get('privacy_default', 0);
+					if (isset($data->$privacy_name)) $user_privacy = $data->$privacy_name;
+					else $user_privacy = $field->params->get('privacy_default', 0);
+
+					if (in_array($field->access, $access) && ($privacy == 99 || in_array($field->accessview, $accessVisitor)) && (JFactory::getApplication()->isAdmin() || !$privacy_enable || $user_privacy <= $privacy)) {
+						// Get Xml
+						$class = 'Jsn' . ucfirst($field->type) . 'FieldHelper';
+						if (class_exists($class)) {
+							// Privacy Xml
+							if ((JFactory::getApplication()->input->get('task', '') != '' || JFactory::getApplication()->input->get('view') == 'registration' || JFactory::getApplication()->input->get('layout') == 'edit') && !in_array($field->alias, array('password', 'registereddate', 'lastvisitdate')) && $privacy_enable && JFactory::getApplication()->input->get('option', '') == 'com_users')
+								if ($this->config->get('profileACL', 2) != 0) $fieldsXml .= '
+								<field
+									name="privacy_' . $field->alias . '"
+									type="privacy"
+									default="' . $field->params->get('privacy_default', 0) . '"
+									id="privacy_' . $field->alias . '"
+									class="privacy"
+									label=""
+								></field>
+
+								';
+							$fieldsXml .= $class::getXml($field);
+						}
+						$lastFielgroup = 'jsn_' . $fieldgroup->alias;
+					}
+				}
+				if (JFactory::getApplication()->isAdmin()) {
+					$fieldsXml = str_replace(array('required="admin"', 'requiredfile="admin"', 'required="frontend"', 'requiredfile="frontend"'), array('required="true"', 'requiredfile="true"', 'required="false"', 'requiredfile="false"'), $fieldsXml);
+				} else {
+					$fieldsXml = str_replace(array('required="admin"', 'requiredfile="admin"', 'required="frontend"', 'requiredfile="frontend"'), array('required="true"', 'requiredfile="true"', 'required="true"', 'requiredfile="true"'), $fieldsXml);
+				}
+				if ($fieldsXml != '') {
+					$registry = new JRegistry;
+					$registry->loadString($fieldgroup->params);
+					$fieldgroup->params = $registry;
+					if ($name == 'com_users.registration') $group_desc = '<span>' . JText::_($fieldgroup->params->get('subtitle_registration', '')) . '</span>';
+					elseif ($name == 'com_users.profile' && JFactory::getApplication()->input->get('option', '') == 'com_jsn') $group_desc = '<span>' . JText::_($fieldgroup->params->get('subtitle_profile', '')) . '</span>';
+					elseif ($name == 'com_users.profile' && JFactory::getApplication()->input->get('option', '') == 'com_users') $group_desc = '<span>' . JText::_($fieldgroup->params->get('subtitle_editprofile', '')) . '</span>';
+					else $group_desc = '';
+					$xml .= "\n\t" . '<fieldset name="jsn_' . $fieldgroup->alias . '" label="' . JsnHelper::xmlentities(JText::_($fieldgroup->title) . $group_desc) . '" >' . ($name == 'com_users.registration' && ($this->config->get('tabs', 2) || $first_fieldgroup) ? '<field name="spacer_' . $fieldgroup->alias . '" type="spacer" class="text" label="COM_USERS_REGISTER_REQUIRED" />' : '') . $fieldsXml . "\n\t" . ($fieldgroup->core ? JsnCoreFieldHelper::getXml() : '') . '</fieldset>' . "\n";
+					$first_fieldgroup = false;
+				}
+			}
+		}
+
+		// Remove Default value in Edit Profile
+		if (($name != 'com_users.registration' && JFactory::getApplication()->isSite()) || JFactory::getApplication()->input->get('task', '') != '' || (JFactory::getApplication()->isAdmin() && JFactory::getApplication()->input->get('id', 0) > 0)) {
+			$xml = str_replace('default="', 'removed_default="', $xml);
+		}
+
+		// TwoFactor XML code, not in fieldset
+		if ($name == 'com_users.profile') $xml .= '<field name="twofactor" type="hidden" default="none" />';
+
+		// Close XML
+		$xml .= "\n" . '</form>';
+
+		// Load XML
+		$xml = new SimpleXMLElement($xml);
+		$form->load($xml);
+
+		// Remove Required for Conditional
+		if (JFactory::getApplication()->input->get('jform', null, 'array')) {
+			require_once(JPATH_SITE . '/components/com_jsn/helpers/helper.php');
+			$dataCheck = (object) array_merge((array) $user, JFactory::getApplication()->input->get('jform', array(), 'array'));
+			$excludeRequired = JsnHelper::excludeFromProfile($dataCheck, true);
+			foreach ($excludeRequired as $field) {
+				$form->setFieldAttribute($field, 'required', false);
+				$form->setFieldAttribute($field, 'requiredfile', false);
+			}
+		}
+
+
+		// Adjust Params to see after other fields
+		if ($userVisitor->id == $user->id && JFactory::getApplication()->isSite() && JComponentHelper::getParams('com_users')->get('frontend_userparams', 1) && $name != 'com_users.registration') {
+			$form->loadFile(JPATH_SITE . '/components/com_users/models/forms/frontend.xml');
+		}
+
+		// Move Captcha to last fieldset
+		if ($name == 'com_users.registration') {
+			$form->load('<form><fieldset name="' . $lastFielgroup . '"><field
+				name="captcha"
+				type="captcha"
+				label="COM_USERS_CAPTCHA_LABEL"
+				description="COM_USERS_CAPTCHA_DESC"
+				validate="captcha"
+			/></fieldset></form>');
+		}
+
+		// Site Language on Registration
+		if ($name == 'com_users.registration' && JComponentHelper::getParams('com_users')->get('site_language', 0)) {
+			$form->loadFile(JPATH_SITE . '/components/com_users/models/forms/sitelang.xml');
+		}
+
+		// Remove joomla core field from profile
+		if ($name == 'com_users.profile' && JFactory::getApplication()->input->get('layout') != 'edit' && JFactory::getApplication()->input->get('task', '') == '') {
+			if (JFactory::getApplication()->input->get('option') == 'com_users') $form->removeField('username'); // username is included in summary
+			$form->removeField('password1');
+			$form->removeField('password2');
+			$form->removeField('email2');
+		}
+
+		// Remove username field if logintype is MAIL
+		$logintype = $this->config->get('logintype', 'USERNAME');
+		if ($logintype == 'MAIL') {
+			$form->setFieldAttribute('username', 'type', 'hidden');
+			if (JFactory::getApplication()->input->get('option') == 'com_jsn') {
+				$form->setFieldAttribute('username', 'type', 'text');
+			}
+			if (JFactory::getApplication()->input->get('view') == 'registration' || JFactory::getApplication()->isAdmin()) {
+				$form->setFieldAttribute('username', 'default', md5(uniqid(rand(), true)));
+			}
+		}
+
+		// Set Default Value in Registration
+		if ($name == 'com_users.registration') {
+			foreach (JFactory::getApplication()->input->get->getArray() as $key => $value) {
+				$form->setFieldAttribute($key, 'default', $value);
+			}
+		}
+
+		return true;
+	}
+
+	function onAfterInitialise()
+	{
+		JPlugin::loadLanguage('com_jsn', JPATH_ADMINISTRATOR);
+
+		$app	= JFactory::getApplication();
+		$db		= JFactory::getDbo();
+		$user	= JFactory::getUser();
+		$uid = JRequest::getInt('uid', 0);
+
+		if ($app->isAdmin() || !JRequest::getBool('switchuser', 0) || !$uid) {
+			return;
+		}
+
+		if ($user->id == $uid) {
+			$app->enqueueMessage(JText::_('COM_JSN_ALREADY_LOGGED_WITH_THIS_USER'), 'warning');
+			return $app->redirect('index.php');
+		}
+
+		if ($user->id) {
+			$app->enqueueMessage(JText::_('COM_JSN_ALREADY_LOGGED_WITH_SOME_USER'), 'warning');
+			return $app->redirect('index.php');
+		}
+
+		$backendSessionId = JRequest::getVar(md5(JApplication::getHash('administrator')), null, "COOKIE");
+
+
+		$query = 'SELECT userid'
+			. ' FROM #__session'
+			. ' WHERE session_id = ' . $db->Quote($backendSessionId)
+			. ' AND client_id = 1'
+			. ' AND guest = 0';
+
+		$db->setQuery($query);
+		if (!$backendUserId = $db->loadResult()) {
+			$app->enqueueMessage(JText::_('COM_JSN_SESSION_EXPIRED'), 'error');
+			return $app->redirect('index.php');
+		}
+		$login_user = JFactory::getUser($uid);
+		$isroot = $login_user->authorise('core.admin');
+		if ($isroot) {
+			$app->enqueueMessage(JText::_('COM_JSN_CANT_LOGIN_AS_SUPERADMIN'), 'warning');
+			return $app->redirect('index.php');
+		}
+
+		$credentials = array('username' => $login_user->username, 'password' => 'BLANK', 'password_clear' => '');
+		$options = array('user_id' => $uid, 'type' => 'jsnconnect', 'autoregister' => false);
+		$app->login($credentials, $options);
+		$app->enqueueMessage(JText::_('COM_JSN_LOGIN_AS_USER_SUCCESS'), 'success');
+		$app->redirect('index.php');
+	}
+}
diff --git a/deployed/jsn/plugins/system/jsn_system/jsn_system.xml b/deployed/jsn/plugins/system/jsn_system/jsn_system.xml
new file mode 100644
index 00000000..48a5fdd1
--- /dev/null
+++ b/deployed/jsn/plugins/system/jsn_system/jsn_system.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<extension version="3.0" type="plugin" group="system" method="upgrade">
+	<name>Easy Profile - System plugin</name>
+	<author>JSN Project</author>
+	<creationDate>December 2013</creationDate>
+	<copyright>(C) 2005 - 2013 Open Source Matters. All rights reserved.</copyright>
+	<license>http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL</license>
+	<authorEmail>fiorino.desanto@gmail.com</authorEmail>
+	<authorUrl>www.joomla.org</authorUrl>
+	<version>1.0.0</version>
+
+	<files>
+		<filename plugin="jsn_system">jsn_system.php</filename>
+	</files>
+</extension>
diff --git a/deployed/jsn/plugins/user/jsn_users/jsn_users.php b/deployed/jsn/plugins/user/jsn_users/jsn_users.php
new file mode 100644
index 00000000..4865328e
--- /dev/null
+++ b/deployed/jsn/plugins/user/jsn_users/jsn_users.php
@@ -0,0 +1,596 @@
+<?php
+
+/**
+ * @copyright	Copyright (C) 2013 Jsn Project company. All rights reserved.
+ * @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
+ * @package		Easy Profile
+ * website		www.easy-profile.com
+ * Technical Support : Forum -	http://www.easy-profile.com/support.html
+ */
+
+defined('_JEXEC') or die;
+
+class PlgUserJsn_Users extends JPlugin
+{
+	private $config = null;
+
+	public function __construct(&$subject, $config)
+	{
+		parent::__construct($subject, $config);
+		// Include Field Class & Field Model
+		/*foreach (glob(JPATH_ADMINISTRATOR . '/components/com_jsn/helpers/fields/*.php') as $filename) {
+			require_once $filename;
+		}
+		JFormHelper::addFieldPath(JPATH_ADMINISTRATOR.'/components/com_jsn/models/fields');
+		JFormHelper::addRulePath(JPATH_ADMINISTRATOR.'/components/com_jsn/models/rule');*/
+
+		// Load Config
+		$this->config = JComponentHelper::getParams('com_jsn');
+
+		// Activate email when user change it
+		require_once(JPATH_ADMINISTRATOR . '/components/com_jsn/defines.php');
+		if ($this->config->get('activatenewmail', 0) && JSN_TYPE != 'free') {
+			$lang = JFactory::getLanguage();
+			$lang->load('com_jsn');
+			$this->activateNewEmail();
+		}
+	}
+
+	public function onContentPrepareData($context, $data)
+	{
+		// Check we are manipulating a valid form.
+		if (!in_array($context, array('com_users.profile', 'com_users.user', 'com_users.registration', 'com_admin.profile'))) {
+			return true;
+		}
+
+		if (is_object($data)) {
+			$userId = isset($data->id) ? $data->id : 0;
+
+			if (!isset($data->firstname) and $userId > 0) {
+				$db = JFactory::getDbo();
+
+				// Load the profile data from the database.
+				static $user_cache = null;
+				if (!isset($user_cache[$userId])) {
+					$query = $db->getQuery(true);
+					$query->select('a.*')->from('#__jsn_users AS a')->where('a.id = ' . $userId);
+					$db->setQuery($query);
+					$user_cache[$userId] = $db->loadObject();
+				}
+				$user = $user_cache[$userId];
+
+				if (empty($user)) $user = new stdClass();
+
+				if (!isset($user->firstname)) $user->firstname = $data->name;
+
+				static $fields_cache = null;
+				if ($fields_cache == null) {
+					$query = $db->getQuery(true);
+					$query->select('a.*')->from('#__jsn_fields AS a')->where('a.level = 2')->where('a.published = 1')/*->order($db->escape('a.lft') . ' ASC')*/;
+					$db->setQuery($query);
+					$fields_cache = $db->loadObjectList();
+				}
+				$fields = $fields_cache;
+
+				// Privacy
+				if (isset($user->privacy)) {
+					if (is_string($user->privacy)) $user->privacy = (array) json_decode($user->privacy);
+					if ((is_array($user->privacy) || is_object($user->privacy)) && count($user->privacy)) foreach ($user->privacy as $key => $value) {
+						$data->$key = $value;
+					}
+				}
+
+				foreach ($fields as $field) {
+					// Load Field Registry
+					$registry = new JRegistry;
+					$registry->loadString($field->params);
+					$field->params = $registry;
+
+					// Privacy
+					$privacy_name = 'privacy_' . $field->alias;
+					if ($field->params->get('privacy', 0)) {
+						if (!isset($data->$privacy_name)) $data->$privacy_name = $field->params->get('privacy_default', 0);
+					} else {
+						if (isset($data->$privacy_name)) unset($data->$privacy_name);
+					}
+
+					// Field Class
+					$class = 'Jsn' . ucfirst($field->type) . 'FieldHelper';
+					if (class_exists($class)) $class::loadData($field, $user, $data);
+
+					// Register Function to Profile Display
+					if (!JHtml::isRegistered('jsn.' . $field->type)) {
+						JHtml::register('jsn.' . $field->type, array($class, $field->type));
+					}
+				}
+				if (!JHtml::isRegistered('jsn.email')) {
+					JHtml::register('jsn.email', array('JsnUsermailFieldHelper', 'usermail'));
+				}
+
+				// Social Connect
+				if (isset($user->facebook_id)) $data->facebook_id = $user->facebook_id;
+				if (isset($user->twitter_id)) $data->twitter_id = $user->twitter_id;
+				if (isset($user->google_id)) $data->google_id = $user->google_id;
+				if (isset($user->linkedin_id)) $data->linkedin_id = $user->linkedin_id;
+				if (isset($user->instagram_id)) $data->instagram_id = $user->instagram_id;
+			}
+		}
+		return true;
+	}
+
+	public function onUserBeforeSave($user, $isnew, $data)
+	{
+		// Activate email when user change it
+		require_once(JPATH_ADMINISTRATOR . '/components/com_jsn/defines.php');
+		if ($this->config->get('activatenewmail', 0) && JSN_TYPE != 'free') {
+			$this->changeEmailBeforeSave($user, $isnew, $data);
+		}
+		return true;
+	}
+
+	public function onUserAfterSave($data, $isNew, $result, $error)
+	{
+		$userId = JArrayHelper::getValue($data, 'id', 0, 'int');
+
+		// Activate email when user change it
+		require_once(JPATH_ADMINISTRATOR . '/components/com_jsn/defines.php');
+		if ($this->config->get('activatenewmail', 0) && JSN_TYPE != 'free') {
+			$this->changeEmailAfterSave($userId, $data, $isNew, $result, $error);
+		}
+
+		if ($this->config->get('logintype', 'USERNAME') == 'MAIL' && (JFactory::getApplication()->input->get('task') == 'registration.activate' || JFactory::getApplication()->input->get('task') == 'activate')) {
+			$user = JFactory::getUser($userId);
+			if (isset($user->tmp_username)) {
+				$db = JFactory::getDbo();
+				$query = $db->getQuery(true);
+				$query->update("#__users");
+				$query->set($db->quoteName('username') . ' = ' . $db->quote($user->tmp_username));
+				$query->where('id = ' . $userId);
+				$db->setQuery($query);
+				$db->execute();
+			}
+		}
+
+		if ($userId && $result && isset($data['firstname'])) {
+			try {
+				$db = JFactory::getDbo();
+
+				// Compile new Format Name
+				$logintype = $this->config->get('logintype', 'USERNAME');
+				if ($isNew && $logintype == 'MAIL') {
+					if (JFactory::getApplication()->isSite()) $data['username'] = $data['email1'];
+					else $data['username'] = $data['email'];
+				}
+				// Format Name
+				$namestyle = $this->config->get('namestyle', 'FIRSTNAME_LASTNAME');
+				switch ($namestyle) {
+					case 'FIRSTNAME_LASTNAME':
+						$name = trim(trim($data['firstname']) . ' ' . trim($data['lastname']));
+						break;
+					case 'FIRSTNAME_SECONDNAME_LASTNAME':
+						$name = trim(trim(trim($data['firstname']) . ' ' . trim($data['secondname'])) . ' ' . trim($data['lastname']));
+						break;
+					case 'FIRSTNAME':
+						$name = trim($data['firstname']);
+						break;
+				}
+
+				// Write new Format Name
+				$query = $db->getQuery(true);
+				$query->update("#__users");
+				$query->set($db->quoteName('name') . ' = ' . $db->quote($name));
+				if ($isNew && $logintype == 'MAIL') {
+					$username = JApplication::stringURLSafe($name);
+					if (!trim($username, '-_ ')) {
+						$username = 'user_' . date('YmdHis');
+					}
+					$queryCheckUsername = $db->getQuery(true);
+					$queryCheckUsername->select('a.email')->from('#__users AS a')->where('a.username = ' . $db->quote($username))->where('id <> ' . (int) $userId);
+					$db->setQuery($queryCheckUsername);
+					if ($userCheckUsername = $db->loadResult()) {
+						$username = $username . '_' . rand(0, 2000);
+					}
+					$query->set($db->quoteName('username') . ' = ' . $db->quote($username));
+				}
+				$query->where('id = ' . $userId);
+				$db->setQuery($query);
+				$db->execute();
+
+				// Check if user exist
+				$query = $db->getQuery(true);
+				$query->select('a.id')->from('#__jsn_users AS a')->where('a.id = ' . $userId);
+				$db->setQuery($query);
+				$isUpdate = $db->loadObjectList();
+
+				// Load Fields
+				require_once(JPATH_SITE . '/components/com_jsn/helpers/helper.php');
+				$query = $db->getQuery(true);
+				$query->select('a.*')->from('#__jsn_fields AS a')->where('a.level = 2')->where('a.published = 1')->order($db->escape('a.lft') . ' ASC');
+
+				$db->setQuery($query);
+				$fields = $db->loadObjectList();
+				$storeData = array();
+				$jsnUser = JsnHelper::getUser($userId);
+				$no_edit_fields = array();
+
+				$session = JFactory::getSession();
+				$original_id = $session->get('jsn_original_id', 0);
+				if ($this->config->get('admin_frontend', 0) && ($original_id != $jsnUser->id || $jsnUser->authorise('core.edit', 'com_users')))
+					$allow_no_edit_fields = true;
+				else
+					$allow_no_edit_fields = false;
+
+				foreach ($fields as $field) {
+					// Load Field Registry
+					$registry = new JRegistry;
+					$registry->loadString($field->params);
+					$field->params = $registry;
+
+					$class = 'Jsn' . ucfirst($field->type) . 'FieldHelper';
+					if (class_exists($class)) $class::storeData($field, $data, $storeData);
+
+					// Not edit fields filled only for conditions
+					if (JFactory::getApplication()->isSite() && JFactory::getApplication()->input->get('option') == 'com_users' && (JFactory::getApplication()->input->get('task') == 'profile.save' || JFactory::getApplication()->input->get('task') == 'save') && $field->edit == 0 && $allow_no_edit_fields == false) {
+						$alias = $field->alias;
+						$no_edit_fields[] = $alias;
+						$storeData[$alias] = $jsnUser->$alias;
+						if (is_array($storeData[$alias])) $storeData[$alias] = json_encode($storeData[$alias]);
+					}
+				}
+
+				// Check if columns exist
+				$query = $db->getQuery(true);
+				$query = "SHOW COLUMNS FROM #__jsn_users";
+				$db->setQuery($query);
+				$result = $db->loadObjectList();
+				$columns = array();
+				foreach ($result as $column) {
+					$columns[] = $column->Field;
+				}
+				foreach ($storeData as $key => $value) {
+					if (!in_array($key, $columns)) {
+						unset($storeData[$key]);
+						if (JFactory::getApplication()->isAdmin()) {
+							JFactory::getApplication()->enqueueMessage('Error on save "' . $key . '" field, try to recreate a field!', 'warning');
+						}
+					}
+				}
+
+				// Privacy Field
+				$data['privacy'] = array();
+				foreach ($data as $key => $value) {
+					if (substr($key, 0, 8) == 'privacy_') $data['privacy'][$key] = $value;
+				}
+				$storeData['privacy'] = json_encode($data['privacy']);
+
+				// Social Connect
+				if (isset($data['facebook_id'])) $storeData['facebook_id'] = $data['facebook_id'];
+				if (isset($data['twitter_id'])) $storeData['twitter_id'] = $data['twitter_id'];
+				if (isset($data['google_id'])) $storeData['google_id'] = $data['google_id'];
+				if (isset($data['linkedin_id'])) $storeData['linkedin_id'] = $data['linkedin_id'];
+				if (isset($data['instagram_id'])) $storeData['instagram_id'] = $data['instagram_id'];
+
+				// Reset field Hidden By Condition
+				$conditions_check = (object)$storeData;
+				foreach ($conditions_check as $key => $val) {
+					if (!is_array($conditions_check->$key) && !is_null(json_decode($conditions_check->$key))) $conditions_check->$key = json_decode($conditions_check->$key);
+				}
+				$conditions_check->id = $userId;
+				$removedByConditions = JsnHelper::excludeFromProfile($conditions_check, true);
+				foreach ($removedByConditions as $field) {
+					if (isset($storeData[$field])) $storeData[$field] = '';
+				}
+
+				// Unset fields not in edit form
+
+				foreach ($no_edit_fields as $field) {
+					if (isset($storeData[$field])) unset($storeData[$field]);
+				}
+
+				// Trigger Profile and Field Update
+				JPluginHelper::importPlugin('jsn');
+
+				$changed = array();
+				$storeData['email'] = $data['email'];
+				$storeData['username'] = $data['username'];
+				$storeData['password'] = $data['password'];
+				$storeData['name'] = $data['name'];
+
+				$dispatcher	= JEventDispatcher::getInstance();
+				foreach ($storeData as $key => $value) {
+					if ($key != 'privacy') {
+						$key_clean = $key . '_clean';
+						if (isset($jsnUser->$key_clean)) $jsnUser->$key = $jsnUser->$key_clean;
+						if (isset($jsnUser->$key) && is_array($jsnUser->$key)) $value = json_decode($value);
+						if (!isset($jsnUser->$key) || $jsnUser->$key == null) $jsnUser->$key = '';
+						if ((isset($jsnUser->$key) && $jsnUser->$key != $value) || !isset($jsnUser->$key)) {
+							$changed[] = $key;
+							$dispatcher->trigger('triggerField' . ucfirst(str_replace('-', '_', $key)) . 'Update', array($jsnUser, &$storeData, $changed, $isNew));
+						}
+					}
+				}
+				if (count($changed)) {
+					$dispatcher->trigger('triggerProfileUpdate', array($jsnUser, &$storeData, $changed, $isNew));
+				}
+				unset($storeData['email']);
+				unset($storeData['username']);
+				unset($storeData['password']);
+				unset($storeData['name']);
+
+
+				// Write Jsn User
+				if (count($isUpdate)) {
+					// Update User
+					$query = $db->getQuery(true);
+					$query->update("#__jsn_users");
+					foreach ($storeData as $key => $value) {
+						$query->set($db->quoteName($key) . ' = ' . $db->quote($value));
+					}
+					$query->where('id = ' . $userId);
+					$db->setQuery($query);
+					$db->execute();
+				} else {
+					// New User
+					$fields = array();
+					$values = array();
+					foreach ($storeData as $key => $value) {
+						$fields[] = $db->quoteName($key);
+						$values[] = $db->quote($value);
+					}
+
+					$query = "INSERT INTO jml_jsn_users(id," . implode(', ', $fields) . ") VALUES(" . $userId . ", " . implode(', ', $values) . ")";
+					$db->setQuery($query);
+					$db->execute();
+				}
+
+				//Update Session
+				$session = JFactory::getSession();
+				if ($userId == $session->get('user')->id) {
+					$session->set('user', new JUser($userId));
+				}
+
+				//Redirect on Profile Page
+				if (!$isNew) {
+					$Itemid = $session->get('jsn_profile_item_id_' . $userId, false);
+					if (!$Itemid) {
+						$profileMenu = JFactory::getApplication()->getMenu()->getItems('link', 'index.php?option=com_jsn&view=profile', true);
+						if (isset($profileMenu->id)) $Itemid = $profileMenu->id;
+						else $Itemid = '';
+					}
+					if (JFactory::getSession()->get('redirectAfterLogin', null))
+						JFactory::getApplication()->setUserState('com_users.edit.profile.redirect', JFactory::getSession()->get('redirectAfterLogin', null));
+					else
+						JFactory::getApplication()->setUserState('com_users.edit.profile.redirect', 'index.php?option=com_jsn&Itemid=' . $Itemid . '&view=profile&id=' . (int) $userId);
+				}
+			} catch (RuntimeException $e) {
+				$this->_subject->setError($e->getMessage());
+				return false;
+			}
+		}
+
+		return true;
+	}
+
+	public function onUserAfterDelete($user, $success, $msg)
+	{
+		if (!$success) {
+			return false;
+		}
+
+		$userId = JArrayHelper::getValue($user, 'id', 0, 'int');
+
+		if ($userId) {
+			try {
+				$db = JFactory::getDbo();
+				$db->setQuery(
+					'DELETE FROM #__jsn_users WHERE id = ' . $userId
+				);
+
+				$db->execute();
+			} catch (Exception $e) {
+				$this->_subject->setError($e->getMessage());
+				return false;
+			}
+		}
+		return true;
+	}
+
+	public function onUserLogin($user, $options = array())
+	{
+		if (JFactory::getApplication()->isAdmin()) return true;
+
+		// Retrieve User
+		$instance = JUser::getInstance();
+		$id = (int) JUserHelper::getUserId($user['username']);
+		if ($id) {
+			$instance->load($id);
+		} else {
+			return true;
+		}
+
+		// Redirect on First Login
+		if ($this->config->get('firstLoginUrl') && $instance->lastvisitDate == '0000-00-00 00:00:00') {
+			$router = JFactory::getApplication()->getRouter();
+			if ($router->getMode() == JROUTER_MODE_SEF) {
+				JFactory::getApplication()->setUserState('users.login.form.return', 'index.php?Itemid=' . $this->config->get('firstLoginUrl'));
+			} else {
+				JFactory::getApplication()->setUserState('users.login.form.return', JFactory::getApplication()->getMenu()->getItem($this->config->get('firstLoginUrl'))->link . '&Itemid=' . $this->config->get('firstLoginUrl'));
+			}
+			return true;
+		}
+		// Redirect on Login
+		if ($this->config->get('loginUrl')) {
+			$router = JFactory::getApplication()->getRouter();
+			if ($router->getMode() == JROUTER_MODE_SEF) {
+				JFactory::getApplication()->setUserState('users.login.form.return', 'index.php?Itemid=' . $this->config->get('loginUrl'));
+			} else {
+				JFactory::getApplication()->setUserState('users.login.form.return', JFactory::getApplication()->getMenu()->getItem($this->config->get('loginUrl'))->link . '&Itemid=' . $this->config->get('loginUrl'));
+			}
+			return true;
+		}
+		return true;
+	}
+
+	private function activateNewEmail()
+	{
+		if (JFactory::getApplication()->input->getInt('emailactivation')) {
+			$userId = JFactory::getApplication()->input->getInt('u');
+			$app    = JFactory::getApplication();
+			$user   = JFactory::getUser($userId);
+
+			if ($user->guest) {
+				// Undelegate wrong users and guests
+				$app->redirect(JRoute::_(''));
+			} else {
+
+				// need to load fresh instance
+				$table = JTable::getInstance('user', 'JTable');
+				$table->load($userId);
+
+				if (empty($table->id)) {
+					throw new Exception('User cannot be found');
+				}
+
+				$params = new JRegistry($table->params);
+
+				// get token from user parameters
+				$token = $params->get('emailactivation_token');
+				$token = md5($token);
+
+				// check that the token is in a valid format.
+				if (!empty($token) && strlen($token) === 32 && JFactory::getApplication()->input->getInt($token, 0, 'get') === 1) {
+
+					// get user's new email from parameters
+					$email = $params->get('emailactivation');
+					$email_old = $table->email;
+
+					if (!empty($email)) {
+
+						// remove token and old email from params
+						$params->set('emailactivation', null);
+						$params->set('emailactivation_token', null);
+
+						// store user table                    
+						$table->params = $params->toString();
+						$table->email = $email;
+
+						if ($this->params->get('block', null)) {
+							// block user account
+							$table->block = 0;
+						}
+
+						// save user data
+						if (!$table->store()) {
+							throw new RuntimeException($table->getError());
+						} else {
+							$user->email = $email;
+
+							$app->enqueueMessage(JText::_('COM_JSN_EMAILACTIVATION_ACTIVATED'));
+
+							// Reirect afterwords
+							$app->redirect(JRoute::_($this->params->get('redirect_url', '')), false);
+						}
+					}
+				} else {
+					jexit('Invalid activation token');
+				}
+			}
+		}
+	}
+
+	private function changeEmailBeforeSave($user, $isnew, $data)
+	{
+		// check whether we are going to update user's email
+		if ($isnew || !isset($user['email']) || $user['email'] == $data['email']) {
+			return true;
+		}
+
+		// Check if user is admin
+		if (isset($data->id))  $id = JFactory::getApplication()->getUserState('com_users.edit.profile.id', $data->id);
+		else $id = JFactory::getApplication()->getUserState('com_users.edit.profile.id', JFactory::getApplication()->input->get('id', null));
+
+		$user_obj = JsnHelper::getUser($id);
+
+		$session = JFactory::getSession();
+		$original_id = $session->get('jsn_original_id', 0);
+		if ($original_id != $user_obj->id || $user_obj->authorise('core.edit', 'com_users')) {
+			return true;
+		}
+
+		$session->set('jsn_emailactivation.old', $user['email']);
+	}
+
+	private function changeEmailAfterSave($userId, $data, $isNew, $result, $error)
+	{
+		if (isset($data['email'])) {
+			$session = JFactory::getSession();
+			$old = $session->get('jsn_emailactivation.old', null);
+			if (!empty($old)) {
+				$user = JFactory::getUser($userId);
+				$activation = md5(mt_rand());
+				// get the user and store new email in User's Parameters
+				$user->setParam('emailactivation', $data['email']);
+				$user->setParam('emailactivation_token', $activation);
+				$user->email = $old;
+
+				// get the raw User Parameters
+				$params = $user->getParameters();
+
+				// force old email until new one is activated
+				$table = JTable::getInstance('user', 'JTable');
+				$table->load($userId);
+				$table->params = $params->toString();
+				$table->email = $old;
+
+				// save user data
+				if (!$table->store()) {
+					throw new RuntimeException($table->getError());
+				}
+				// store activation in session
+				$user->setParam('emailactivation_token', $activation);
+
+				// Send activation email
+				if ($this->sendActivationEmail($user->getProperties(), $activation, $data['email'])) {
+					JFactory::getApplication()->enqueueMessage(JText::sprintf('COM_JSN_EMAILACTIVATION_SENT', htmlspecialchars($data['email'])));
+				}
+			}
+		}
+	}
+
+	private function sendActivationEmail($data, $token, $email)
+	{
+		$userID = (int) $data['id'];
+		$baseURL = rtrim(JURI::root(), '/');
+		$md5Token = md5($token);
+		$data['siteurl'] = $baseURL . '/index.php?option=com_users&task=edit&emailactivation=1&u=' . $userID . '&' . $md5Token . '=1';
+
+		// Compile the user activated notification mail values.
+		$config = JFactory::getConfig();
+		$mailer = JFactory::getMailer();
+
+		$emailSubject    = JText::sprintf(
+			'COM_JSN_EMAILACTIVATION_SUBJECT',
+			$data['name'],
+			$config->get('sitename')
+		);
+
+		$emailBody = JText::sprintf(
+			'COM_JSN_EMAILACTIVATION_BODY',
+			$data['name'],
+			$config->get('sitename'),
+			$data['siteurl']
+		);
+
+		$mailer->setSender(array($config->get('mailfrom'), $config->get('fromname')));
+		$mailer->addRecipient($email);
+		$mailer->setSubject($emailSubject);
+		$mailer->setBody($emailBody);
+
+		if ($mailer->Send() !== true) {
+			JFactory::getApplication()->enqueueMessage(JText::_('COM_JSN_EMAILACTIVATION_FAILED') . ': ' . $send->message, 'error');
+			return false;
+		}
+
+		return true;
+	}
+}
diff --git a/deployed/jsn/plugins/user/jsn_users/jsn_users.xml b/deployed/jsn/plugins/user/jsn_users/jsn_users.xml
new file mode 100644
index 00000000..557c5b26
--- /dev/null
+++ b/deployed/jsn/plugins/user/jsn_users/jsn_users.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<extension version="3.1" type="plugin" group="user" method="upgrade">
+	<name>Easy Profile - Users plugin</name>
+	<author>JSN Project</author>
+	<creationDate>December 2013</creationDate>
+	<copyright>(C) 2005 - 2013 Open Source Matters. All rights reserved.</copyright>
+	<license>http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL</license>
+	<authorEmail>fiorino.desanto@gmail.com</authorEmail>
+	<authorUrl>www.joomla.org</authorUrl>
+	<version>1.0.0</version>
+
+	<files>
+		<filename plugin="jsn_users">jsn_users.php</filename>
+	</files>
+	
+</extension>