﻿jQuery(function() {
	/* ********************************************************************** */
	/* BeautyTips [http://plugins.jquery.com/project/bt]                      */
	/* ********************************************************************** */
	// avatarBadge
	jQuery('.avatarBadge').bt({
		contentSelector: '$(this).next(".avatarBadgeContents").html();',    // get text of inner content of hidden div
		clickAnywhereToClose: true,                                  // clicking anywhere outside of the tip will close it
		closeWhenOthersOpen: true,                                   // tip will be closed before another opens - stop >= 2 tips being on
		cornerRadius: 0,                                            // radius of corners (px), set to 0 for square corners
		fill: 'white',                                             // fill color for the tooltip box, you can use any CSS-style color definition method
		noShadowOpts: {strokeStyle: '#ccc', strokeWidth: 1},         // use this to define 'fall-back' options for browsers which don't support drop shadows
		positions: ['top', 'right'],                                       // preference of positions for tip (will use first with available space)
		shadow: true,                                                // use drop shadow? (only displays in Safari and FF 3.1) - experimental
		shadowBlur: 8,                                               // shadow blur (px)
		shadowColor: 'rgba(0,0,0,.9)',                               // shadow color/alpha
		shadowOffsetX: 3,                                            // shadow offset x (px)
		shadowOffsetY: 3,                                            // shadow offset y (px)
		shadowOverlap: false,                                        // when shadows overlap the target element it can cause problem with hovering
		spikeGirth: 30,                    // width of spike
		spikeLength: 20,                    // length of spike
		overlap: 0,                     // spike overlap (px) onto target (can cause problems with 'hover' trigger)
		strokeWidth: 0,                                              // width of stroke around box, **set to 0 for no stroke**
		width: 500
	});
	
	jQuery('.scroll-pane').jScrollPane({
		verticalDragMinHeight: 39,
		verticalDragMaxHeight: 39,
		horizontalDragMinWidth: 0,
		horizontalDragMaxWidth: 0,
		autoReinitialise: true
	});

});

