(function () {
	var D = Flotr.DOM,
		_ = Flotr._;

	Flotr.addPlugin('mask', {
		options: {
			show: true
		},
		callbacks: {
			'flotr:afterinit': function() {
				this.mask.insertMask();
			},
			'flotr:destroy': function() {
				var markup = this.mask.markup;
				if (markup) {
					this.mask.markup = null;
					D.remove(markup);
				}
			},
		},
		/**
		 * Adds a mask div to the canvas container
		 */
		insertMask: function() {

			if (!this.options.mask.show)
				return;

			var mask = D.create('div');
			D.addClass(mask, 'flotr-mask-container');
			var styles = {
				'position': 'absolute',
				'width': this.el.style.width,
				'height': this.el.style.height
			};
			D.setStyles(mask, styles);

			// disable content editable
			mask.setAttribute('contenteditable', false);

			D.insert(mask, ' ');
			D.insert(this.el, mask);
		}
	});
})();