Changeset 2964791

Timestamp:

09/09/2023 03:15:27 PM (3 years ago)

Author:

thangnv27

Message:

Release version 0.1.8

Location:

wp-multitasking/trunk

Files:

• includes/bbcode.php (modified) (3 diffs)
• includes/classic-editor.php (added)
• includes/classic-widgets.php (added)
• includes/floating-popup/exit-popup.php (modified) (3 diffs)
• includes/floating-popup/global-popup.php (modified) (2 diffs)
• includes/floating-popup/welcome-popup.php (modified) (3 diffs)
• includes/permalinks.php (modified) (2 diffs)
• includes/smtp.php (added)
• js/block-editor-plugin.js (added)
• js/common.multitasking.js (modified) (2 diffs)
• js/floating.popup.js (modified) (7 diffs)
• libraries/colorbox/colorbox.css (deleted)
• libraries/colorbox/example1 (added)
• libraries/colorbox/example1/colorbox.css (added)
• libraries/colorbox/example1/images (added)
• libraries/colorbox/example1/images/border.png (added)
• libraries/colorbox/example1/images/controls.png (added)
• libraries/colorbox/example1/images/loading.gif (added)
• libraries/colorbox/example1/images/loading_background.png (added)
• libraries/colorbox/example1/images/overlay.png (added)
• libraries/colorbox/example1/index.html (added)
• libraries/colorbox/example2 (added)
• libraries/colorbox/example2/colorbox.css (added)
• libraries/colorbox/example2/images (added)
• libraries/colorbox/example2/images/controls.png (added)
• libraries/colorbox/example2/images/loading.gif (added)
• libraries/colorbox/example2/index.html (added)
• libraries/colorbox/example3 (added)
• libraries/colorbox/example3/colorbox.css (added)
• libraries/colorbox/example3/images (added)
• libraries/colorbox/example3/images/controls.png (added)
• libraries/colorbox/example3/images/loading.gif (added)
• libraries/colorbox/example3/index.html (added)
• libraries/colorbox/example4 (added)
• libraries/colorbox/example4/colorbox.css (added)
• libraries/colorbox/example4/images (added)
• libraries/colorbox/example4/images/border1.png (added)
• libraries/colorbox/example4/images/border2.png (added)
• libraries/colorbox/example4/images/loading.gif (added)
• libraries/colorbox/example4/index.html (added)
• libraries/colorbox/example5 (added)
• libraries/colorbox/example5/colorbox.css (added)
• libraries/colorbox/example5/images (added)
• libraries/colorbox/example5/images/border.png (added)
• libraries/colorbox/example5/images/controls.png (added)
• libraries/colorbox/example5/images/loading.gif (added)
• libraries/colorbox/example5/images/loading_background.png (added)
• libraries/colorbox/example5/index.html (added)
• libraries/colorbox/images (deleted)
• libraries/colorbox/jquery.colorbox-min.js (added)
• libraries/colorbox/jquery.colorbox.js (modified) (35 diffs)
• libraries/fancybox (added)
• libraries/fancybox/jquery.fancybox.css (added)
• libraries/fancybox/jquery.fancybox.js (added)
• libraries/fancybox/jquery.fancybox.min.css (added)
• libraries/fancybox/jquery.fancybox.min.js (added)
• readme.txt (modified) (4 diffs)
• screenshot-1.jpg (modified) (previous)
• screenshot-6.jpg (added)
• wp-multitasking.php (modified) (9 diffs)

wp-multitasking/trunk/includes/bbcode.php

@@ -6 +6 @@
  */
 class WPMT_BBCode {
+    static $_s = null;
 
     // Plugin initialization
@@ -50 +51 @@
     }
 
+    public static function init() {
+        if (self::$_s == null) {
+            self::$_s = new self();
+        }
+        return self::$_s;
+    }
+
     // No-name attribute fixing
     function attributefix($atts = array()) {
@@ -238 +246 @@
 
 // Start this plugin once all other plugins are fully loaded
-add_action('plugins_loaded', create_function('', 'global $WPMT_BBCode; $WPMT_BBCode = new WPMT_BBCode();'));
+add_action( 'plugins_loaded', array( 'WPMT_BBCode', 'init' ) );

wp-multitasking/trunk/includes/floating-popup/exit-popup.php

@@ -507 +507 @@
 }
 function wpmt_exit_add_vars(){
+    $popup_type = get_option('wpmt_popup_type');
+    $popup_type = ($popup_type != 'fancybox') ? 'colorbox' : $popup_type;
     $exit_popup_home = intval(get_option('exit_popup_home'));
     $exit_pop_days = intval(get_option('default_exit_pop_days'));
@@ -544 +546 @@
             echo <<<HTML
 <script type="text/javascript">
+    var exit_popup_type = '$popup_type';
     var exit_popup_cookieName = '$exit_popup_cookieName';
     var exit_popup_days = $exit_pop_days;
@@ -556 +559 @@
 HTML;
         }
-    } else if (is_home()){
+    } else if (is_home() or is_front_page()){
         if($exit_popup_home == 1){
             $exit_popup_cookieName = "exit_popup_home";
             echo <<<HTML
 <script type="text/javascript">
+    var exit_popup_type = '$popup_type';
     var exit_popup_cookieName = '$exit_popup_cookieName';
     var exit_popup_days = $exit_pop_days;

wp-multitasking/trunk/includes/floating-popup/global-popup.php

@@ -8 +8 @@
 function wpmt_popup_add_styles() {
     $WPMT_PLUGIN_URL = WPMT_PLUGIN_URL;
+    $popup_type = get_option('wpmt_popup_type');
+    $colorbox_type = intval(get_option('wpmt_colorbox_type'));
+    $colorbox_type = (!in_array($colorbox_type, [1,2,3,4,5])) ? 3 : $colorbox_type;
 
     if (is_single() or is_page()) {
@@ -14 +17 @@
         $welcome_active = get_post_meta($post_id, 'wcome_active', true);
         if ($exit_active == 1 or $welcome_active == 1) {
-            echo <<<HTML
-<link rel="stylesheet" type="text/css" media="screen" href="{$WPMT_PLUGIN_URL}libraries/colorbox/colorbox.css" />
+            if ($popup_type != "fancybox") {
+                echo <<<HTML
+<link rel="stylesheet" type="text/css" media="screen" href="{$WPMT_PLUGIN_URL}libraries/colorbox/example{$colorbox_type}/colorbox.css?ver=1.6.4" />
 HTML;
+            } else {
+                echo <<<HTML
+<link rel="stylesheet" type="text/css" media="screen" href="{$WPMT_PLUGIN_URL}libraries/fancybox/jquery.fancybox.min.css?ver=3.2.10" />
+HTML;
+            }
         }
-    } else if (is_home()) {
+    } else if (is_home() or is_front_page()) {
         $exit_popup_home = intval(get_option('exit_popup_home'));
         $welcome_popup_home = intval(get_option('welcome_popup_home'));
         if ($exit_popup_home == 1 or $welcome_popup_home == 1) {
-            echo <<<HTML
-<link rel="stylesheet" type="text/css" media="screen" href="{$WPMT_PLUGIN_URL}libraries/colorbox/colorbox.css" />
+            if ($popup_type != "fancybox") {
+                echo <<<HTML
+<link rel="stylesheet" type="text/css" media="screen" href="{$WPMT_PLUGIN_URL}libraries/colorbox/example{$colorbox_type}/colorbox.css?ver=1.6.4" />
 HTML;
+            } else {
+                echo <<<HTML
+<link rel="stylesheet" type="text/css" media="screen" href="{$WPMT_PLUGIN_URL}libraries/fancybox/jquery.fancybox.min.css?ver=3.2.10" />
+HTML;
+            }
         }
     }
 }
+
 function wpmt_popup_add_scripts(){
+    $popup_type = get_option('wpmt_popup_type');
     if(is_single() or is_page()){
         $exit_active = get_post_meta(get_the_ID(), 'exit_active', true);
         if($exit_active == 1){
-            wp_enqueue_script('jquery.colorbox.js', WPMT_PLUGIN_URL . 'libraries/colorbox/jquery.colorbox.js', array('jquery'), false, true);
-            wp_enqueue_script('common.multitasking.js', WPMT_PLUGIN_URL . 'js/common.multitasking.js', array('jquery'), false, true);
-            wp_enqueue_script('floating.popup.js', WPMT_PLUGIN_URL . 'js/floating.popup.js', array('jquery'), false, true);
+            if ($popup_type != 'fancybox') {
+                wp_enqueue_script('wpmt-colorbox', WPMT_PLUGIN_URL . 'libraries/colorbox/jquery.colorbox-min.js', array('jquery'), '1.6.4', true);
+            } else {
+                wp_enqueue_script('wpmt-fancybox', WPMT_PLUGIN_URL . 'libraries/fancybox/jquery.fancybox.min.js', array('jquery'), '3.2.10', true);
+            }
+            wp_enqueue_script('wpmt-common', WPMT_PLUGIN_URL . 'js/common.multitasking.js', array('jquery'), WPMT_VER, true);
+            wp_enqueue_script('wpmt-floating-popup', WPMT_PLUGIN_URL . 'js/floating.popup.js', array('jquery'), WPMT_VER, true);
         }
-    }elseif (is_home()) {
+    }elseif (is_home() or is_front_page()) {
         $exit_popup_home = intval(get_option('exit_popup_home'));
         $welcome_popup_home = intval(get_option('welcome_popup_home'));
         if ($exit_popup_home == 1 or $welcome_popup_home == 1) {            
-            wp_enqueue_script('jquery.colorbox.js', WPMT_PLUGIN_URL . 'libraries/colorbox/jquery.colorbox.js', array('jquery'), false, true);
-            wp_enqueue_script('common.multitasking.js', WPMT_PLUGIN_URL . 'js/common.multitasking.js', array('jquery'), false, true);
-            wp_enqueue_script('floating.popup.js', WPMT_PLUGIN_URL . 'js/floating.popup.js', array('jquery'), false, true);
+            if ($popup_type != 'fancybox') {
+                wp_enqueue_script('wpmt-colorbox', WPMT_PLUGIN_URL . 'libraries/colorbox/jquery.colorbox-min.js', array('jquery'), '1.6.4', true);
+            } else {
+                wp_enqueue_script('wpmt-fancybox', WPMT_PLUGIN_URL . 'libraries/fancybox/jquery.fancybox.min.js', array('jquery'), '3.2.10', true);
+            }
+            wp_enqueue_script('wpmt-common', WPMT_PLUGIN_URL . 'js/common.multitasking.js', array('jquery'), WPMT_VER, true);
+            wp_enqueue_script('wpmt-floating-popup', WPMT_PLUGIN_URL . 'js/floating.popup.js', array('jquery'), WPMT_VER, true);
         }
     }

wp-multitasking/trunk/includes/floating-popup/welcome-popup.php

@@ -520 +520 @@
 }
 function wpmt_welcome_add_vars(){
+    $popup_type = get_option('wpmt_popup_type');
+    $popup_type = ($popup_type != 'fancybox') ? 'colorbox' : $popup_type;
     $welcome_popup_home = intval(get_option('welcome_popup_home'));
     $wcome_pop_days = intval(get_option('default_wcome_pop_days'));
@@ -559 +561 @@
             echo <<<HTML
 <script type="text/javascript">
+    var welcome_popup_type = '$popup_type';
     var welcome_popup_cookieName = '$wcome_popup_cookieName';
     var welcome_popup_days = $wcome_pop_days;
@@ -572 +575 @@
 HTML;
         }
-    } else if (is_home()){
+    } else if (is_home() or is_front_page()){
         if($welcome_popup_home == 1){
             $wcome_popup_cookieName = "welcome_popup_home";
             echo <<<HTML
 <script type="text/javascript">
+    var welcome_popup_type = '$popup_type';
     var welcome_popup_cookieName = '$wcome_popup_cookieName';
     var welcome_popup_days = $wcome_pop_days;

wp-multitasking/trunk/includes/permalinks.php

@@ -38 +38 @@
                                     //To link our submenu to a custom post type page we must specify - 
                                     //edit.php?post_type=my_post_type
-            __('Permalinks'), // Page title
+            __('Permalinks Settings'), // Page title
             __('Permalinks'), // Menu title
             'manage_options', // Capability - see: http://codex.wordpress.org/Roles_and_Capabilities#Capabilities
@@ -172 +172 @@
             }
         }
-        if($post->post_type == "product"){
-            if (isset($_SESSION['user_id'])){
-                if(strpos($permalink, "?") !== FALSE){
-                    $permalink .= "&ap_id=" . $_SESSION['user_id'];
-                }else{
-                    $permalink .= "?ap_id=" . $_SESSION['user_id'];
-                }
+        // affiliate id
+        if (isset($_SESSION['user_id'])){
+            if(strpos($permalink, "?") !== FALSE){
+                $permalink .= "&ap_id=" . $_SESSION['user_id'];
+            }else{
+                $permalink .= "?ap_id=" . $_SESSION['user_id'];
             }
         }

wp-multitasking/trunk/js/common.multitasking.js

@@ -1 +1 @@
 var WPMTFunc = {
-    setCookie:function(name, value, expires, path, domain, secure){
+    setCookie: function(name, value, expires, path, domain, secure) {
         var today = new Date();
         today.setTime(today.getTime());
         var expires_date = new Date(today.getTime() + (expires));
-
-        document.cookie = name + "=" + escape(value) +
-        ((expires) ? ";expires=" + expires_date.toGMTString() : "") +
-        ((path) ? ";path=" + path : "") +
-        ((domain) ? ";domain=" + domain : "") +
-        ((secure) ? ";secure" : "");
+        document.cookie = name + "=" + escape(value) + ((expires) ? ";expires=" + expires_date.toGMTString() : "") + ((path) ? ";path=" + path : "") + ((domain) ? ";domain=" + domain : "") + ((secure) ? ";secure" : "");
     },
-    getCookie:function(name){
-        /*var re=new RegExp(Name+"=[^;]+", "i");
-        if (document.cookie.match(re)) 
-            return decodeURIComponent(document.cookie.match(re)[0].split("=")[1]); 
-        return null;*/
-
+    getCookie: function(name) {
         var start = document.cookie.indexOf(name + "=");
         var len = start + name.length + 1;
-        if ((!start) &&
-            (name != document.cookie.substring(0, name.length))) {
+        if ((!start) && (name != document.cookie.substring(0, name.length))) {
             return null;
         }
@@ -28 +17 @@
         return unescape(document.cookie.substring(len, end));
     },
-    deleteCookie:function(name, path, domain){
-        if (this.getCookie(name)) 
-            document.cookie = name + "=" +
-            ((path) ? ";path=" + path : "") +
-            ((domain) ? ";domain=" + domain : "") +
-            ";expires=Mon, 11-November-1989 00:00:01 GMT";
+    deleteCookie: function(name, path, domain) {
+        WPMTFunc.setCookie(name, '', -1 * 60 * 60 * 1000 * 24 * 365, path, domain); //-365 days
     },
-    addEvent:function(obj, eventName, func){
-        if (obj.attachEvent){
+    addEvent: function(obj, eventName, func) {
+        if (obj.attachEvent) {
             obj.attachEvent("on" + eventName, func);
-        }
-        else if(obj.addEventListener){
+        } else if (obj.addEventListener) {
             obj.addEventListener(eventName, func, true);
-        }
-        else{
+        } else {
             obj["on" + eventName] = func;
         }
+    },
+    saveLocalStorage: function(key, value, ttl) {
+        const now = new Date();
+
+        // `item` is an object which contains the original value
+        // as well as the time when it's supposed to expire
+        // ttl is seconds, example: 3600 = 1h
+        const item = {
+            value: value,
+            expiry: now.getTime() + ttl * 1000
+        };
+        localStorage.setItem(key, JSON.stringify(item));
+    },
+    getLocalStorage: function(key) {
+        const itemStr = localStorage.getItem(key);
+        // if the item doesn't exist, return null
+        if (!itemStr) {
+            return null;
+        }
+        const item = JSON.parse(itemStr);
+        const now = new Date();
+        // compare the expiry time of the item with the current time
+        if (now.getTime() > item.expiry) {
+            // If the item is expired, delete the item from storage
+            // and return null
+            localStorage.removeItem(key);
+            return null;
+        }
+        return item.value;
+    },
+    removeLocalStorage: function(key) {
+        localStorage.removeItem(key);
     }
 };

wp-multitasking/trunk/js/floating.popup.js

@@ -2 +2 @@
 var WelcomePopup = {
     show: function($){
+        var pixelRatio = window.devicePixelRatio || 1;
+        if ( pixelRatio > 1.5 ) {
+          welcome_popup_width  = welcome_popup_width  / pixelRatio;
+          welcome_popup_height = welcome_popup_height / pixelRatio;
+        }
         if(welcome_popup_embed == 0){
             $.ajax({
@@ -17 +22 @@
                     }
                     setTimeout(function(){
+                        if (welcome_popup_type == 'fancybox') {
+                          $.fancybox.open(`<div style="width:${welcome_popup_width}px;height:${welcome_popup_height}px">${response}</div>`, {
+                            transitionDuration: welcome_popup_speed,
+                            clickSlide: (welcome_popup_overlayClose) ? "close" : false,
+                            clickOutside: (welcome_popup_overlayClose) ? "close" : false
+                          });
+                        } else {
+                          $.colorbox({
+                              html: response,
+                              width: welcome_popup_width,
+                              height: welcome_popup_height,
+                              speed: welcome_popup_speed,
+                              overlayClose: welcome_popup_overlayClose,
+                              fixed: true
+                          });
+                        }
+                    }, welcome_popup_delays * 1000);
+                },  
+                error: function(MLHttpRequest, textStatus, errorThrown){},
+                complete:function(){}
+            });
+        } else if(welcome_popup_embed == 1){
+            setTimeout(function(){
+              if (welcome_popup_type == 'fancybox') {
+                if (welcome_popup_content.indexOf('watch?v=') !== -1) {
+                  welcome_popup_content = welcome_popup_content.replace('watch?v=', 'embed/')
+                }
+                $.fancybox.open({
+                  src  : welcome_popup_content,
+                  type : 'iframe',
+                  opts : {
+                    transitionDuration: welcome_popup_speed,
+                    clickSlide: (welcome_popup_overlayClose) ? "close" : false,
+                    clickOutside: (welcome_popup_overlayClose) ? "close" : false
+                  }
+                });
+              } else {
+                $.colorbox({
+                    iframe: true,
+                    href: welcome_popup_content,
+                    width: welcome_popup_width,
+                    height: welcome_popup_height,
+                    speed: welcome_popup_speed,
+                    overlayClose: welcome_popup_overlayClose,
+                    fixed: true
+                });
+              }
+            }, welcome_popup_delays * 1000);
+        } else if(welcome_popup_embed == 2){
+            $.ajax({
+                type: 'POST',
+                url: welcome_popup_ajaxUrl,
+                data: {
+                    action: 'wpmt_get_welcome_popup_custom_content',
+                    post_id: welcome_popup_content
+                },
+                dataType: 'html',
+                cache: false,
+                success: function(response, textStatus, XMLHttpRequest){
+                    if(welcome_popup_delays > 0){
+                        welcome_popup_delays = welcome_popup_delays - 1;
+                    }
+                    setTimeout(function(){
+                      if (welcome_popup_type == 'fancybox') {
+                        $.fancybox.open(`<div style="width:${welcome_popup_width}px;height:${welcome_popup_height}px">${response}</div>`, {
+                          transitionDuration: welcome_popup_speed,
+                          clickSlide: (welcome_popup_overlayClose) ? "close" : false,
+                          clickOutside: (welcome_popup_overlayClose) ? "close" : false
+                        });
+                      } else {
                         $.colorbox({
                             html: response,
@@ -25 +100 @@
                             fixed: true
                         });
-                    }, welcome_popup_delays * 1000);
-                },  
-                error: function(MLHttpRequest, textStatus, errorThrown){},
-                complete:function(){}
-            });
-        } else if(welcome_popup_embed == 1){
-            setTimeout(function(){
-                $.colorbox({
-                    iframe: true,
-                    href: welcome_popup_content,
-                    width: welcome_popup_width,
-                    height: welcome_popup_height,
-                    speed: welcome_popup_speed,
-                    overlayClose: welcome_popup_overlayClose,
-                    fixed: true
-                });
-            }, welcome_popup_delays * 1000);
-        } else if(welcome_popup_embed == 2){
-            $.ajax({
-                type: 'POST',
-                url: welcome_popup_ajaxUrl,
-                data: {
-                    action: 'wpmt_get_welcome_popup_custom_content',
-                    post_id: welcome_popup_content
-                },
-                dataType: 'html',
-                cache: false,
-                success: function(response, textStatus, XMLHttpRequest){
-                    if(welcome_popup_delays > 0){
-                        welcome_popup_delays = welcome_popup_delays - 1;
-                    }
-                    setTimeout(function(){    
-                        $.colorbox({
-                            html: response,
-                            width: welcome_popup_width,
-                            height: welcome_popup_height,
-                            speed: welcome_popup_speed,
-                            overlayClose: welcome_popup_overlayClose,
-                            fixed: true
-                        });
+                      }
                     }, welcome_popup_delays * 1000);
                 },  
@@ -111 +147 @@
     },
     show: function($){
+        var pixelRatio = window.devicePixelRatio || 1;
+        if ( pixelRatio > 1.5 ) {
+          exit_popup_width  = exit_popup_width  / pixelRatio;
+          exit_popup_height = exit_popup_height / pixelRatio;
+        }
         if(exit_popup_embed == 1){
+          if (exit_popup_type == 'fancybox') {
+            if (exit_popup_content.indexOf('watch?v=') !== -1) {
+              exit_popup_content = exit_popup_content.replace('watch?v=', 'embed/')
+            }
+            $.fancybox.open({
+              src  : exit_popup_content,
+              type : 'iframe',
+              opts : {
+                transitionDuration: exit_popup_speed,
+                clickSlide: (exit_popup_overlayClose) ? "close" : false,
+                clickOutside: (exit_popup_overlayClose) ? "close" : false
+              }
+            });
+          } else {
             $.colorbox({
                 iframe: true,
@@ -121 +176 @@
                 fixed: true
             });
+          }
         } else if(exit_popup_embed == 0 || exit_popup_embed == 2){
             if(exit_content != ""){
+              if (exit_popup_type == 'fancybox') {
+                $.fancybox.open(`<div style="width:${exit_popup_width}px;height:${exit_popup_height}px">${exit_content}</div>`, {
+                  transitionDuration: exit_popup_speed,
+                  clickSlide: (exit_popup_overlayClose) ? "close" : false,
+                  clickOutside: (exit_popup_overlayClose) ? "close" : false
+                });
+              } else {
                 $.colorbox({
                     html: exit_content,
@@ -131 +194 @@
                     fixed: true
                 });
+              }
             }
         }
@@ -137 +201 @@
 jQuery(function($){
     $(window).load(function(){
+        // Exit
+        ExitPopup.setup($);
+        $(document).mousemove(function(e) {
+          if (e.pageY <= 10) {
+            if (exit_popup_type == 'fancybox' && $('.fancybox-container').length === 0) {
+              ExitPopup.show($);
+            } else if($("#cboxOverlay").is(":hidden")) {
+              ExitPopup.show($);
+            }
+          }
+        });
+
+        // Welcome
         WelcomePopup.show($);
         if(!WPMTFunc.getCookie(welcome_popup_cookieName)){
-            ExitPopup.setup($);
             WPMTFunc.setCookie(welcome_popup_cookieName, welcome_popup_days, 1 * 24*60*60*1000, '/', '', '');
         }else if(WPMTFunc.getCookie(welcome_popup_cookieName) != welcome_popup_days){
             WPMTFunc.setCookie(welcome_popup_cookieName, welcome_popup_days, 1 * 24*60*60*1000, '/', '', '');
         }
-        $(document).mousemove(function(e) {
-            if(e.pageY <= 10 && $("#cboxOverlay").is(":hidden")) {
-                ExitPopup.show($);
-            }
-        });
     });
 });

wp-multitasking/trunk/libraries/colorbox/jquery.colorbox.js

@@ -1 +1 @@
 /*!
-    jQuery Colorbox v1.4.10 - 2013-04-02
-    (c) 2013 Jack Moore - jacklmoore.com/colorbox
-    license: http://www.opensource.org/licenses/mit-license.php
+    Colorbox 1.6.4
+    license: MIT
+    http://www.jacklmoore.com/colorbox
 */
 (function ($, document, window) {
@@ -9 +9 @@
     // See http://jacklmoore.com/colorbox for details.
     defaults = {
+        // data sources
+        html: false,
+        photo: false,
+        iframe: false,
+        inline: false,
+
+        // behavior and appearance
         transition: "elastic",
         speed: 300,
+        fadeOut: 300,
         width: false,
         initialWidth: "600",
@@ -21 +29 @@
         scalePhotos: true,
         scrolling: true,
-        inline: false,
-        html: false,
-        iframe: false,
-        fastIframe: true,
-        photo: false,
-        href: false,
-        title: false,
-        rel: false,
         opacity: 0.9,
         preloading: true,
         className: false,
-        
-        // alternate image paths for high-res displays
-        retinaImage: false,
-        retinaUrl: false,
-        retinaSuffix: '@2x.$1',
-
-        // internationalization
-        current: "image {current} of {total}",
-        previous: "previous",
-        next: "next",
-        close: "close",
-        xhrError: "This content failed to load.",
-        imgError: "This image failed to load.",
-
-        open: false,
-        returnFocus: true,
-        reposition: true,
-        loop: true,
-        slideshow: false,
-        slideshowAuto: true,
-        slideshowSpeed: 2500,
-        slideshowStart: "start slideshow",
-        slideshowStop: "stop slideshow",
-        photoRegex: /\.(gif|png|jp(e|g|eg)|bmp|ico)((#|\?).*)?$/i,
-
-        onOpen: false,
-        onLoad: false,
-        onComplete: false,
-        onCleanup: false,
-        onClosed: false,
         overlayClose: true,
         escKey: true,
@@ -70 +40 @@
         right: false,
         fixed: false,
-        data: undefined
+        data: undefined,
+        closeButton: true,
+        fastIframe: true,
+        open: false,
+        reposition: true,
+        loop: true,
+        slideshow: false,
+        slideshowAuto: true,
+        slideshowSpeed: 2500,
+        slideshowStart: "start slideshow",
+        slideshowStop: "stop slideshow",
+        photoRegex: /\.(gif|png|jp(e|g|eg)|bmp|ico|webp|jxr|svg)((#|\?).*)?$/i,
+
+        // alternate image paths for high-res displays
+        retinaImage: false,
+        retinaUrl: false,
+        retinaSuffix: '@2x.$1',
+
+        // internationalization
+        current: "image {current} of {total}",
+        previous: "previous",
+        next: "next",
+        close: "close",
+        xhrError: "This content failed to load.",
+        imgError: "This image failed to load.",
+
+        // accessbility
+        returnFocus: true,
+        trapFocus: true,
+
+        // callbacks
+        onOpen: false,
+        onLoad: false,
+        onComplete: false,
+        onCleanup: false,
+        onClosed: false,
+
+        rel: function() {
+            return this.rel;
+        },
+        href: function() {
+            // using this.href would give the absolute url, when the href may have been intended as a selector (e.g. '#container')
+            return $(this).attr('href');
+        },
+        title: function() {
+            return this.title;
+        },
+        createImg: function() {
+            var img = new Image();
+            var attrs = $(this).data('cbox-img-attrs');
+
+            if (typeof attrs === 'object') {
+                $.each(attrs, function(key, val){
+                    img[key] = val;
+                });
+            }
+
+            return img;
+        },
+        createIframe: function() {
+            var iframe = document.createElement('iframe');
+            var attrs = $(this).data('cbox-iframe-attrs');
+
+            if (typeof attrs === 'object') {
+                $.each(attrs, function(key, val){
+                    iframe[key] = val;
+                });
+            }
+
+            if ('frameBorder' in iframe) {
+                iframe.frameBorder = 0;
+            }
+            if ('allowTransparency' in iframe) {
+                iframe.allowTransparency = "true";
+            }
+            iframe.name = (new Date()).getTime(); // give the iframe a unique name to prevent caching
+            iframe.allowFullscreen = true;
+
+            return iframe;
+        }
     },
-    
+
     // Abstracting the HTML and event identifiers for easy rebranding
     colorbox = 'colorbox',
     prefix = 'cbox',
     boxElement = prefix + 'Element',
-    
+
     // Events
     event_open = prefix + '_open',
@@ -107 +156 @@
     $close,
     $groupControls,
-    $events = $('<a/>'),
-    
+    $events = $('<a/>'), // $({}) would be preferred, but there is an issue with jQuery 1.4.2
+
     // Variables for cached values or use across multiple functions
     settings,
@@ -115 +164 @@
     loadedHeight,
     loadedWidth,
-    element,
     index,
     photo,
@@ -124 +172 @@
     publicMethod,
     div = "div",
-    className,
     requests = 0,
+    previousCSS = {},
     init;
 
@@ -131 +179 @@
     // HELPER FUNCTIONS
     // ****************
-    
-    // Convience function for creating new jQuery objects
+
+    // Convenience function for creating new jQuery objects
     function $tag(tag, id, css) {
         var element = document.createElement(tag);
@@ -146 +194 @@
         return $(element);
     }
-    
+
     // Get the window height using innerHeight when available to avoid an issue with iOS
     // http://bugs.jquery.com/ticket/6724
     function winheight() {
         return window.innerHeight ? window.innerHeight : $(window).height();
+    }
+
+    function Settings(element, options) {
+        if (options !== Object(options)) {
+            options = {};
+        }
+
+        this.cache = {};
+        this.el = element;
+
+        this.value = function(key) {
+            var dataAttr;
+
+            if (this.cache[key] === undefined) {
+                dataAttr = $(this.el).attr('data-cbox-'+key);
+
+                if (dataAttr !== undefined) {
+                    this.cache[key] = dataAttr;
+                } else if (options[key] !== undefined) {
+                    this.cache[key] = options[key];
+                } else if (defaults[key] !== undefined) {
+                    this.cache[key] = defaults[key];
+                }
+            }
+
+            return this.cache[key];
+        };
+
+        this.get = function(key) {
+            var value = this.value(key);
+            return $.isFunction(value) ? value.call(this.el, this) : value;
+        };
     }
 
@@ -158 +238 @@
         max = $related.length,
         newIndex = (index + increment) % max;
-        
+
         return (newIndex < 0) ? max + newIndex : newIndex;
     }
@@ -166 +246 @@
         return Math.round((/%/.test(size) ? ((dimension === 'x' ? $window.width() : winheight()) / 100) : 1) * parseInt(size, 10));
     }
-    
+
     // Checks an href to see if it is a photo.
     // There is a force photo option (photo: true) for hrefs that cannot be matched by the regex.
     function isImage(settings, url) {
-        return settings.photo || settings.photoRegex.test(url);
+        return settings.get('photo') || settings.get('photoRegex').test(url);
     }
 
     function retinaUrl(settings, url) {
-        return settings.retinaUrl && window.devicePixelRatio > 1 ? url.replace(settings.photoRegex, settings.retinaSuffix) : url;
+        return settings.get('retinaUrl') && window.devicePixelRatio > 1 ? url.replace(settings.get('photoRegex'), settings.get('retinaSuffix')) : url;
     }
 
     function trapFocus(e) {
-        if ('contains' in $box[0] && !$box[0].contains(e.target)) {
+        if ('contains' in $box[0] && !$box[0].contains(e.target) && e.target !== $overlay[0]) {
             e.stopPropagation();
             $box.focus();
@@ -184 +264 @@
     }
 
-    // Assigns function results to their respective properties
-    function makeSettings() {
-        var i,
-            data = $.data(element, colorbox);
-        
-        if (data == null) {
-            settings = $.extend({}, defaults);
-            if (console && console.log) {
-                console.log('Error: cboxElement missing settings object');
+    function setClass(str) {
+        if (setClass.str !== str) {
+            $box.add($overlay).removeClass(setClass.str).addClass(str);
+            setClass.str = str;
+        }
+    }
+
+    function getRelated(rel) {
+        index = 0;
+
+        if (rel && rel !== false && rel !== 'nofollow') {
+            $related = $('.' + boxElement).filter(function () {
+                var options = $.data(this, colorbox);
+                var settings = new Settings(this, options);
+                return (settings.get('rel') === rel);
+            });
+            index = $related.index(settings.el);
+
+            // Check direct calls to Colorbox.
+            if (index === -1) {
+                $related = $related.add(settings.el);
+                index = $related.length - 1;
             }
         } else {
-            settings = $.extend({}, data);
-        }
-        
-        for (i in settings) {
-            if ($.isFunction(settings[i]) && i.slice(0, 2) !== 'on') { // checks to make sure the function isn't one of the callbacks, they will be handled at the appropriate time.
-                settings[i] = settings[i].call(element);
-            }
-        }
-        
-        settings.rel = settings.rel || element.rel || $(element).data('rel') || 'nofollow';
-        settings.href = settings.href || $(element).attr('href');
-        settings.title = settings.title || element.title;
-        
-        if (typeof settings.href === "string") {
-            settings.href = $.trim(settings.href);
-        }
-    }
-
-    function trigger(event, callback) {
+            $related = $(settings.el);
+        }
+    }
+
+    function trigger(event) {
         // for external use
         $(document).trigger(event);
-
         // for internal use
-        $events.trigger(event);
-
-        if ($.isFunction(callback)) {
-            callback.call(element);
-        }
-    }
-
-    // Slideshow functionality
-    function slideshow() {
-        var
-        timeOut,
-        className = prefix + "Slideshow_",
-        click = "click." + prefix,
-        clear,
-        set,
-        start,
-        stop;
-        
-        if (settings.slideshow && $related[1]) {
-            clear = function () {
-                clearTimeout(timeOut);
-            };
-
-            set = function () {
-                if (settings.loop || $related[index + 1]) {
-                    timeOut = setTimeout(publicMethod.next, settings.slideshowSpeed);
-                }
-            };
-
-            start = function () {
-                $slideshow
-                    .html(settings.slideshowStop)
-                    .unbind(click)
-                    .one(click, stop);
-
-                $events
-                    .bind(event_complete, set)
-                    .bind(event_load, clear)
-                    .bind(event_cleanup, stop);
-
-                $box.removeClass(className + "off").addClass(className + "on");
-            };
-            
-            stop = function () {
+        $events.triggerHandler(event);
+    }
+
+    var slideshow = (function(){
+        var active,
+            className = prefix + "Slideshow_",
+            click = "click." + prefix,
+            timeOut;
+
+        function clear () {
+            clearTimeout(timeOut);
+        }
+
+        function set() {
+            if (settings.get('loop') || $related[index + 1]) {
                 clear();
-                
-                $events
-                    .unbind(event_complete, set)
-                    .unbind(event_load, clear)
-                    .unbind(event_cleanup, stop);
-                
-                $slideshow
-                    .html(settings.slideshowStart)
-                    .unbind(click)
-                    .one(click, function () {
-                        publicMethod.next();
+                timeOut = setTimeout(publicMethod.next, settings.get('slideshowSpeed'));
+            }
+        }
+
+        function start() {
+            $slideshow
+                .html(settings.get('slideshowStop'))
+                .unbind(click)
+                .one(click, stop);
+
+            $events
+                .bind(event_complete, set)
+                .bind(event_load, clear);
+
+            $box.removeClass(className + "off").addClass(className + "on");
+        }
+
+        function stop() {
+            clear();
+
+            $events
+                .unbind(event_complete, set)
+                .unbind(event_load, clear);
+
+            $slideshow
+                .html(settings.get('slideshowStart'))
+                .unbind(click)
+                .one(click, function () {
+                    publicMethod.next();
+                    start();
+                });
+
+            $box.removeClass(className + "on").addClass(className + "off");
+        }
+
+        function reset() {
+            active = false;
+            $slideshow.hide();
+            clear();
+            $events
+                .unbind(event_complete, set)
+                .unbind(event_load, clear);
+            $box.removeClass(className + "off " + className + "on");
+        }
+
+        return function(){
+            if (active) {
+                if (!settings.get('slideshow')) {
+                    $events.unbind(event_cleanup, reset);
+                    reset();
+                }
+            } else {
+                if (settings.get('slideshow') && $related[1]) {
+                    active = true;
+                    $events.one(event_cleanup, reset);
+                    if (settings.get('slideshowAuto')) {
                         start();
-                    });
-
-                $box.removeClass(className + "on").addClass(className + "off");
-            };
-            
-            if (settings.slideshowAuto) {
-                start();
-            } else {
-                stop();
-            }
-        } else {
-            $box.removeClass(className + "off " + className + "on");
-        }
-    }
-
-    function launch(target) {
+                    } else {
+                        stop();
+                    }
+                    $slideshow.show();
+                }
+            }
+        };
+
+    }());
+
+
+    function launch(element) {
+        var options;
+
         if (!closing) {
-            
-            element = target;
-            
-            makeSettings();
-            
-            $related = $(element);
-            
-            index = 0;
-            
-            if (settings.rel !== 'nofollow') {
-                $related = $('.' + boxElement).filter(function () {
-                    var data = $.data(this, colorbox),
-                        relRelated;
-
-                    if (data) {
-                        relRelated =  $(this).data('rel') || data.rel || this.rel;
-                    }
-                    
-                    return (relRelated === settings.rel);
-                });
-                index = $related.index(element);
-                
-                // Check direct calls to Colorbox.
-                if (index === -1) {
-                    $related = $related.add(element);
-                    index = $related.length - 1;
-                }
-            }
-            
-            $overlay.css({
-                opacity: parseFloat(settings.opacity),
-                cursor: settings.overlayClose ? "pointer" : "auto",
-                visibility: 'visible'
-            }).show();
-            
-
-            if (className) {
-                $box.add($overlay).removeClass(className);
-            }
-            if (settings.className) {
-                $box.add($overlay).addClass(settings.className);
-            }
-            className = settings.className;
-
-            $close.html(settings.close).show();
+
+            options = $(element).data(colorbox);
+
+            settings = new Settings(element, options);
+
+            getRelated(settings.get('rel'));
 
             if (!open) {
                 open = active = true; // Prevents the page-change action from queuing up if the visitor holds down the left or right keys.
-                
+
+                setClass(settings.get('className'));
+
                 // Show colorbox so the sizes can be calculated in older versions of jQuery
-                $box.css({visibility:'hidden', display:'block'});
-                
-                $loaded = $tag(div, 'LoadedContent', 'width:0; height:0; overflow:hidden').appendTo($content);
+                $box.css({visibility:'hidden', display:'block', opacity:''});
+
+                $loaded = $tag(div, 'LoadedContent', 'width:0; height:0; overflow:hidden; visibility:hidden');
+                $content.css({width:'', height:''}).append($loaded);
 
                 // Cache values needed for size calculations
@@ -351 +407 @@
                 loadedHeight = $loaded.outerHeight(true);
                 loadedWidth = $loaded.outerWidth(true);
-                
-                
+
                 // Opens inital empty Colorbox prior to content being loaded.
-                settings.w = setSize(settings.initialWidth, 'x');
-                settings.h = setSize(settings.initialHeight, 'y');
+                var initialWidth = setSize(settings.get('initialWidth'), 'x');
+                var initialHeight = setSize(settings.get('initialHeight'), 'y');
+                var maxWidth = settings.get('maxWidth');
+                var maxHeight = settings.get('maxHeight');
+
+                settings.w = Math.max((maxWidth !== false ? Math.min(initialWidth, setSize(maxWidth, 'x')) : initialWidth) - loadedWidth - interfaceWidth, 0);
+                settings.h = Math.max((maxHeight !== false ? Math.min(initialHeight, setSize(maxHeight, 'y')) : initialHeight) - loadedHeight - interfaceHeight, 0);
+
+                $loaded.css({width:'', height:settings.h});
                 publicMethod.position();
 
-                slideshow();
-
-                trigger(event_open, settings.onOpen);
-                
+                trigger(event_open);
+                settings.get('onOpen');
+
                 $groupControls.add($title).hide();
 
                 $box.focus();
-                
-                // Confine focus to the modal
-                // Uses event capturing that is not supported in IE8-
-                if (document.addEventListener) {
-
-                    document.addEventListener('focus', trapFocus, true);
-                    
+
+                if (settings.get('trapFocus')) {
+                    // Confine focus to the modal
+                    // Uses event capturing that is not supported in IE8-
+                    if (document.addEventListener) {
+
+                        document.addEventListener('focus', trapFocus, true);
+
+                        $events.one(event_closed, function () {
+                            document.removeEventListener('focus', trapFocus, true);
+                        });
+                    }
+                }
+
+                // Return focus on closing
+                if (settings.get('returnFocus')) {
                     $events.one(event_closed, function () {
-                        document.removeEventListener('focus', trapFocus, true);
+                        $(settings.el).focus();
                     });
                 }
-
-                // Return focus on closing
-                if (settings.returnFocus) {
-                    $events.one(event_closed, function () {
-                        $(element).focus();
-                    });
-                }
-            }
-            
+            }
+
+            var opacity = parseFloat(settings.get('opacity'));
+            $overlay.css({
+                opacity: opacity === opacity ? opacity : '',
+                cursor: settings.get('overlayClose') ? 'pointer' : '',
+                visibility: 'visible'
+            }).show();
+
+            if (settings.get('closeButton')) {
+                $close.html(settings.get('close')).appendTo($content);
+            } else {
+                $close.appendTo('<div/>'); // replace with .detach() when dropping jQuery < 1.4
+            }
+
             load();
         }
@@ -392 +468 @@
     // so that the browser will go ahead and load the CSS background images.
     function appendHTML() {
-        if (!$box && document.body) {
+        if (!$box) {
             init = false;
             $window = $(window);
@@ -402 +478 @@
             }).hide();
             $overlay = $tag(div, "Overlay").hide();
-            $loadingOverlay = $tag(div, "LoadingOverlay").add($tag(div, "LoadingGraphic"));
+            $loadingOverlay = $([$tag(div, "LoadingOverlay")[0],$tag(div, "LoadingGraphic")[0]]);
             $wrap = $tag(div, "Wrapper");
             $content = $tag(div, "Content").append(
                 $title = $tag(div, "Title"),
                 $current = $tag(div, "Current"),
-                $prev = $tag('button', "Previous"),
-                $next = $tag('button', "Next"),
-                $slideshow = $tag('button', "Slideshow"),
-                $loadingOverlay,
-                $close = $tag('button', "Close")
+                $prev = $('<button type="button"/>').attr({id:prefix+'Previous'}),
+                $next = $('<button type="button"/>').attr({id:prefix+'Next'}),
+                $slideshow = $('<button type="button"/>').attr({id:prefix+'Slideshow'}),
+                $loadingOverlay
             );
-            
+
+            $close = $('<button type="button"/>').attr({id:prefix+'Close'});
+
             $wrap.append( // The 3x3 Grid that makes up Colorbox
                 $tag(div).append(
@@ -431 +508 @@
                 )
             ).find('div div').css({'float': 'left'});
-            
-            $loadingBay = $tag(div, false, 'position:absolute; width:9999px; visibility:hidden; display:none');
-            
+
+            $loadingBay = $tag(div, false, 'position:absolute; width:9999px; visibility:hidden; display:none; max-width:none;');
+
             $groupControls = $next.add($prev).add($current).add($slideshow);
-
+        }
+        if (document.body && !$box.parent().length) {
             $(document.body).append($overlay, $box.append($wrap, $loadingBay));
         }
@@ -445 +523 @@
             // ignore non-left-mouse-clicks and clicks modified with ctrl / command, shift, or alt.
             // See: http://jacklmoore.com/notes/click-events/
-            if (!(e.which > 1 || e.shiftKey || e.altKey || e.metaKey || e.control)) {
+            if (!(e.which > 1 || e.shiftKey || e.altKey || e.metaKey || e.ctrlKey)) {
                 e.preventDefault();
                 launch(this);
@@ -466 +544 @@
                 });
                 $overlay.click(function () {
-                    if (settings.overlayClose) {
+                    if (settings.get('overlayClose')) {
                         publicMethod.close();
                     }
                 });
-                
+
                 // Key Bindings
                 $(document).bind('keydown.' + prefix, function (e) {
                     var key = e.keyCode;
-                    if (open && settings.escKey && key === 27) {
+                    if (open && settings.get('escKey') && key === 27) {
                         e.preventDefault();
                         publicMethod.close();
                     }
-                    if (open && settings.arrowKey && $related[1] && !e.altKey) {
+                    if (open && settings.get('arrowKey') && $related[1] && !e.altKey) {
                         if (key === 37) {
                             e.preventDefault();
@@ -505 +583 @@
 
     // Don't do anything if Colorbox already exists.
-    if ($.colorbox) {
+    if ($[colorbox]) {
         return;
     }
@@ -518 +596 @@
     // Usage from within an iframe: parent.jQuery.colorbox.close();
     // ****************
-    
+
     publicMethod = $.fn[colorbox] = $[colorbox] = function (options, callback) {
-        var $this = this;
-        
+        var settings;
+        var $obj = this;
+
         options = options || {};
-        
+
+        if ($.isFunction($obj)) { // assume a call to $.colorbox
+            $obj = $('<a/>');
+            options.open = true;
+        }
+
+        if (!$obj[0]) { // colorbox being applied to empty collection
+            return $obj;
+        }
+
         appendHTML();
 
         if (addBindings()) {
-            if ($.isFunction($this)) { // assume a call to $.colorbox
-                $this = $('<a/>');
-                options.open = true;
-            } else if (!$this[0]) { // colorbox being applied to empty collection
-                return $this;
-            }
-            
+
             if (callback) {
                 options.onComplete = callback;
             }
-            
-            $this.each(function () {
-                $.data(this, colorbox, $.extend({}, $.data(this, colorbox) || defaults, options));
+
+            $obj.each(function () {
+                var old = $.data(this, colorbox) || {};
+                $.data(this, colorbox, $.extend(old, options));
             }).addClass(boxElement);
-            
-            if (($.isFunction(options.open) && options.open.call($this)) || options.open) {
-                launch($this[0]);
-            }
-        }
-        
-        return $this;
+
+            settings = new Settings($obj[0], options);
+
+            if (settings.get('open')) {
+                launch($obj[0]);
+            }
+        }
+
+        return $obj;
     };
 
@@ -558 +643 @@
         scrollTop,
         scrollLeft;
-        
+
         $window.unbind('resize.' + prefix);
 
@@ -567 +652 @@
         scrollLeft = $window.scrollLeft();
 
-        if (settings.fixed) {
+        if (settings.get('fixed')) {
             offset.top -= scrollTop;
             offset.left -= scrollLeft;
@@ -578 +663 @@
 
         // keeps the top and left positions within the browser's viewport.
-        if (settings.right !== false) {
-            left += Math.max($window.width() - settings.w - loadedWidth - interfaceWidth - setSize(settings.right, 'x'), 0);
-        } else if (settings.left !== false) {
-            left += setSize(settings.left, 'x');
+        if (settings.get('right') !== false) {
+            left += Math.max($window.width() - settings.w - loadedWidth - interfaceWidth - setSize(settings.get('right'), 'x'), 0);
+        } else if (settings.get('left') !== false) {
+            left += setSize(settings.get('left'), 'x');
         } else {
             left += Math.round(Math.max($window.width() - settings.w - loadedWidth - interfaceWidth, 0) / 2);
         }
-        
-        if (settings.bottom !== false) {
-            top += Math.max(winheight() - settings.h - loadedHeight - interfaceHeight - setSize(settings.bottom, 'y'), 0);
-        } else if (settings.top !== false) {
-            top += setSize(settings.top, 'y');
+
+        if (settings.get('bottom') !== false) {
+            top += Math.max(winheight() - settings.h - loadedHeight - interfaceHeight - setSize(settings.get('bottom'), 'y'), 0);
+        } else if (settings.get('top') !== false) {
+            top += setSize(settings.get('top'), 'y');
         } else {
             top += Math.round(Math.max(winheight() - settings.h - loadedHeight - interfaceHeight, 0) / 2);
@@ -596 +681 @@
         $box.css({top: offset.top, left: offset.left, visibility:'visible'});
 
-        // setting the speed to 0 to reduce the delay between same-sized content.
-        speed = ($box.width() === settings.w + loadedWidth && $box.height() === settings.h + loadedHeight) ? 0 : speed || 0;
-        
         // this gives the wrapper plenty of breathing room so it's floated contents can move around smoothly,
         // but it has to be shrank down around the size of div#colorbox when it's done.  If not,
         // it can invoke an obscure IE bug when using iframes.
         $wrap[0].style.width = $wrap[0].style.height = "9999px";
-        
-        function modalDimensions(that) {
-            $topBorder[0].style.width = $bottomBorder[0].style.width = $content[0].style.width = (parseInt(that.style.width,10) - interfaceWidth)+'px';
-            $content[0].style.height = $leftBorder[0].style.height = $rightBorder[0].style.height = (parseInt(that.style.height,10) - interfaceHeight)+'px';
+
+        function modalDimensions() {
+            $topBorder[0].style.width = $bottomBorder[0].style.width = $content[0].style.width = (parseInt($box[0].style.width,10) - interfaceWidth)+'px';
+            $content[0].style.height = $leftBorder[0].style.height = $rightBorder[0].style.height = (parseInt($box[0].style.height,10) - interfaceHeight)+'px';
         }
 
         css = {width: settings.w + loadedWidth + interfaceWidth, height: settings.h + loadedHeight + interfaceHeight, top: top, left: left};
 
-        if(speed===0){ // temporary workaround to side-step jQuery-UI 1.8 bug (http://bugs.jquery.com/ticket/12273)
+        // setting the speed to 0 if the content hasn't changed size or position
+        if (speed) {
+            var tempSpeed = 0;
+            $.each(css, function(i){
+                if (css[i] !== previousCSS[i]) {
+                    tempSpeed = speed;
+                    return;
+                }
+            });
+            speed = tempSpeed;
+        }
+
+        previousCSS = css;
+
+        if (!speed) {
             $box.css(css);
         }
+
         $box.dequeue().animate(css, {
-            duration: speed,
+            duration: speed || 0,
             complete: function () {
-                modalDimensions(this);
-                
+                modalDimensions();
+
                 active = false;
-                
+
                 // shrink the wrapper down to exactly the size of colorbox to avoid a bug in IE's iframe implementation.
                 $wrap[0].style.width = (settings.w + loadedWidth + interfaceWidth) + "px";
                 $wrap[0].style.height = (settings.h + loadedHeight + interfaceHeight) + "px";
-                
-                if (settings.reposition) {
+
+                if (settings.get('reposition')) {
                     setTimeout(function () {  // small delay before binding onresize due to an IE8 bug.
                         $window.bind('resize.' + prefix, publicMethod.position);
@@ -631 +728 @@
                 }
 
-                if (loadedCallback) {
+                if ($.isFunction(loadedCallback)) {
                     loadedCallback();
                 }
             },
-            step: function () {
-                modalDimensions(this);
-            }
+            step: modalDimensions
         });
     };
 
     publicMethod.resize = function (options) {
+        var scrolltop;
+
         if (open) {
             options = options || {};
-            
+
             if (options.width) {
                 settings.w = setSize(options.width, 'x') - loadedWidth - interfaceWidth;
             }
+
             if (options.innerWidth) {
                 settings.w = setSize(options.innerWidth, 'x');
             }
+
             $loaded.css({width: settings.w});
-            
+
             if (options.height) {
                 settings.h = setSize(options.height, 'y') - loadedHeight - interfaceHeight;
             }
+
             if (options.innerHeight) {
                 settings.h = setSize(options.innerHeight, 'y');
             }
+
             if (!options.innerHeight && !options.height) {
+                scrolltop = $loaded.scrollTop();
                 $loaded.css({height: "auto"});
                 settings.h = $loaded.height();
             }
+
             $loaded.css({height: settings.h});
-            
-            publicMethod.position(settings.transition === "none" ? 0 : settings.speed);
+
+            if(scrolltop) {
+                $loaded.scrollTop(scrolltop);
+            }
+
+            publicMethod.position(settings.get('transition') === "none" ? 0 : settings.get('speed'));
         }
     };
@@ -673 +780 @@
             return;
         }
-        
-        var callback, speed = settings.transition === "none" ? 0 : settings.speed;
-
-        $loaded.empty().remove(); // Using empty first may prevent some IE7 issues.
+
+        var callback, speed = settings.get('transition') === "none" ? 0 : settings.get('speed');
+
+        $loaded.remove();
 
         $loaded = $tag(div, 'LoadedContent').append(object);
-        
+
         function getWidth() {
             settings.w = settings.w || $loaded.width();
@@ -690 +797 @@
             return settings.h;
         }
-        
+
         $loaded.hide()
         .appendTo($loadingBay.show())// content has to be appended to the DOM for accurate size calculations.
-        .css({width: getWidth(), overflow: settings.scrolling ? 'auto' : 'hidden'})
+        .css({width: getWidth(), overflow: settings.get('scrolling') ? 'auto' : 'hidden'})
         .css({height: getHeight()})// sets the height independently from the width in case the new width influences the value of height.
         .prependTo($content);
-        
+
         $loadingBay.hide();
-        
+
         // floating the IMG removes the bottom line-height and fixed a problem where IE miscalculates the width of the parent element as 100% of the document width.
-        
+
         $(photo).css({'float': 'none'});
+
+        setClass(settings.get('className'));
 
         callback = function () {
             var total = $related.length,
                 iframe,
-                frameBorder = 'frameBorder',
-                allowTransparency = 'allowTransparency',
                 complete;
-            
+
             if (!open) {
                 return;
             }
-            
-            function removeFilter() { // Needed for IE7 & IE8 in versions of jQuery prior to 1.7.2
+
+            function removeFilter() { // Needed for IE8 in versions of jQuery prior to 1.7.2
                 if ($.support.opacity === false) {
                     $box[0].style.removeAttribute('filter');
                 }
             }
-            
+
             complete = function () {
                 clearTimeout(loadingTimer);
                 $loadingOverlay.hide();
-                trigger(event_complete, settings.onComplete);
+                trigger(event_complete);
+                settings.get('onComplete');
             };
 
-            
-            $title.html(settings.title).add($loaded).show();
-            
+
+            $title.html(settings.get('title')).show();
+            $loaded.show();
+
             if (total > 1) { // handle grouping
-                if (typeof settings.current === "string") {
-                    $current.html(settings.current.replace('{current}', index + 1).replace('{total}', total)).show();
-                }
-                
-                $next[(settings.loop || index < total - 1) ? "show" : "hide"]().html(settings.next);
-                $prev[(settings.loop || index) ? "show" : "hide"]().html(settings.previous);
-                
-                if (settings.slideshow) {
-                    $slideshow.show();
-                }
-                
+                if (typeof settings.get('current') === "string") {
+                    $current.html(settings.get('current').replace('{current}', index + 1).replace('{total}', total)).show();
+                }
+
+                $next[(settings.get('loop') || index < total - 1) ? "show" : "hide"]().html(settings.get('next'));
+                $prev[(settings.get('loop') || index) ? "show" : "hide"]().html(settings.get('previous'));
+
+                slideshow();
+
                 // Preloads images within a rel group
-                if (settings.preloading) {
+                if (settings.get('preloading')) {
                     $.each([getIndex(-1), getIndex(1)], function(){
-                        var src,
-                            img,
+                        var img,
                             i = $related[this],
-                            data = $.data(i, colorbox);
-
-                        if (data && data.href) {
-                            src = data.href;
-                            if ($.isFunction(src)) {
-                                src = src.call(i);
-                            }
-                        } else {
-                            src = $(i).attr('href');
-                        }
-
-                        if (src && isImage(data, src)) {
-                            src = retinaUrl(data, src);
-                            img = new Image();
+                            settings = new Settings(i, $.data(i, colorbox)),
+                            src = settings.get('href');
+
+                        if (src && isImage(settings, src)) {
+                            src = retinaUrl(settings, src);
+                            img = document.createElement('img');
                             img.src = src;
                         }
@@ -768 +866 @@
                 $groupControls.hide();
             }
-            
-            if (settings.iframe) {
-                iframe = $tag('iframe')[0];
-                
-                if (frameBorder in iframe) {
-                    iframe[frameBorder] = 0;
-                }
-                
-                if (allowTransparency in iframe) {
-                    iframe[allowTransparency] = "true";
-                }
-
-                if (!settings.scrolling) {
+
+            if (settings.get('iframe')) {
+
+                iframe = settings.get('createIframe');
+
+                if (!settings.get('scrolling')) {
                     iframe.scrolling = "no";
                 }
-                
+
                 $(iframe)
                     .attr({
-                        src: settings.href,
-                        name: (new Date()).getTime(), // give the iframe a unique name to prevent caching
-                        'class': prefix + 'Iframe',
-                        allowFullScreen : true, // allow HTML5 video to go fullscreen
-                        webkitAllowFullScreen : true,
-                        mozallowfullscreen : true
+                        src: settings.get('href'),
+                        'class': prefix + 'Iframe'
                     })
                     .one('load', complete)
                     .appendTo($loaded);
-                
+
                 $events.one(event_purge, function () {
                     iframe.src = "//about:blank";
                 });
 
-                if (settings.fastIframe) {
+                if (settings.get('fastIframe')) {
                     $(iframe).trigger('load');
                 }
@@ -806 +893 @@
                 complete();
             }
-            
-            if (settings.transition === 'fade') {
+
+            if (settings.get('transition') === 'fade') {
                 $box.fadeTo(speed, 1, removeFilter);
             } else {
@@ -813 +900 @@
             }
         };
-        
-        if (settings.transition === 'fade') {
+
+        if (settings.get('transition') === 'fade') {
             $box.fadeTo(speed, 0, function () {
                 publicMethod.position(0, callback);
@@ -825 +912 @@
     function load () {
         var href, setResize, prep = publicMethod.prep, $inline, request = ++requests;
-        
+
         active = true;
-        
+
         photo = false;
-        
-        element = $related[index];
-        
-        makeSettings();
-        
+
         trigger(event_purge);
-        
-        trigger(event_load, settings.onLoad);
-        
-        settings.h = settings.height ?
-                setSize(settings.height, 'y') - loadedHeight - interfaceHeight :
-                settings.innerHeight && setSize(settings.innerHeight, 'y');
-        
-        settings.w = settings.width ?
-                setSize(settings.width, 'x') - loadedWidth - interfaceWidth :
-                settings.innerWidth && setSize(settings.innerWidth, 'x');
-        
+        trigger(event_load);
+        settings.get('onLoad');
+
+        settings.h = settings.get('height') ?
+                setSize(settings.get('height'), 'y') - loadedHeight - interfaceHeight :
+                settings.get('innerHeight') && setSize(settings.get('innerHeight'), 'y');
+
+        settings.w = settings.get('width') ?
+                setSize(settings.get('width'), 'x') - loadedWidth - interfaceWidth :
+                settings.get('innerWidth') && setSize(settings.get('innerWidth'), 'x');
+
         // Sets the minimum dimensions for use in image scaling
         settings.mw = settings.w;
         settings.mh = settings.h;
-        
+
         // Re-evaluate the minimum width and height based on maxWidth and maxHeight values.
         // If the width or height exceed the maxWidth or maxHeight, use the maximum values instead.
-        if (settings.maxWidth) {
-            settings.mw = setSize(settings.maxWidth, 'x') - loadedWidth - interfaceWidth;
+        if (settings.get('maxWidth')) {
+            settings.mw = setSize(settings.get('maxWidth'), 'x') - loadedWidth - interfaceWidth;
             settings.mw = settings.w && settings.w < settings.mw ? settings.w : settings.mw;
         }
-        if (settings.maxHeight) {
-            settings.mh = setSize(settings.maxHeight, 'y') - loadedHeight - interfaceHeight;
+        if (settings.get('maxHeight')) {
+            settings.mh = setSize(settings.get('maxHeight'), 'y') - loadedHeight - interfaceHeight;
             settings.mh = settings.h && settings.h < settings.mh ? settings.h : settings.mh;
         }
-        
-        href = settings.href;
-        
+
+        href = settings.get('href');
+
         loadingTimer = setTimeout(function () {
             $loadingOverlay.show();
         }, 100);
-        
-        if (settings.inline) {
+
+        if (settings.get('inline')) {
+            var $target = $(href).eq(0);
             // Inserts an empty placeholder where inline content is being pulled from.
             // An event is bound to put inline content back when Colorbox closes or loads new content.
-            $inline = $tag(div).hide().insertBefore($(href)[0]);
+            $inline = $('<div>').hide().insertBefore($target);
 
             $events.one(event_purge, function () {
-                $inline.replaceWith($loaded.children());
+                $inline.replaceWith($target);
             });
 
-            prep($(href));
-        } else if (settings.iframe) {
+            prep($target);
+        } else if (settings.get('iframe')) {
             // IFrame element won't be added to the DOM until it is ready to be displayed,
             // to avoid problems with DOM-ready JS that might be trying to run in that iframe.
             prep(" ");
-        } else if (settings.html) {
-            prep(settings.html);
+        } else if (settings.get('html')) {
+            prep(settings.get('html'));
         } else if (isImage(settings, href)) {
 
             href = retinaUrl(settings, href);
 
-            $(photo = new Image())
+            photo = settings.get('createImg');
+
+            $(photo)
             .addClass(prefix + 'Photo')
-            .bind('error',function () {
-                settings.title = false;
-                prep($tag(div, 'Error').html(settings.imgError));
+            .bind('error.'+prefix,function () {
+                prep($tag(div, 'Error').html(settings.get('imgError')));
             })
             .one('load', function () {
-                var percent;
-
                 if (request !== requests) {
                     return;
                 }
 
-                if (settings.retinaImage && window.devicePixelRatio > 1) {
-                    photo.height = photo.height / window.devicePixelRatio;
-                    photo.width = photo.width / window.devicePixelRatio;
-                }
-
-                if (settings.scalePhotos) {
-                    setResize = function () {
-                        photo.height -= photo.height * percent;
-                        photo.width -= photo.width * percent;
-                    };
-                    if (settings.mw && photo.width > settings.mw) {
-                        percent = (photo.width - settings.mw) / photo.width;
-                        setResize();
+                // A small pause because some browsers will occasionally report a
+                // img.width and img.height of zero immediately after the img.onload fires
+                setTimeout(function(){
+                    var percent;
+
+                    if (settings.get('retinaImage') && window.devicePixelRatio > 1) {
+                        photo.height = photo.height / window.devicePixelRatio;
+                        photo.width = photo.width / window.devicePixelRatio;
                     }
-                    if (settings.mh && photo.height > settings.mh) {
-                        percent = (photo.height - settings.mh) / photo.height;
-                        setResize();
+
+                    if (settings.get('scalePhotos')) {
+                        setResize = function () {
+                            photo.height -= photo.height * percent;
+                            photo.width -= photo.width * percent;
+                        };
+                        if (settings.mw && photo.width > settings.mw) {
+                            percent = (photo.width - settings.mw) / photo.width;
+                            setResize();
+                        }
+                        if (settings.mh && photo.height > settings.mh) {
+                            percent = (photo.height - settings.mh) / photo.height;
+                            setResize();
+                        }
                     }
-                }
-                
-                if (settings.h) {
-                    photo.style.marginTop = Math.max(settings.mh - photo.height, 0) / 2 + 'px';
-                }
-                
-                if ($related[1] && (settings.loop || $related[index + 1])) {
-                    photo.style.cursor = 'pointer';
-                    photo.onclick = function () {
-                        publicMethod.next();
-                    };
-                }
-
-                setTimeout(function () { // A pause because Chrome will sometimes report a 0 by 0 size otherwise.
+
+                    if (settings.h) {
+                        photo.style.marginTop = Math.max(settings.mh - photo.height, 0) / 2 + 'px';
+                    }
+
+                    if ($related[1] && (settings.get('loop') || $related[index + 1])) {
+                        photo.style.cursor = 'pointer';
+
+                        $(photo).bind('click.'+prefix, function () {
+                            publicMethod.next();
+                        });
+                    }
+
+                    photo.style.width = photo.width + 'px';
+                    photo.style.height = photo.height + 'px';
                     prep(photo);
                 }, 1);
             });
-            
-            setTimeout(function () { // A pause because Opera 10.6+ will sometimes not run the onload function otherwise.
-                photo.src = href;
-            }, 1);
+
+            photo.src = href;
+
         } else if (href) {
-            $loadingBay.load(href, settings.data, function (data, status) {
+            $loadingBay.load(href, settings.get('data'), function (data, status) {
                 if (request === requests) {
-                    prep(status === 'error' ? $tag(div, 'Error').html(settings.xhrError) : $(this).contents());
+                    prep(status === 'error' ? $tag(div, 'Error').html(settings.get('xhrError')) : $(this).contents());
                 }
             });
         }
     }
-        
+
     // Navigates to the next page/image in a set.
     publicMethod.next = function () {
-        if (!active && $related[1] && (settings.loop || $related[index + 1])) {
+        if (!active && $related[1] && (settings.get('loop') || $related[index + 1])) {
             index = getIndex(1);
             launch($related[index]);
         }
     };
-    
+
     publicMethod.prev = function () {
-        if (!active && $related[1] && (settings.loop || index)) {
+        if (!active && $related[1] && (settings.get('loop') || index)) {
             index = getIndex(-1);
             launch($related[index]);
@@ -966 +1055 @@
     publicMethod.close = function () {
         if (open && !closing) {
-            
+
             closing = true;
-            
             open = false;
-            
-            trigger(event_cleanup, settings.onCleanup);
-            
+            trigger(event_cleanup);
+            settings.get('onCleanup');
             $window.unbind('.' + prefix);
-            
-            $overlay.fadeTo(200, 0);
-            
-            $box.stop().fadeTo(300, 0, function () {
-            
-                $box.add($overlay).css({'opacity': 1, cursor: 'auto'}).hide();
-                
+            $overlay.fadeTo(settings.get('fadeOut') || 0, 0);
+
+            $box.stop().fadeTo(settings.get('fadeOut') || 0, 0, function () {
+                $box.hide();
+                $overlay.hide();
                 trigger(event_purge);
-                
-                $loaded.empty().remove(); // Using empty first may prevent some IE7 issues.
-                
+                $loaded.remove();
+
                 setTimeout(function () {
                     closing = false;
-                    trigger(event_closed, settings.onClosed);
+                    trigger(event_closed);
+                    settings.get('onClosed');
                 }, 1);
             });
@@ -998 +1083 @@
 
         $box.stop();
-        $.colorbox.close();
-        $box.stop().remove();
+        $[colorbox].close();
+        $box.stop(false, true).remove();
         $overlay.remove();
         closing = false;
@@ -1007 +1092 @@
             .removeClass(boxElement);
 
-        $(document).unbind('click.'+prefix);
+        $(document).unbind('click.'+prefix).unbind('keydown.'+prefix);
     };
 
@@ -1013 +1098 @@
     // returns a jQuery object.
     publicMethod.element = function () {
-        return $(element);
+        return $(settings.el);
     };
 

wp-multitasking/trunk/readme.txt

@@ -4 +4 @@
 Tags: shorcode,mark id,bbcode,welcome popup,exit popup,popup,addquicktag,custom post type,post type,remove base slug
 Requires at least: 2.1.0
-Tested up to: 5.4.2
-Stable tag: 0.1.7
+Tested up to: 6.3.1
+Stable tag: 0.1.8
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -18 +18 @@
 * BBCode
 * Include custom post type for AddQuickTag plugin settings
-* Exit pop-up each per post, page
-* Welcome pop-up each per post, page
+* Exit pop-up each per post, page and custom post type
+* Welcome pop-up each per post, page and custom post type
 * Remove base slug from custom post type
+* Replace the Block Editor with the Classic Editor
+* Enables the classic widgets settings screens in Appearance - Widgets
+* SMTP Settings
 
 == Installation ==
@@ -43 +46 @@
 
 = How To change menu name =
-* Go to 'wp-admin -> PPO WPMT -> PPO WPMT'
-* Enter the name you want
+* Go to 'wp-admin -> WP Utilities -> WP Utilities'
+* Enter the name you want to set
 
 = How To using BBCode =
@@ -71 +74 @@
 1. WP MultiTasking settings
 2. AddQuickTag settings
-3. Welcome popup settings.
-4. Exit popup settings.
+3. Welcome popup settings
+4. Exit popup settings
 5. Remove base slug from custom post type
+6. SMTP Settings
 
 == Changelog ==
+
+= 0.1.8 =
+* Audit custom permalinks
+* Add Fancybox option for pop-up
+* Add SMTP settings
 
 = 0.1.7 =

wp-multitasking/trunk/wp-multitasking.php

@@ -1 +1 @@
 <?php 
 /***************************************************************************
-Plugin Name: WP MultiTasking - PPO Utilities
+Plugin Name: WP MultiTasking - WP Utilities
 Plugin URI:  http://wordpress.org/plugins/wp-multitasking/
-Description: This plugin is synthetic utility for your WordPress site
-Version:     0.1.7
+Description: This plugin is synthetic utility for your WordPress site: Shortcode, BBCode, AddQuickTag, Exit pop-up, Welcome pop-up, Remove base slug, SMTP, Classic Editor, Classic widgets...
+Version:     0.1.8
 Author:      thangnv27
-Author URI:  https://ppo.vn/
+Author URI:  https://ngothang.me/
 **************************************************************************/
 
@@ -16 +16 @@
 
 if ( ! defined( 'WPMT_MENU_NAME' ) )
-    define( 'WPMT_MENU_NAME', 'PPO Utilities' );
+    define( 'WPMT_MENU_NAME', 'WP Utilities' );
 
 if ( ! defined( 'WPMT_MENU_ID' ) )
     define( 'WPMT_MENU_ID', 'wpmt_settings' );
+    
+if ( ! defined( 'WPMT_VER' ) )
+    define( 'WPMT_VER', '0.1.8' );
 
 add_action('admin_menu', 'wpmt_add_settings_page');
@@ -25 +28 @@
 function wpmt_add_settings_page(){
     $menu_name = stripslashes(get_option('wpmt_menu_name'));
-    if(empty($menu_name)){
-        add_menu_page(WPMT_MENU_NAME, // Page title
-                WPMT_MENU_NAME, // Menu title
-                'manage_options', // Capability - see: http://codex.wordpress.org/Roles_and_Capabilities#Capabilities
-                WPMT_MENU_ID, // menu id - Unique id of the menu
-                'wpmt_display_settings_page',// render output function
-                '', // URL icon, if empty default icon
-                null // Menu position - integer, if null default last of menu list
-            );
-    }else{
-        add_menu_page($menu_name, // Page title
-                $menu_name, // Menu title
-                'manage_options', // Capability - see: http://codex.wordpress.org/Roles_and_Capabilities#Capabilities
-                WPMT_MENU_ID, // menu id - Unique id of the menu
-                'wpmt_display_settings_page',// render output function
-                '', // URL icon, if empty default icon
-                null // Menu position - integer, if null default last of menu list
-            );
-    }
+    $menu_name = (empty($menu_name)) ? WPMT_MENU_NAME : $menu_name;
+    add_menu_page($menu_name, // Page title
+        $menu_name, // Menu title
+        'manage_options', // Capability - see: http://codex.wordpress.org/Roles_and_Capabilities#Capabilities
+        WPMT_MENU_ID, // menu id - Unique id of the menu
+        'wpmt_display_settings_page',// render output function
+        '', // URL icon, if empty default icon
+        null // Menu position - integer, if null default last of menu list
+    );
     /*-------------------------------------------------------------------------*/
     # Update data
@@ -49 +42 @@
     if (isset($_GET['page']) and $_GET['page'] == WPMT_MENU_ID) {
         if (isset($_POST['action']) and 'save' == $_POST['action']) {
-            if(isset($_POST["wpmt_menu_name"]) && !empty($_POST["wpmt_menu_name"])){
-                update_option("wpmt_menu_name", $_POST["wpmt_menu_name"]);
-            }else{
-                delete_option("wpmt_menu_name");
+            $fields = ['wpmt_menu_name', 'wpmt_classic_editor', 'wpmt_classic_widgets', 'wpmt_popup_type', 'wpmt_colorbox_type'];
+            foreach ($fields as $field) {
+                if (isset($_REQUEST[$field]) and !empty($_REQUEST[$field])) {
+                    update_option($field, $_REQUEST[$field]);
+                } else {
+                    delete_option($field);
+                }
             }
+
             header("Location: {$_SERVER['REQUEST_URI']}&saved=true");
             die();
-        } 
+        }
     }
 }
 
 function wpmt_display_settings_page() {
+    $popup_type = get_option('wpmt_popup_type');
+    $colorbox_type = get_option('wpmt_colorbox_type');
+    $colorbox_type = (!in_array($colorbox_type, [1,2,3,4,5])) ? 3 : $colorbox_type;
 ?>
     <div class="wrap">
@@ -77 +77 @@
             ?>
             <form method="post">
-                <table width="100%">
+                <table class="form-table" width="100%">
                     <tr>
                         <td>
@@ -84 +84 @@
                         <td>
                             <input type="text" name="wpmt_menu_name" id="wpmt_menu_name" value="<?php echo stripslashes(get_option('wpmt_menu_name')); ?>" class="regular-text" />
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <label for="wpmt_classic_editor">Classic Editor:</label>
+                        </td>
+                        <td>
+                            <input type="checkbox" name="wpmt_classic_editor" id="wpmt_classic_editor" value="1" 
+                                <?php echo (get_option('wpmt_classic_editor') == '1') ? "checked" : ""; ?> />
+                            <label for="wpmt_classic_editor">Replace the Block Editor with the Classic Editor</label>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <label for="wpmt_classic_widgets">Classic Widgets:</label>
+                        </td>
+                        <td>
+                            <input type="checkbox" name="wpmt_classic_widgets" id="wpmt_classic_widgets" value="1" 
+                                <?php echo (get_option('wpmt_classic_widgets') == '1') ? "checked" : ""; ?> />
+                            <label for="wpmt_classic_widgets">Enables the classic widgets settings screens in Appearance - Widgets</label>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <label for="wpmt_popup_type">Popup type:</label>
+                        </td>
+                        <td>
+                            <input type="radio" name="wpmt_popup_type" id="wpmt_popup_type_colorbox" value="colorbox" 
+                                <?php echo ($popup_type !== 'fancybox') ? "checked" : ""; ?> />
+                            <label for="wpmt_popup_type_colorbox">Colorbox</label>&nbsp;
+                            <input type="radio" name="wpmt_popup_type" id="wpmt_popup_type_fancybox" value="fancybox" 
+                                <?php echo ($popup_type === 'fancybox') ? "checked" : ""; ?> />
+                            <label for="wpmt_popup_type_fancybox">Fancybox</label>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>
+                            <label for="wpmt_colorbox_type">Colorbox style:</label>
+                        </td>
+                        <td>
+                            <select name="wpmt_colorbox_type" id="wpmt_colorbox_type" class="postform">
+                                <?php for($i = 1; $i < 6; $i++): ?>
+                                <option value="<?php echo $i; ?>" <?php echo ($colorbox_type == $i) ? "selected" : ""; ?>>Style <?php echo $i; ?></option>
+                                <?php endfor; ?>
+                            </select> <em>(Apply for Colorbox type)</em>
                         </td>
                     </tr>
@@ -103 +148 @@
 function wpmt_register_scripts(){
     wp_enqueue_media();
-    
-    ## Register All Styles
-    wp_register_style('wpmt-chosen-template', WPMT_PLUGIN_URL . 'css/chosen.min.css');
+
     ## Get Global Styles
-    wp_enqueue_style('wpmt-chosen-template');
-    
-    ## Register All Scripts
-    wp_register_script('wpmt-chosen', WPMT_PLUGIN_URL . 'js/chosen.jquery.min.js', array('jquery'));
+    wp_enqueue_style('wpmt-chosen-template', WPMT_PLUGIN_URL . 'css/chosen.min.css', array(), '1.0.0');
+
     ## Get Global Scripts
-    wp_enqueue_script('wpmt-chosen');
+    wp_enqueue_script('wpmt-chosen', WPMT_PLUGIN_URL . 'js/chosen.jquery.min.js', array('jquery'), '1.0.0',  true);
 }
 
@@ -133 +174 @@
 
 require_once WPMT_PLUGIN_DIR . '/includes/bbcode.php';
+require_once WPMT_PLUGIN_DIR . '/includes/classic-editor.php';
+require_once WPMT_PLUGIN_DIR . '/includes/classic-widgets.php';
 require_once WPMT_PLUGIN_DIR . '/includes/shortcode_markid.php';
 require_once WPMT_PLUGIN_DIR . '/includes/addquicktag_cpt.php';
@@ -139 +182 @@
 require_once WPMT_PLUGIN_DIR . '/includes/floating-popup/exit-popup.php';
 require_once WPMT_PLUGIN_DIR . '/includes/floating-popup/global-popup.php';
+require_once WPMT_PLUGIN_DIR . '/includes/smtp.php';