/**
 * 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 : [100],
	  		bubbleTimes : [400],
	  		hideDelays : [0],
	  		bubbleWidths : [200],
	  		bubbleImagesPath : "",
	  		msieFix : true,
	  		msiePop : true
		},opts||{});
		  
	    function bubbleHtmlWrapper(bubbleHtml) {
	       return '<table class="popup" style="opacity: 0; top: -10px; left: -33px; display: none;"><tr><td class="corner topleft"/><td class="top"/><td class="corner topright"/></tr><tr><td class="left"><img style="display:block;" width="29" height="30" /></td><td class="bubble_content">' +  bubbleHtml  + '</td><td class="right"/></tr><tr><td class="corner bottomleft"/><td class="bottom"></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.left 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.left img').attr('src', opts.bubbleImagesPath  + '/bubble-tail2.gif');
		     }
	    }
	   
		var distance = opts.distances[i];
		var time = opts.bubbleTimes[i];
		var trigger = jQuery('.help', 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");
			
			popup.css({
			  left: (trigger.position().left + 33),
			  top: (trigger.position().top - 7),
			  display: 'block',
			  opacity: 1
			});
		})
		.mouseout(function () {
			popup.css('display', 'none');
		});
		
		if (!opts.msiePop && $.browser.msie) {
			jQuery(popup).remove();
		}
	});
}