/*
 * Default plugin options
 */
var defaults = {
  horizontal: false, // horizontal mode layout ?
  inline: false, //forces to show the colorpicker as an inline element
  color: false, //forces a color
  format: false, //forces a format
  input: 'input', // children input selector
  container: false, // container selector
  component: '.add-on, .input-group-addon', // children component selector
  sliders: {
    saturation: {
      maxLeft: 100,
      maxTop: 100,
      callLeft: 'setSaturation',
      callTop: 'setBrightness'
    },
    hue: {
      maxLeft: 0,
      maxTop: 100,
      callLeft: false,
      callTop: 'setHue'
    },
    alpha: {
      maxLeft: 0,
      maxTop: 100,
      callLeft: false,
      callTop: 'setAlpha'
    }
  },
  slidersHorz: {
    saturation: {
      maxLeft: 100,
      maxTop: 100,
      callLeft: 'setSaturation',
      callTop: 'setBrightness'
    },
    hue: {
      maxLeft: 100,
      maxTop: 0,
      callLeft: 'setHue',
      callTop: false
    },
    alpha: {
      maxLeft: 100,
      maxTop: 0,
      callLeft: 'setAlpha',
      callTop: false
    }
  },
  template: '<div class="colorpicker dropdown-menu">' +
    '<div class="colorpicker-saturation"><i><b></b></i></div>' +
    '<div class="colorpicker-hue"><i></i></div>' +
    '<div class="colorpicker-alpha"><i></i></div>' +
    '<div class="colorpicker-color"><div /></div>' +
    '<div class="colorpicker-selectors"></div>' +
    '</div>',
  align: 'right',
  customClass: null,
  colorSelectors: null
};
 
  |