     Meteor.defer -> initColorPicker($('.color-picker-area'))
 
 Template._bootstrap_magic.helpers
-  "groups" : ->
-    for group in bootstrap_magic_variables
-      for lessVar in group.data
-        lessVar.value = reactive.defaults.keys[lessVar.key] || lessVar.value
-    return bootstrap_magic_variables
+  
+  # "groups" : ->
+  #   for group in bootstrap_magic_variables
+  #     for lessVar in group.data
+  #       lessVar.value = reactive.defaults.keys[lessVar.key] || lessVar.value
+  #   return bootstrap_magic_variables
 
   "menuItems" : ->  _.map _.groupBy(bootstrap_magic_variables, 'category'), (obj) ->  obj[0]
   "pageItems" : ->  _.map _.where(bootstrap_magic_variables, { category: currentMenuItem.get() }), (obj) -> obj

    if group.keyName is currentPage.get()
      return group

@sorted = _.groupBy(bootstrap_magic_variables, 'category')
console.log "the sort: ",  @sorted
  
initColorPicker = (node) ->

  # colorpicker's changeColor fires too often!

  "typeIs" : (type) -> @type is type
  "currentGroup" : getCurrentGroup
  "isSelected" : -> 
    @category is currentMenuItem.get()
    @keyName is currentPage.get()

Template._bootstrap_magic.events
  'change input.bootstrap-magic-input' : (e) ->
