// ##########################################################################################################
// ##########################################################################################################
// Prototip Configuration

Prototip.Styles = {
  // The default style every other style will inherit from.
  // Used when no style is set through the options on a tooltip.
  'default': {
    border: 6,
    borderColor: '#c7c7c7',
    className: 'default',
    closeButton: false,
    hideAfter: false,
    hideOn: 'mouseleave',
    hook: false,
    images: './',
    radius: 6,
	showOn: 'mousemove',
    stem: {
      //position: 'topLeft',       // Example: optional default stem position, this will also enable the stem
      height: 12,
      width: 15
    }
  },

  'protoblue': {
    className: 'protoblue',
    border: 6,
    borderColor: '#116497',
    radius: 6,
    stem: { height: 12, width: 15 }
  },

  'ttBetSlip': {
    className: 'ttBetSlip',
    border: 1,
    borderColor: '#000',
    radius: 1,
    fixed: true,
    hook: { target: 'bottomMiddle', tip: 'topMiddle' },
    offset: { x: 0, y: 0 },
    stem: { height: 12, width: 15 }
  },
  
  'ttSLB': {
    className: 'custom',
    border: 6,
    borderColor: '#606060',
    radius: 6,
    fixed: true,
    hook: { target: 'rightMiddle', tip: 'leftTop' },
    offset: { x: 0, y: 0 },
    stem: { position: 'leftTop', height: 12, width: 15 }
  },

  'custom': {
    className: 'custom',
    border: 6,
    borderColor: '#606060',
    radius: 6,
    fixed: true,
    /*hook: { tip: 'topLeft', mouse: true },*/
    hook: { target: 'bottomMiddle', tip: 'topMiddle' },
    offset: { x: 0, y: 0 },
    stem: { position: 'topMiddle', height: 12, width: 15 }
  },

  'protogrey': {
    className: 'protogrey',
    border: 6,
    borderColor: '#606060',
    radius: 6,
    stem: { height: 12, width: 15 }
  },
  
  'ttFormular': {
    className: 'custom',
    border: 6,
    borderColor: '#606060',
    radius: 6,
    fixed: true,
    images: 'protogrey',
    hook: { target: 'rightTop', tip: 'leftBottom' },
    offset: { x: 0, y: 0 },
    stem: { position: 'bottomLeft', height: 12, width: 15 }
  },
  'ttCenter': {
    className: 'custom',
    border: 6,
    borderColor: '#606060',
    radius: 6,
    fixed: true,
    images: 'protogrey',
    hook: { target: 'bottomLeft', tip: 'topLeft' },
    offset: { x: 0, y: 0 },
    stem: { position: 'topMiddle', height: 12, width: 15 }
  },

  'loginError': {
	className: 'error',
	borderColor: '#ff0000',
    border: 6,
    radius: 6,
    fixed: true,
	showOn: false,
	hideOn: 'click',
    /*hook: { tip: 'topLeft', mouse: true },*/
    hook: { target: 'bottomMiddle', tip: 'topMiddle' },
    offset: { x: 0, y: 0 },
	images: 'loginError',
    stem: { position: 'topMiddle', height: 12, width: 15 }
  }
};

// ##########################################################################################################
// ##########################################################################################################
// Highslide Configuration

/*hs.graphicsDir = 'img/highslide/';
hs.outlineType = 'glossy-dark';
hs.align = 'center';
hs.width = 600;
hs.wrapperClassName = 'no-footer no-move';
hs.showCredits = false;
*/
hs.graphicsDir = 'img/highslide/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';
hs.zIndexCounter = 9999;
hs.showCredits = false;
hs.allowMultipleInstances = false;
hs.minWidth = 830;
hs.minHeight = 500;
hs.allowSizeReduction = true;
hs.align = 'center';
hs.preserveContent = false;
hs.dimmingOpacity = 0.75;
hs.dimmingDuration = 50;