     # 
     constructor: (BUS)->
         @BUS = BUS
-        @BUS.subscribe('thumbnails.run',
-            ()=>
-                @run()
-                return
-        )
+        @modal = new Modal()
 
     #
     # Show the rule thumbnails
     # 
-    run: ()->
+    open: ()->
+        @modal.open(Templates.thumbMontage)
+
         # Setup the list of rules
         ruleList = [0..255]
 
-        template_options = {
-            ruleList:ruleList,
-            path:@BUS.get('thumbnails.path')
-        }
-
-        # Clear the current thumbnails and populate it via Mustache template
-        DOM.elemById('WOLFCAGE', 'MAIN_CONTAINER').innerHTML = Templates.thumbnails(template_options)
+        el = DOM.elemById("THUMBMONTAGE", "CONTAINER")
+        el.innerHTML = Templates.thumbnails(ruleList)
 
         thumbsElems = document.querySelectorAll('.' + DOM.getClass('THUMBNAILS', 'THUMB_BOX'))
         

        # Change the current rule
        @BUS.set('currentruledecimal', rule)

        # Load the generator
        @BUS.broadcast('tabs.show.generator')

module.exports = Thumbnails
###

DOM = require("./DOM.coffee")
Modal = require("./Modal.coffee")
Templates = require("./Templates.coffee")

class Thumbnails
