/**
 * * 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: 0px; 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 : -100,
											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();
						}
					});
}