var Presets = View.extend({
	el: "#presets",
	
	events: {
    "click .presets span": "selectPreset",
	},

  presets: {
    wireframe: {
      wall: [255,255,255],
      outline: [0,0,0],
      floor: [246,246,246],
      ceiling: [255,255,255],
    },
    shaded: {
      wall: [205,205,204],
      outline: [0,0,0],
      floor: [109,116,106],
      ceiling: [159,163,157],
    },
    pfunk: {
      wall: [255,63,78],
      outline: [255,246,0],
      floor: [255,255,0],
      ceiling: [225,118,252],
    },
    inverse: {
      wall: [0,0,0],
      outline: [255,255,255],
      floor: [0,0,0],
      ceiling: [0,0,0],
    },
  },
  
  initialize: function(opt){
    this.parent = opt.parent
  },

  toggle: function(state){
    this.$el.toggleClass("active", state);
  },
  
  show: function(){
    this.toggle(true)
  },
  
  hide: function(){
    this.toggle(false)
  },

  selectPreset: function(e){
    var preset = $(e.currentTarget).data('preset')
    if (! this.presets[preset]) return
    this.parent.lightControl.load(this.presets[preset])
    this.$(".active").removeClass('active')
    $(e.currentTarget).addClass('active')
  },
  
})