diff --git a/plugins/box/snippets/js/snippets.js b/plugins/box/snippets/js/snippets.js
index 6cdf9d35..0dea82f3 100644
--- a/plugins/box/snippets/js/snippets.js
+++ b/plugins/box/snippets/js/snippets.js
@@ -1,18 +1,51 @@
-if (typeof $.monstra == 'undefined') $.monstra = {};
+var Snippents = Snippents || (function($) {
 
-$.monstra.snippets = {
+    var Events  = {}, // Event-based Actions      
+        App     = {}, // Global Logic and Initializer
+        Public  = {}; // Public Functions
 
-    init: function() { },
+    Events = {
+        endpoints: {
+            viewEmbedCode: function(){
+                var name = $(this).attr("data-value");
+                $('#shortcode').html('{snippet get="'+name+'"}');
+                $('#phpcode').html('<?php echo Snippet::get("'+name+'"); ?>');
+                $('#embedCodes').modal();
+            }
+        },
+        bindEvents: function(){            
+            $('[data-event]').each(function(){
+                var $this = $(this),
+                    method = $this.attr('data-method') || 'click',
+                    name = $this.attr('data-event'),
+                    bound = $this.attr('data-bound')=='true';
 
-    showEmbedCodes: function(name) {
-        $('#shortcode').html('{snippet get="'+name+'"}');
-        $('#phpcode').html('<?php echo Snippet::get("'+name+'"); ?>');
-        $('#embedCodes').modal();
-    }
+                if(typeof Events.endpoints[name] != 'undefined'){
+                    if(!bound){
+                        $this.attr('data-bound', 'true');
+                        $this.on(method, Events.endpoints[name]);
+                    }
+                }
+            });            
+        },
+        init: function(){
+            Events.bindEvents();
+        }
+    };
+    
+    App = {
+        logic: {},
+        init: function() {            
+            Events.init();             
+        }
+    };
+    
+    Public = {
+        init: App.init  
+    };
 
-};
+    return Public;
 
+})(window.jQuery);
 
-$(document).ready(function(){
-    $.monstra.snippets.init();
-});
\ No newline at end of file
+jQuery(document).ready(Snippents.init);
diff --git a/plugins/box/snippets/views/backend/index.view.php b/plugins/box/snippets/views/backend/index.view.php
index e8f7b936..24b7d5c4 100755
--- a/plugins/box/snippets/views/backend/index.view.php
+++ b/plugins/box/snippets/views/backend/index.view.php
@@ -30,7 +30,7 @@
                     <?php echo Html::anchor(__('Edit', 'snippets'), 'index.php?id=snippets&action=edit_snippet&filename='.basename($snippet, '.snippet.php'), array('class' => 'btn btn-actions btn-small')); ?>
                     <a class="btn dropdown-toggle btn-actions btn-small" data-toggle="dropdown" href="#" style="font-family:arial;"><span class="caret"></span></a>
                     <ul class="dropdown-menu">
-                        <li><?php echo Html::anchor(__('View Embed Code', 'snippets'), 'javascript:;', array('title' => __('View Embed Code', 'snippets'), 'onclick' => '$.monstra.snippets.showEmbedCodes("'.basename($snippet, '.snippet.php').'");')); ?></li>
+                        <li><?php echo Html::anchor(__('View Embed Code', 'snippets'), 'javascript:;', array('title' => __('View Embed Code', 'snippets'), 'data-event' => 'viewEmbedCode', 'data-method' => 'click', 'data-value' => basename($snippet, '.snippet.php'))); ?></li>
                     </ul>
                     <?php echo Html::anchor(__('Delete', 'snippets'),
                               'index.php?id=snippets&action=delete_snippet&filename='.basename($snippet, '.snippet.php').'&token='.Security::token(),