/*! ========================================================================
 * Bootstrap Toggle: bootstrap-toggle.js v2.2.0
 * http://www.bootstraptoggle.com
 * ========================================================================
 * Copyright 2014 Min Hur, The New York Times Company
 * Licensed under MIT
 * ======================================================================== */


 +function ($) {
 	'use strict';

	// TOGGLE PUBLIC CLASS DEFINITION
	// ==============================

	var Toggle = function (element, options) {
		this.$element  = $(element);
		this.options   = $.extend({}, this.defaults(), options);
		this.render()
	};

	Toggle.VERSION  = '2.2.0';

	Toggle.DEFAULTS = {
		on: 'On',
		off: 'Off',
		onstyle: 'primary',
		offstyle: 'default',
		size: 'normal',
		style: '',
		width: null,
		height: null
	};

	Toggle.prototype.defaults = function() {
		return {
			on: this.$element.attr('data-on') || Toggle.DEFAULTS.on,
			off: this.$element.attr('data-off') || Toggle.DEFAULTS.off,
			onstyle: this.$element.attr('data-onstyle') || Toggle.DEFAULTS.onstyle,
			offstyle: this.$element.attr('data-offstyle') || Toggle.DEFAULTS.offstyle,
			size: this.$element.attr('data-size') || Toggle.DEFAULTS.size,
			style: this.$element.attr('data-style') || Toggle.DEFAULTS.style,
			width: this.$element.attr('data-width') || Toggle.DEFAULTS.width,
			height: this.$element.attr('data-height') || Toggle.DEFAULTS.height
		}
	};

	Toggle.prototype.render = function () {
		this._onstyle = 'btn-' + this.options.onstyle;
		this._offstyle = 'btn-' + this.options.offstyle;
		var size = this.options.size === 'large' ? 'btn-lg'
			: this.options.size === 'small' ? 'btn-sm'
			: this.options.size === 'mini' ? 'btn-xs'
			: '';
		var $toggleOn = $('<label class="btn">').html(this.options.on)
			.addClass(this._onstyle + ' ' + size);
		var $toggleOff = $('<label class="btn">').html(this.options.off)
			.addClass(this._offstyle + ' ' + size + ' active');
		var $toggleHandle = $('<span class="toggle-handle btn btn-default">')
			.addClass(size);
		var $toggleGroup = $('<div class="toggle-group">')
			.append($toggleOn, $toggleOff, $toggleHandle);
		var $toggle = $('<div class="toggle btn" data-toggle="toggle">')
			.addClass( this.$element.prop('checked') ? this._onstyle : this._offstyle+' off' )
			.addClass(size).addClass(this.options.style);

		this.$element.wrap($toggle);
		$.extend(this, {
			$toggle: this.$element.parent(),
			$toggleOn: $toggleOn,
			$toggleOff: $toggleOff,
			$toggleGroup: $toggleGroup
		});
		this.$toggle.append($toggleGroup);

		var width = this.options.width || Math.max($toggleOn.outerWidth(), $toggleOff.outerWidth())+($toggleHandle.outerWidth()/2);
		var height = this.options.height || Math.max($toggleOn.outerHeight(), $toggleOff.outerHeight());
		$toggleOn.addClass('toggle-on');
		$toggleOff.addClass('toggle-off');
		this.$toggle.css({ width: width, height: height });
		if (this.options.height) {
			$toggleOn.css('line-height', $toggleOn.height() + 'px');
			$toggleOff.css('line-height', $toggleOff.height() + 'px')
		}
		this.update(true);
		this.trigger(true)
	};

	Toggle.prototype.toggle = function () {
		if (this.$element.prop('checked')) this.off();
		else this.on()
	};

	Toggle.prototype.on = function (silent) {
		if (this.$element.prop('disabled')) return false;
		this.$toggle.removeClass(this._offstyle + ' off').addClass(this._onstyle);
		this.$element.prop('checked', true);
		if (!silent) this.trigger()
	};

	Toggle.prototype.off = function (silent) {
		if (this.$element.prop('disabled')) return false;
		this.$toggle.removeClass(this._onstyle).addClass(this._offstyle + ' off');
		this.$element.prop('checked', false);
		if (!silent) this.trigger()
	};

	Toggle.prototype.enable = function () {
		this.$toggle.removeAttr('disabled');
		this.$element.prop('disabled', false)
	};

	Toggle.prototype.disable = function () {
		this.$toggle.attr('disabled', 'disabled');
		this.$element.prop('disabled', true)
	};

	Toggle.prototype.update = function (silent) {
		if (this.$element.prop('disabled')) this.disable();
		else this.enable();
		if (this.$element.prop('checked')) this.on(silent);
		else this.off(silent)
	};

	Toggle.prototype.trigger = function (silent) {
		this.$element.off('change.bs.toggle');
		if (!silent) this.$element.change();
		this.$element.on('change.bs.toggle', $.proxy(function() {
			this.update()
		}, this))
	};

	Toggle.prototype.destroy = function() {
		this.$element.off('change.bs.toggle');
		this.$toggleGroup.remove();
		this.$element.removeData('bs.toggle');
		this.$element.unwrap()
	};

	// TOGGLE PLUGIN DEFINITION
	// ========================

	function Plugin(option) {
		return this.each(function () {
			var $this   = $(this);
			var data    = $this.data('bs.toggle');
			var options = typeof option == 'object' && option;

			if (!data) $this.data('bs.toggle', (data = new Toggle(this, options)));
			if (typeof option == 'string' && data[option]) data[option]()
		})
	}

	var old = $.fn.bootstrapToggle;

	$.fn.bootstrapToggle             = Plugin;
	$.fn.bootstrapToggle.Constructor = Toggle;

	// TOGGLE NO CONFLICT
	// ==================

	$.fn.toggle.noConflict = function () {
		$.fn.bootstrapToggle = old;
		return this
	};

	// TOGGLE DATA-API
	// ===============

	$(function() {
		$('input[type=checkbox][data-toggle^=toggle]').bootstrapToggle()
	});

	$(document).on('click.bs.toggle', 'div[data-toggle^=toggle]', function(e) {
		var $checkbox = $(this).find('input[type=checkbox]');
		$checkbox.bootstrapToggle('toggle');
		e.preventDefault()
	})

}(jQuery);
