/** * CodaBubble extension for jQuery library * * Creates tooltips "coda bubble" style * * @author Carlo Tasca * @version 1.0 * * OPTIONS: * * @param {array} distances Distances of bubbles from their triggers  * @param {array} leftShifts Left positions of bubbles * @param {array} bubbleTimes Life times for bubbles * @param {array} hideDelays Hide delay times for bubbles * @param {array} bubbleWidths Hide delay times for bubbles * @param {string} bubbleImagesPath Path to skin for bubbles * @param {boolean} msieFix Fix for IE png rendering. Replaces pngs with gifs if true (default) * @param {boolean} msiePop If false removes bubble in IE */
jQuery.fn.codaBubble = function(opts){
var bubble = this;
				opts = jQuery.extend({
				distances : [20],
				leftShifts : [30],	  		
				bubbleTimes : [400],
				hideDelays : [0],
				bubbleWidths : [200],
				bubbleImagesPath : "",
				msieFix : true,	  	
				msiePop : true},
				opts||{});
				function bubbleHtmlWrapper(bubbleHtml) {
				return '<table class="popup" style="opacity: 0; top: -120px; left: -33px; display: none;"><tr><td class="corner topleft"/><td class="top"/><td class="corner topright"/></tr><tr><td class="left"/><td class="bubble_content">' +  bubbleHtml  + '</td><td class="right"/></tr><tr><td class="corner bottomleft"/><td class="bottom"><img style="display:block;" width="30" height="29" alt="" /></td><td class="corner bottomright"/></tr></table>';}
				return jQuery(bubble).each(function (i) {
				var bubbleHtml = jQuery('.bubble_html', this).html();
				jQuery('.bubble_html', this).hide().after(bubbleHtmlWrapper(bubbleHtml));
				jQuery('.popup td.bottom img', this).attr('src', opts.bubbleImagesPath  + '/bubble-tail2.png');
				if (opts.msieFix){
				if ($.browser.msie){
				jQuery('.popup td.topleft').css('background-image', 'url(' + opts.bubbleImagesPath  + '/bubble-1.gif)');
				jQuery('.popup td.top').css('background-image', 'url(' + opts.bubbleImagesPath  + '/bubble-2.gif)');
				jQuery('.popup td.topright').css('background-image', 'url(' + opts.bubbleImagesPath  + '/bubble-3.gif)');
				jQuery('.popup td.left').css('background-image', 'url(' + opts.bubbleImagesPath  + '/bubble-4.gif)');
				jQuery('.popup td.right').css('background-image', 'url(' + opts.bubbleImagesPath  + '/bubble-5.gif)');
				jQuery('.popup td.bottomleft').css('background-image', 'url(' + opts.bubbleImagesPath  + '/bubble-6.gif)');
				jQuery('.popup td.bottom').css('background-image', 'url(' + opts.bubbleImagesPath  + '/bubble-7.gif)');
				jQuery('.popup td.bottomright').css('background-image', 'url(' + opts.bubbleImagesPath  + '/bubble-8.gif)');
				jQuery('.popup td.bottom img').attr('src', opts.bubbleImagesPath  + '/bubble-tail2.gif');}}
				var distance = opts.distances[i];
				var time = opts.bubbleTimes[i];
				var hideDelay = opts.hideDelays[i];
				var hideDelayTimer = null;
				var beingShown = false;
				var shown = false;
				var trigger = jQuery('.trigger', this);
				var popup = jQuery('.popup', this).css('opacity', 0);
				jQuery([trigger.get(0), popup.get(0)]).mouseover(function () {
				jQuery(popup).css("width", opts.bubbleWidths[i] + "px");
				var triggerWidth = jQuery(trigger.get(0)).css('width');
				if (hideDelayTimer) clearTimeout(hideDelayTimer);
				if (beingShown || shown) {
				return;}else {
				beingShown = true;
				popup.css({top: -80,left: opts.leftShifts[i],display: 'block'})
				.animate({
				top: '-=' + distance + 'px',opacity: 1}, time, 'swing', 
				function(){beingShown = false;shown = true;});}
					    }).mouseout(function () {
					    if (hideDelayTimer) clearTimeout(hideDelayTimer);
					    hideDelayTimer = setTimeout(function () {
					    hideDelayTimer = null;
					    popup.animate({top: '-=' + distance + 'px',opacity: 0}, time, 'swing', 
					    function () {shown = false;popup.css('display', 'none');});},hideDelay);});if (!opts.msiePop && $.browser.msie){	     jQuery(popup).remove();}});}