/*global Mousetrap:true */
(function() {

  /**
    A view to handle site customizations

    @class AdminCustomizeView    
    @extends Em.View
    @namespace Discourse
    @module Discourse
  **/ 
  Discourse.AdminCustomizeView = Discourse.View.extend({
    templateName: 'admin/templates/customize',
    classNames: ['customize'],

    init: function() {
      this._super();
      this.set('selected', 'stylesheet');
    },

    headerActive: (function() {
      return this.get('selected') === 'header';
    }).property('selected'),

    stylesheetActive: (function() {
      return this.get('selected') === 'stylesheet';
    }).property('selected'),

    selectHeader: function() {
      this.set('selected', 'header');
    },

    selectStylesheet: function() {
      this.set('selected', 'stylesheet');
    },

    didInsertElement: function() {
      var _this = this;
      return Mousetrap.bindGlobal(['meta+s', 'ctrl+s'], function() {
        _this.get('controller').save();
        return false;
      });
    },

    willDestroyElement: function() {
      return Mousetrap.unbindGlobal('meta+s', 'ctrl+s');
    }
    
  });

}).call(this);