')
.css( jQueryStyle(self.options.style.title, true) )
.css({ zoom: ($.browser.msie) ? 1 : 0 })
.prependTo(self.elements.contentWrapper);
// Update title with contents if enabled
if(self.options.content.title.text) self.updateTitle.call(self, self.options.content.title.text);
// Create title close buttons if enabled
if(self.options.content.title.button !== false
&& typeof self.options.content.title.button == 'string')
{
self.elements.button = $('
')
.css( jQueryStyle(self.options.style.button, true) )
.html(self.options.content.title.button)
.prependTo(self.elements.title)
.click(function(event){ if(!self.status.disabled) self.hide(event) });
};
};
// Assign hide and show events
function assignEvents()
{
var self, showTarget, hideTarget, inactiveEvents;
self = this;
// Setup event target variables
showTarget = self.options.show.when.target;
hideTarget = self.options.hide.when.target;
// Add tooltip as a hideTarget is its fixed
if(self.options.hide.fixed) hideTarget = hideTarget.add(self.elements.tooltip);
// Check if the hide event is special 'inactive' type
if(self.options.hide.when.event == 'inactive')
{
// Define events which reset the 'inactive' event handler
inactiveEvents = ['click', 'dblclick', 'mousedown', 'mouseup', 'mousemove',
'mouseout', 'mouseenter', 'mouseleave', 'mouseover' ];
// Define 'inactive' event timer method
function inactiveMethod(event)
{
if(self.status.disabled === true) return;
//Clear and reset the timer
clearTimeout(self.timers.inactive);
self.timers.inactive = setTimeout(function()
{
// Unassign 'inactive' events
$(inactiveEvents).each(function()
{
hideTarget.unbind(this+'.qtip-inactive');
self.elements.content.unbind(this+'.qtip-inactive');
});
// Hide the tooltip
self.hide(event);
}
, self.options.hide.delay);
};
}
// Check if the tooltip is 'fixed'
else if(self.options.hide.fixed === true)
{
self.elements.tooltip.bind('mouseover.qtip', function()
{
if(self.status.disabled === true) return;
// Reset the hide timer
clearTimeout(self.timers.hide);
});
};
// Define show event method
function showMethod(event)
{
if(self.status.disabled === true) return;
// If set, hide tooltip when inactive for delay period
if(self.options.hide.when.event == 'inactive')
{
// Assign each reset event
$(inactiveEvents).each(function()
{
hideTarget.bind(this+'.qtip-inactive', inactiveMethod);
self.elements.content.bind(this+'.qtip-inactive', inactiveMethod);
});
// Start the inactive timer
inactiveMethod();
};
// Clear hide timers
clearTimeout(self.timers.show);
clearTimeout(self.timers.hide);
// Start show timer
if(self.options.show.delay > 0) {
self.timers.show = setTimeout(function(){ self.show(event); }, self.options.show.delay);
}
else {
self.show(event);
}
};
// Define hide event method
function hideMethod(event)
{
if(self.status.disabled === true) return;
// Prevent hiding if tooltip is fixed and event target is the tooltip
if(self.options.hide.fixed === true
&& (/mouse(out|leave)/i).test(self.options.hide.when.event)
&& $(event.relatedTarget).parents('div.qtip[qtip]').length > 0)
{
// Prevent default and popagation
event.stopPropagation();
event.preventDefault();
// Reset the hide timer
clearTimeout(self.timers.hide);
return false;
};
// Clear timers and stop animation queue
clearTimeout(self.timers.show);
clearTimeout(self.timers.hide);
self.elements.tooltip.stop(true, true);
// If tooltip has displayed, start hide timer
self.timers.hide = setTimeout(function(){ self.hide(event); }, self.options.hide.delay);
};
// Both events and targets are identical, apply events using a toggle
if((self.options.show.when.target.add(self.options.hide.when.target).length === 1
&& self.options.show.when.event == self.options.hide.when.event
&& self.options.hide.when.event !== 'inactive')
|| self.options.hide.when.event == 'unfocus')
{
self.cache.toggle = 0;
// Use a toggle to prevent hide/show conflicts
showTarget.bind(self.options.show.when.event + '.qtip', function(event)
{
if(self.cache.toggle == 0) showMethod(event);
else hideMethod(event);
});
}
// Events are not identical, bind normally
else
{
showTarget.bind(self.options.show.when.event + '.qtip', showMethod);
// If the hide event is not 'inactive', bind the hide method
if(self.options.hide.when.event !== 'inactive')
hideTarget.bind(self.options.hide.when.event + '.qtip', hideMethod);
};
// Focus the tooltip on mouseover
if((/(fixed|absolute)/).test(self.options.position.type))
self.elements.tooltip.bind('mouseover.qtip', self.focus);
// If mouse is the target, update tooltip position on mousemove
if(self.options.position.target === 'mouse' && self.options.position.type !== 'static')
{
showTarget.bind('mousemove.qtip', function(event)
{
// Set the new mouse positions if adjustment is enabled
self.cache.mouse = { x: event.pageX, y: event.pageY };
// Update the tooltip position only if the tooltip is visible and adjustment is enabled
if(self.status.disabled === false
&& self.options.position.adjust.mouse === true
&& self.options.position.type !== 'static'
&& self.elements.tooltip.css('display') !== 'none')
self.updatePosition(event);
});
};
};
// Screen position adjustment
function screenAdjust(position, target, tooltip)
{
var self, adjustedPosition, adjust, newCorner, overflow, corner;
self = this;
// Setup corner and adjustment variable
if(tooltip.corner == 'center') return target.position // TODO: 'center' corner adjustment
adjustedPosition = $.extend({}, position);
newCorner = { x: false, y: false };
// Define overflow properties
overflow = {
left: (adjustedPosition.left < $.fn.qtip.cache.screen.scroll.left),
right: (adjustedPosition.left + tooltip.dimensions.width + 2 >= $.fn.qtip.cache.screen.width + $.fn.qtip.cache.screen.scroll.left),
top: (adjustedPosition.top < $.fn.qtip.cache.screen.scroll.top),
bottom: (adjustedPosition.top + tooltip.dimensions.height + 2 >= $.fn.qtip.cache.screen.height + $.fn.qtip.cache.screen.scroll.top)
};
// Determine new positioning properties
adjust = {
left: (overflow.left && ((/right/i).test(tooltip.corner) || !overflow.right)),
right: (overflow.right && ((/left/i).test(tooltip.corner) || !overflow.left)),
top: (overflow.top && !(/top/i).test(tooltip.corner)),
bottom: (overflow.bottom && !(/bottom/i).test(tooltip.corner))
};
// Tooltip overflows off the left side of the screen
if(adjust.left)
{
if(self.options.position.target !== 'mouse')
adjustedPosition.left = target.position.left + target.dimensions.width;
else
adjustedPosition.left = self.cache.mouse.x
newCorner.x = 'Left';
}
// Tooltip overflows off the right side of the screen
else if(adjust.right)
{
if(self.options.position.target !== 'mouse')
adjustedPosition.left = target.position.left - tooltip.dimensions.width;
else
adjustedPosition.left = self.cache.mouse.x - tooltip.dimensions.width;
newCorner.x = 'Right';
};
// Tooltip overflows off the top of the screen
if(adjust.top)
{
if(self.options.position.target !== 'mouse')
adjustedPosition.top = target.position.top + target.dimensions.height;
else
adjustedPosition.top = self.cache.mouse.y
newCorner.y = 'top';
}
// Tooltip overflows off the bottom of the screen
else if(adjust.bottom)
{
if(self.options.position.target !== 'mouse')
adjustedPosition.top = target.position.top - tooltip.dimensions.height;
else
adjustedPosition.top = self.cache.mouse.y - tooltip.dimensions.height;
newCorner.y = 'bottom';
};
// Don't adjust if resulting position is negative
if(adjustedPosition.left < 0)
{
adjustedPosition.left = position.left;
newCorner.x = false;
};
if(adjustedPosition.top < 0)
{
adjustedPosition.top = position.top;
newCorner.y = false;
};
// Change tip corner if positioning has changed and tips are enabled
if(self.options.style.tip.corner !== false)
{
// Determine new corner properties
adjustedPosition.corner = new String(tooltip.corner);
if (adjustedPosition.corner.match(/^(right|left)/)) {
if(newCorner.x !== false) adjustedPosition.corner = adjustedPosition.corner.replace(/(left|right)/, newCorner.x.toLowerCase());
} else {
if(newCorner.x !== false) adjustedPosition.corner = adjustedPosition.corner.replace(/Left|Right|Middle/, newCorner.x);
if(newCorner.y !== false) adjustedPosition.corner = adjustedPosition.corner.replace(/top|bottom/, newCorner.y);
}
// Adjust tip if position has changed and tips are enabled
if(adjustedPosition.corner !== self.elements.tip.attr('rel'))
createTip.call(self, adjustedPosition.corner);
};
return adjustedPosition;
};
// Build a jQuery style object from supplied style object
function jQueryStyle(style, sub)
{
var styleObj, i;
styleObj = $.extend(true, {}, style);
for(i in styleObj)
{
if(sub === true && (/(tip|classes)/i).test(i))
delete styleObj[i];
else if(!sub && (/(width|border|tip|title|classes|user)/i).test(i))
delete styleObj[i];
};
return styleObj;
};
// Sanitize styles
function sanitizeStyle(style)
{
if(typeof style.tip !== 'object') style.tip = { corner: style.tip };
if(typeof style.tip.size !== 'object') style.tip.size = { width: style.tip.size, height: style.tip.size };
if(typeof style.border !== 'object') style.border = { width: style.border };
if(typeof style.width !== 'object') style.width = { value: style.width };
if(typeof style.width.max == 'string') style.width.max = parseInt(style.width.max.replace(/([0-9]+)/i, "$1"));
if(typeof style.width.min == 'string') style.width.min = parseInt(style.width.min.replace(/([0-9]+)/i, "$1"));
// Convert deprecated x and y tip values to width/height
if(typeof style.tip.size.x == 'number')
{
style.tip.size.width = style.tip.size.x;
delete style.tip.size.x;
};
if(typeof style.tip.size.y == 'number')
{
style.tip.size.height = style.tip.size.y;
delete style.tip.size.y;
};
return style;
};
// Build styles recursively with inheritance
function buildStyle()
{
var self, i, styleArray, styleExtend, finalStyle, ieAdjust;
self = this;
// Build style options from supplied arguments
styleArray = [true, {}];
for(i = 0; i < arguments.length; i++)
styleArray.push(arguments[i]);
styleExtend = [ $.extend.apply($, styleArray) ];
// Loop through each named style inheritance
while(typeof styleExtend[0].name == 'string')
{
// Sanitize style data and append to extend array
styleExtend.unshift( sanitizeStyle($.fn.qtip.styles[ styleExtend[0].name ]) );
};
// Make sure resulting tooltip className represents final style
styleExtend.unshift(true, {classes:{ tooltip: 'qtip-' + (arguments[0].name || 'defaults') }}, $.fn.qtip.styles.defaults);
// Extend into a single style object
finalStyle = $.extend.apply($, styleExtend);
// Adjust tip size if needed (IE 1px adjustment bug fix)
ieAdjust = ($.browser.msie) ? 1 : 0;
finalStyle.tip.size.width += ieAdjust;
finalStyle.tip.size.height += ieAdjust;
// Force even numbers for pixel precision
if(finalStyle.tip.size.width % 2 > 0) finalStyle.tip.size.width += 1;
if(finalStyle.tip.size.height % 2 > 0) finalStyle.tip.size.height += 1;
// Sanitize final styles tip corner value
if(finalStyle.tip.corner === true)
finalStyle.tip.corner = (self.options.position.corner.tooltip === 'center') ? false : self.options.position.corner.tooltip;
return finalStyle;
};
// Tip coordinates calculator
function calculateTip(corner, width, height)
{
// Define tip coordinates in terms of height and width values
var tips = {
bottomRight: [[0,0], [width,height], [width,0]],
bottomLeft: [[0,0], [width,0], [0,height]],
topRight: [[0,height], [width,0], [width,height]],
topLeft: [[0,0], [0,height], [width,height]],
topMiddle: [[0,height], [width / 2,0], [width,height]],
bottomMiddle: [[0,0], [width,0], [width / 2,height]],
rightMiddle: [[0,0], [width,height / 2], [0,height]],
leftMiddle: [[width,0], [width,height], [0,height / 2]]
};
tips.leftTop = tips.bottomRight;
tips.rightTop = tips.bottomLeft;
tips.leftBottom = tips.topRight;
tips.rightBottom = tips.topLeft;
return tips[corner];
};
// Border coordinates calculator
function calculateBorders(radius)
{
var borders;
// Use canvas element if supported
if($('